header{

    box-shadow: none;
    border-bottom: 1px solid #eee9e9;
}
header>nav{

    margin-left: 0px !important;  height: 80px;
}
.profile-center{


    width: 98%;
    height: auto;
    /* background-color: #bbbbbb;*/
    float: left;
    margin-bottom: 50px;
}

.profile-left{


    width: 218px;
    height: 150%;
    background-color: #1b8e99;
    margin-top: -79px;
    float: left;
    position: fixed;
    z-index: 3;
}

.logo{
    margin-left: 0px;
    background-color: #1b8e99;
    width: 180px;
    height: 96px;position: fixed;
    margin-right:50px;
}

.menus{

    /*margin-left: 211px !important;*/
}

.profile-left li>img{



    list-style: none;
    float: right;
    margin-left: 5px;
    margin-top: 7px;

}

.profile-left li:hover{

    background-color: #92c1fb;

}
.profile-left li{


    width: 156px;
    height:40px;
    border-radius: 4px;
    list-style: none;
    margin: 5px auto 0px auto;
    cursor: pointer;


}

.profile-left li span{

    color: #FFFFFF;
    font-size: 14px;
    text-align: center;

    display: block;
    vertical-align: middle;
    float: right;
    margin-right: 15px;
    line-height: 40px;
}


.profile-right{


    height: auto;
    /* background-color: #676563; */
    /* margin-left: 245px; */
    margin-top: 30px;

    direction: rtl;

}


.profile-right>div:first-child{
    margin-top: 0px;

}

.profile-right>div{

    min-height: 390px;
    /* background-color: #1b8e99; */
    height: auto;
    width: 100%;
    border-bottom: 1px solid #dce0e0;
    /* border-radius: 4px; */
    margin-top: 40px;
    margin-bottom: -25px;


}

.profile-right>div:last-child{

    border-bottom:none;

}
.first-right{

    overflow: hidden;
    height: auto !important;
    min-height: auto !important;
}

.profile-right>div>div:first-child{

    width: 100%;
    height:auto;
    padding-right: 0px;
    /* background-color: #edefed; */
    /* border-bottom: 1px solid #dce0e0; */
    direction: rtl;
    text-align: right;

}

.profile-right>div>div:first-child>span{

    font-size: 23px;
    color: #8a8a90;
    margin-left: 0px;
    margin-right: 26px;
    line-height: 41px;
}

.profile-right>div>div:last-child{

    width: 94%;
    height: auto;
    font-size: 15px;
    color: #544f4f;
    margin: 0px auto 0px auto;
    line-height: 41px;


}

footer{


    margin-top: 50px;
    box-shadow: 0px 0px 10px #eee9e9;
    width: 100%;
}

.footer-center{

    width: 1110px !important;
}


.profile-picture{

    width: 230px;
    height: 278px;
    border: 1px solid #dce0e0;
    background-color: #2E5871;
    float: right;
    border-radius: 4px;
    margin-top: 13px;
    margin-right: 15px;
}
.profile-picture-image{


    width: 100%;
    height: 170px;
    background-image: url(../image/profile-picture.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: -27px;
    border-bottom: 1px solid #dce0e0;
    border-bottom: 1px solid #dce0e0;
    position: relative;
}


.add-picture{

    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 48px;
    background-color: #FFFFFF;
    font-size: 13px;
    color: #635d5d;
    margin-top: 0px;


}
.add-picture>a{

    cursor: pointer;
}
.view-profile{

    width: 100%;
    height:79px;
    background-color: #FFFFFF;
    float: left;
    margin-top: -23px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.view-profile>form>div{

    width: 210px;
    height: 30px;
    background-color: #1b8e99;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
    display: block;
    margin:33px auto 0px auto;
    cursor: pointer;
    border: none;
    position: relative;

}

.profile-text{

    margin-top: 9px;
    float: right;
    font-size: 17px;
    text-align: right;
    width: 100%;
    height: auto;
    direction: ltr;
    margin-bottom: 6px;

}

.inputs-div>form>div{

    width: 99%;
    height: auto !important;
    /*   background-color: #1b8e99;*/
    margin: 0px auto 0px auto;
    margin-top: 0px;
    float: right;
}

.inputs-div>form>div>div:first-child{
    width:82px;
    height: 50px;
    /* background-color: #CCCCCC; */
    float: right;
    direction: rtl;
    text-align: right;
    font-size: 15px;
    color: #545252;
}



.inputs-div>form>div>div:last-child{


    width: 87.15%;
    height:auto;
    /* background-color: #CCCCCC; */
    float: right;
    margin-left: 2%;

}

.inputs-div>form>div>div:last-child>input{

    width:285px;
    height: 40px;
    border: 1px solid #e8e5e4;
    border-radius: 3px;
    padding: 0px 10px;
    float: right;
    text-align: right;
}

.birthday{

    width: 285px !important;
    /* border: none; */
    border: 1px solid #e8e5e4;

    height: 40px;
    border-radius: 3px;
    padding-right: 10px !important;
}

input:hover{

    outline: none;
    border: 1px solid #1b8e99;
}
.gender{

    width: 285px;
    height: 40px;
    border: 1px solid #e8e5e4;
    border-radius: 3px;
    padding: 0px 10px;
}


input[name="PostalCode"],input[name="City"]{


    width: 285px !important;
}

input[name="Address"]{

    width: 96% !important;
}

.gender>option{
    width: 100px;
    height: 40px;
    border: 1px solid #e8e5e4;
    border-radius: 3px;
    outline: none;

}

.month,.year,.day{

    width: 100px;
    height: 40px;
    border: 1px solid #e8e5e4;
    border-radius: 3px;
    padding: 0px 10px;
}

.preferredcurrency,.preferredlanguage{

    width: 140px;
    height: 40px;
    border: 1px solid #e8e5e4;
    border-radius: 3px;
    padding: 0px 10px;
}
.describe{
    width:96%;
    height: 100px;
    border: 1px solid #e8e5e4;
    border-radius: 3px;
    text-align: right;
    direction: rtl;
    padding: 0px 10px;
}

.phonenumber{

    width: 285px !important;

}

.phonenumber-div>button,.send-verify,.email-verify{


    display: block;
    width: 220px;
    vertical-align: middle;
    border-radius: 4px;
    background-color: #1b8e99;
    line-height: 40px;
    height: 42px;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    border: none;
}
.phonenumber-div>button>img,button>img{

    width: 20px;
    height: 20px;
    margin-top:10px;
    position:absolute;
    margin-left:5px;
    display: none;
}

.email{

    width: 285px !important;

}

.got_code{

    display: none;
}
.got_code input{

    width: 285px !important;
}
.save-button{
    display: block;
    width: 161px;
    border-radius: 4px;
    background-color: #1b8e99;
    line-height: 40px;
    height: 42px;
    color: #FFFFFF !important;
    font-size: 15px;
    text-align: center;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    float: right;
    direction: rtl;
    box-shadow: 2px 2px 5px #717171;


}






.requests{


// background-color: #92c1fb;

    display: none;
}

.requests>span{

    font-size: 12px !important;
    width: 110px;
    text-align: right !important;


}


.a-request{

    width: 100%;
    height: auto;
    /*background-color: #FF828A;*/
    display: block;
    position: relative;
    padding-top:3px;
    padding-bottom: 7px;
}


.a-request>a{

    width: 100%;
    height: auto;

}

.profile-right>header{


    width: 96%;
    height:auto;
    margin-left:-5px;
    border-bottom: 1px solid #e7e7e7;


}

.section-request>li{

    width: 25%;height: 35px !important;
    list-style: none;
    text-align: center;
    color: #676563;
    font-size: 12px;
    height: 60%;
    float: right;
    margin-top: 20px;
    transition: 0.5s;
    cursor: pointer;
    border-bottom: 1px solid #e7e7e7;
}

.works-profile .section-request>li{

    width: 33.3%;
}

.schedule-center .section-request>li,.requests-profile .section-request>li{

    width: 25%;
}
.section-request>li:hover{

    color: #FF828A;
    border-bottom: 1px solid #FF828A;


}

.booking-body:first-child{

    border-bottom: 1px solid #dce0e0 !important;
}




.profile-header .logo {
    margin-left: 0px;
    background-color: #ffffff;
    width: 217px;
    height: 155px;
    position: fixed;
    border-right: 1px solid #f2f2f2;
}


.ticket-div{


    width:97% !important;
    min-height: 100px !important;
    height: auto !important;
    border-radius: 4px;
    padding: 10px 0px;
    border: 1px solid #e2e2e2a6 !important;
}


.ticket-div section{

    width: 100% !important;
    height:100% !important;
}
.ticket-head{
    height: 35px !important;
    /* background: #9ed7db !important; */
    float: right;
    line-height: 24px;
    padding: 2px 2%;
    color: #707070;
    font-size: 13px;
    text-align: right;
}

.ticket-title{
    width: 23% !important;


}
.ticket-create{
    width: 24% !important;

}

.ticket-update{
    width: 24% !important;

}

.ticket-manage{
    width: 7% !important;

}

.ticket-status{
    width: 11% !important;


}


.ticket-div section>div:nth-child(1),.ticket-div section>div:nth-child(2),.ticket-div section>div:nth-child(3),.ticket-div section>div:nth-child(4),.ticket-div section>div:nth-child(5){
    color: #3d3d3d;
    font-weight: bold;
    font-size: 13px;
    height: 25px !important;
    float: right;
    text-align: right;
}


.ticket-manage>a{

    width: 40px;
    height: 30px;
    background-color: #1b8e99;
    line-height: 30px;
    color:#FFFFFF;
    font-size: 13px;
    border-radius: 4px;
    display: block;
    text-align: center;
    cursor: pointer;
    text-decoration: none;

}

.create-button{

    width: 150px;
    height: 40px;
    color: #FFFFFF;
    line-height: 40px;
    background-color: #1b8e99;
    border-radius: 4px;
    border: none;
    outline: none;
    margin-top: 20px;
    cursor: pointer;
    float: right;
}

.ticket-form>input{

    width: 93.5%;
    height: 40px !important;
    border-radius: 4px;
    padding:0px 2%;

    border: 1px solid #e2e2e2a6 !important;

    margin-top: 32px;

    float: right;

}


.ticket-form>select{

    width: 300px !important;
    height: 40px !important;
    border-radius: 4px;
    padding:0px 2%;

    border: 1px solid #e2e2e2a6 !important;
    margin-bottom: -10px !important;
    margin-top: 40px;
    float: right;
}
.ticket-form{

    display: none;
    opacity: 0;

    margin-top:100px;
}
.ticket-form>textarea{

    width: 93.5%;
    height: 150px !important;
    border-radius: 4px;
    border: 1px solid #e2e2e2a6 !important;
    margin-top: 20px;
    padding:10px 2%;

    float: right;

}

.booking-user-div-ticket{

    margin-top: -31px !important;
    border-right: 1px solid #d8d8d86b !important;
    height: auto;
}


.image-user-image{

    margin-top: 0.8% !important;
    margin-bottom: 7%;

}

.booking-text-ticket{


    height: auto !important;
    margin-top: 15px !important;
    float: right !important;
    margin-right: -10px !important;
    width: 70% !important;
    line-height: 22px !important;
    text-align: right;

}

.booking-body-ticket{



    border-radius: 4px !important;
    border: 1px solid #dcdcdc9e !important;
    height: auto !important;   margin-left: 0px !important;
    opacity: 1;
    min-height: 120px !important;
    display: block !important;
    float: right !important;
    width: 93.5% !important;
}

.booking-top{
    margin-top: 0px !important;
}
.booking-text-ticket>span{

    padding: 0px !important;
}

.close-button-ticket{

    background-color: #FF828A !important;
    float: right !important;
    margin-right: 2.2%;
}

.closed-button-ticket{

    background-color: #FF828A !important;
    width: 200px;
    cursor:  auto !important;

}

.attention{

    width: 100%;
    height: auto;
}

.attention-div{

    width: 100%;
    height: auto;
    /*background-color: #00C900;*/
    float: left;
    margin-top: 10px;
}

.attention-div>img{

    float: left;
}

.attention-div>p{

    float: left;
    color: #6d6e6f;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 10px;
    width: 70%;
}


.paid-p{

    width: 133px !important;
}

.sum-of-paid{

    width: 100px;
    height: 100px;

    border-radius:100%;
    border:3px solid #FF828A;
    margin-bottom: 30px;

    line-height: 96px;

    text-align: center;
    font-size: 25px;
    color: #1b8e99;
    margin-left: 210px;
    margin-top: -28px;
}





.email-verify,.send-verify{

    height: 40px !important;
    float: right;
    border: none;
    display: block;
    width: 220px !important;
    vertical-align: middle !important;
    font-size: 15px !important;
    margin-bottom: 10px;
    margin-right: 10px !important;
    /*box-shadow: 2px 2px 5px #717171;*/

}

.container {
    width: 100% !important;
    height:0px;
}

.imageuploadify .imageuploadify-images-list {
    display: inline-block !important;
    width: 246px !important;
    /* border-top: 35px; */
    margin-top: 9px !important;
    margin-left: -33px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.glyphicon-remove{

    display: none !important;
}

.ok-banner {
    width: 344px;
    height: 45px;
    display: block;
    line-height: 44px;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    transform: rotate(-43deg);
    background-color: #1b8e99;
    position: absolute;
    margin-top: 41px;
    margin-left: -106px;
    direction: rtl;
}


.panel-default{

    overflow: hidden !important;
    position: relative;

}

.social-network {
    margin-right: 60px !important;
}

#app{


    height: auto;
}

.container{

    height: auto !important;
}

footer{

    margin-top: 0px;
}

.col-md-offset-2{

    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;

}

.home-div .row{

    display: block;
}

.home-div{

    background-color: #FFFFFF;
    border-radius: 4px !important;
    margin-top: -30px !important;

    direction: ltr;
    margin-right: 220px;
    width: 80% !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 0px !important;
    width: 10px;
    margin-left: 5px;
}
.intl-tel-input{
    float: right !important;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel]{


    width: 285px !important;
}

.profile-buttons{

    margin-top: -20px !important;
    float: right !important;
}
.profile-buttons>button{

    float: right !important;
}
.pb-4, .py-4{
    direction: rtl;
}

.left-menu-white{

    width: 100%;
    height: 55px;
    background-color: #1b8e99;
}


.navbar-laravel {
    z-index: 4;
}

.first-right>div,.first-right>ul{

    text-align: right;
}

.first-right>div>li{

    margin-top: 20px;
    color: #1b1e21;
}
.works-profile{

    height: auto;
    /* background-color: #bbbbbb; */
    float: right;
    margin-bottom: 50px;
    width: 82%;
    margin-right: 240px;
}

.start-step{
    cursor: pointer;
    width: 150px;
    height: 40px;
    line-height:40px;
    color: #FFFFFF !important;
    border-radius: 4px;
    background-color: #1b8e99;
    display: block;
    text-align: center;
    margin-top:40px;
}

.product-works a:hover{

    text-decoration: none;
}

.phonenumber,.flag-container{

    direction: ltr;
    text-align: right;
}

.employee-dashboard .product-text{

    line-height: 42px;
}

.profile-right>div>div>span{

    margin-right: 2% !important;
}

.profile-message{

    margin-left: 25px !important;
}



.jqs-grid-day{

    margin-top: -20px !important;
}

.jqs-period-helper-time{


    display: none !important;
}

.add-language{
    width: 100px;
    height: 40px;
    border-radius: 4px;
    margin-right: 10px;
    line-height: 5px;
    color: #FFFFFF;
    border: none;
    background-color: #1b8e99;
}

.add-input-languages>input{

    margin-left: 5px;
}

.add-input-languages{
    margin-right: 5px;
    margin-left: 0px !important;
    margin-top: 10px;
}

.add-keys{

    height: auto !important;float: right !important;margin-bottom: 10px !important;
}
.add-keys>div:first-child{

    margin-top: 7px !important;
}
.pac-container{

    left: 45% !important;
}


.fromdate{

    cursor: auto;
}



.highlight-100>a:last-child{

    color: #504c4c !important;
    font-size: 15px;
}


.name-family{

    width: 50% !important;
    float: right;
    height: auto !important;
}

.name-family>div:last-child{

    width: 67% !important;
    margin-right: 4px !important;

}



input[name="Name"],input[name="LastName"]{

    width: 285px !important;
}

.strong {
    margin-top: -3px;
    margin-bottom: 8px;
    font-size: 12px;
    background-color: #ffffff;
}

.strong>p{

    background-color: bisque;
    display: block;
    height: auto;
    width: 285px;
    border-radius: 5px;
    margin-right: -7px;
    padding-right: 5px;

}

#ghost-top>div:hover{

    color: #FFFFFF;
}

.message span{

    color: #FFFFFF;
}

.addpic{

    background-color: #37ACFB !important;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    margin-top: 80px;
    display: block;
    width:80px;
    float: right;
    margin-right: 5px;
    height: 25px;
    color: #FFFFFF !important;text-align: center;
    line-height: 24px;
    border-radius: 4px;
}

.change-right{

    width: 100px !important;
}

.button-div-change-password{

    margin-bottom: 30px;width: 94.9%;height:100px;
}

.button-div-change-password>div{

    margin-bottom: 30px;
    width: 338px !important;
    height: 100px;
    margin-top: 5px !important;
}

.works-profile .create-button{

    margin-top:40px !important;
}

.curency{

    width: 140px;
    height: 40px;
    border: 1px solid #e8e5e4;
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px ;
    border-right: none;
}

input[name="Price"]{
    margin-top: 1px !important;
    width: 145px !important;
}
.menu-li-right{

    margin-right: 1.7px !important;
    height: 25px !important;
    margin-top: 8px !important;
    display: none;
}

.background-black{

    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
    display: none;
}

.iframdiv{
    margin-right: -0.8% !important;
    width: 95% !important;
    height: 350px !important;
    margin-bottom: 105px !important;
}

.nav-item figure{
    width: 47px;
    height: 47px;

    float: right;
    margin-top: -4px;
    border: #1b8e99 2px solid;
    border-radius: 100%;
    background-size: 100% 100%;
}

button:hover{

    background-color: #37ACFB !important;
    color: #FFFFFF !important;
}

button:hover>a{

    background-color: #37ACFB !important;
    color: #FFFFFF !important;
}

.product-choose:hover{
    background-color: #37ACFB !important;
    color: #FFFFFF !important;

}

.new-request:hover{
    background-color: #37ACFB !important;
    color: #FFFFFF !important;
}

.booking-body:hover{
    background-color: #FFFFFF !important;
}

.booking-body{
    box-shadow: none !important;
}

.cancel-request:hover{
    color: #1b1e21 !important;
}


.confirm-box .message-text{

    margin-top: 25px !important;
}

.confirm-box #ghost-top{
    display: none;
}

.h5-head{

    width: 100%;
    height: 100%;
    text-align: center;
    color: #5e5e5e;
    font-size: 15px;
    direction: rtl;
}

.message-text textarea{


    overflow: auto;
    resize: vertical;
    width: 212px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    font-size: 13px;
    padding-right:5px;
    height: 55px !important;
    margin-left: 5px;
    margin-top: -5px;
}

.curency>option{

    text-align: left;
    direction: ltr;
}


.favorite-div .product-price > a{

    float: right;
    margin-right: 0px;
    margin-left: 0px;

}
.delete-favorite{

    background-color: #fb4c47 !important;
    float: left !important;
}


.favorite-div .product-price {

    height: 67px !important;
}

.atdate{
    float: right !important;

    width: 120px !important;
    height: 40px;
    border-radius: 4px;
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #c0bdc4;
    padding-right: 10px;

}


.schedule-search{

    width: 120px;
    border-radius: 4px;
    background-color: #37ACFB;
    color: #FFFFFF;
    outline: none;
    border: none;
    float: right;
    height: 40px;
    margin-right: 0px;
    cursor: pointer;
    font-size: 13px;
    margin-top: 5px !important;
}

.schedule-search:hover{

    background-color:#fb5464 !important;
}


.schedule-form>input,.schedule-form>select,.schedule-form .atdate{

    margin-left: 5px !important;
    margin-top: 5px !important;
    font-size: 13px;
}