/*----- Font ------*/
@font-face {
    font-family: 'Die';
    src: url("../fonts/din font/DIN Bold.otf") format("otf"), url("../fonts/din font/DIN Light Regular.otf") format("otf"), url("../fonts/din font/din medium.otf") format("otf"), url("../fonts/din font/DIN Regular.ttf") format("ttf"), url("../fonts/din font/din-regular-webfont.woff") format("woff"), url("../fonts/din font/DIN Medium Regular.ttf") format("ttf");
}

@font-face {
    src: url('fonts/DIN/DINRegular.ttf');
    font-family: 'DINRegular';
}

@font-face {
    src: url('fonts/DIN/DINMedium.ttf');
    font-family: 'DINMedium';
}
 
@font-face {
    src: url('fonts/DIN/DINBold.ttf');
    font-family: 'DINBold';
}

@font-face {
    src: url('fonts/DIN/DINLight.ttf');
    font-family: 'DINLight';
}

/*--- end font -----*/
body {
    /*font-family: 'Die', Times, serif;*/
    font-family: 'DINRegular';
}

h1, h2, h3, h4, h5, h6, span, p, a {
    color: #666;
}
a{
    -webkit-transition: all 300ms ease-in-out!important;
    -moz-transition: all 300ms ease-in-out!important;
    -o-transition: all 300ms ease-in-out!important;
    transition: all 300ms ease-in-out!important;
}
a:hover, a:focus {
    text-decoration: none;
    transition: all 300ms ease-in-out;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.clearfix {
    clear: both;
}

.right {
    float: right !important
}

/*--- Select ---*/
select {
    height: 60px;
    width: 100%;
    border-radius: 8px;
    border: 0;
    padding-left: 25px;
    font-size: 22px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/arrow-down-sign-to-navigate.png") #fff no-repeat;
    background-position: calc(100% - 20px);
    outline: 0;
/*    text-transform: capitalize;*/
}


/*--- Button ---*/
.btn {
    border-radius: 8px;
    color: #fff;
    border: 1px solid #b7b7b7;
    outline: 0;
}

.btn-defualt {
    background-color: #e3dfdf;
    color: #333;
    border: 0;
}

.btn-success {
    background: #87c332;
}

.form-control:focus {
    box-shadow: none;
    border-color: #ccc;
}

.form-control {
    box-shadow: none;
}

.data-table table {
    width: 100%;
    margin-top: 25px;
}

.data-table table col:nth-child(2n+2) {
    background: #faf9f9;
}

.data-table table thead tr th {
    font-weight: bold;
    font-size: 16px;
}

.data-table table tr td {
    position: relative;
}

.data-table table tr td span.red {
    background: red;
    height: 13px;
    width: 13px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 11px;
}

.data-table table tr td span.green {
    background: #87c332;
    height: 13px;
    width: 13px;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 11px;
}

.user-profile {
    background: #fff;
    padding: 20px;
    padding-bottom: 0;
}

.user-profile .edit-profile {
    margin-bottom: 25px;
    font-size: 22px;
}

.user-profile .edit-profile i {
    cursor: pointer;
}

.user-profile .edit-profile span {
    padding-left: 10px;
}

.user-profile img {
    width: 100%;
}

.user-profile .user-profile-data {
    margin-top: 25px;
}

.user-profile .user-profile-data span {
    font-size: 14px;
    font-weight: bold;
}

.user-profile .user-profile-data span:first-of-type {
    line-height: 2.3;
}

.user-profile .user-profile-menu {
    margin-top: 40px;
}

.user-profile .user-profile-menu ul {
    list-style-type: none;
    padding: 0;
}

.user-profile .user-profile-menu ul li {
    border-top: 1px solid #edebec;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.user-profile .user-profile-menu ul li a {
    padding: 15px;
    text-decoration: none;
    color: #444;
    display: block;
}

.user-profile .user-profile-menu ul li span {
    display: none;
    background: #00aeef;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 10px;
}

.user-profile .user-profile-menu a:hover {
    color: #00aeef
}

.user-profile ul.menu_options {
    background-color: #f9f9f9;
}

.user-profile ul.menu_options  li a {
    padding: 0
}

.user-profile ul.menu_options  li {
    font-size: 14px !important;
    padding: 10px 30px !important;
    font-weight: 100;
}

/*----- Header ------*/
header {
    padding: 5px 0 22px;   
}

header .header-timer {
    padding: 10px;
    background-color: #e3dfdf;
    width: 90px;
    border-radius: 0px 0px 10px 10px;
    font-weight: bold;
}

.login h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

.login h4 a {
    text-decoration: underline;
    color: #00aeef;
}

.navbar-brand img {

    /*width: 65px;
    margin-left: -2px; */
}

.navbar-header h2 {
    display: inline-block;
    position: absolute;
    top: -12px;
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
}

a.navbar-brand {
    padding: 0;
}

.navbar-nav button {
    height: 51px;
    padding: 15px;
    width: 180px;
    font-size: 21px;
    line-height: 1px;
    margin-left: 5px;
}

.navbar-nav li a {
    font-size: 21px;
    color: #333333;
}
.nav>li>a {
        padding: 10px 18px;
}
.navbar-nav>li>a {
    line-height: unset;
}
.navbar-nav li a:hover {
    background-color: transparent;
    color: #00aeef;
}
.navbar-nav li a.glob-btn:hover {
    background-color: #00aeef;
    color: #FFF
}
@media (min-width:992px) and (max-width:1199px) {
    .navbar-header h2 {
        font-size: 23px;
        top: -4px;
        font-weight: bold;
        margin-top: 15px;
    }

}

/* Medium Devices, Desktops */
@media (min-width:768px) and (max-width:991px) {
    .navbar-nav button {
        width: 105px;
        font-size: 11px;
        height: 45px;
    }

    .navbar-nav li a {
        font-size: 17px;
    }

    .navbar-header h2 {
        font-size: 19px;
        top: -4px;
        font-weight: bold;
        margin-top: 18px;
    }

    .navbar {
        margin: 10px 0;
    }

    .navbar-header {
        top: -3px;
    }

}

/* Small Devices, Tablets */
@media (min-width:992px) {
    .navbar-header {
        position: absolute;
        top: -15px;
    }

}

@media (min-width:320px) and (max-width:767px) {
    .navbar-toggle .icon-bar {
        background: #fff;
    }

    .navbar-toggle {
        background: #87c332;
    }

    .navbar {
        margin: 5px 0;
    }

    .navbar-brand img {
        width: 155px;   /* Ao 20/09/2018 => in  increase the image of width*/
    }

    .navbar-header h2 {
        font-size: 30px;
    }

}

/*----- End Header ------*/

/*---- request micro site page ----*/
.request-micro {
    margin-top: 10px;
}

.request-title {
    border-bottom: 1px solid #e0e0e0;
    margin: 25px 0;
}

.request-title h2 {
    font-size: 45px;
    margin: 0;
    margin-bottom: 10px;
}

.request-title h2 span {
    font-size: 19px;
    font-weight: bold;
}

.request-title .back-to-search button {
    font-size: 18px;
    padding: 10px;
}

.request-profile {
    margin-top: 55px;
}

.profile-text {
    margin-top: -15px;
}

.profile-text h2 {
    font-size: 22px;
    font-weight: bold;
}

.profile-text p {
    font-size: 16px;
}

.request-qualifications {
    margin-top: 55px;
}

.request-qualifications h2 {
    font-weight: bold;
    font-size: 45px;
}

.request-qualifications h3 {
    font-size: 22px;
}

.request-qualifications p {
    font-size: 16px;
}

.request-documents {
    margin-top: 55px;
}

.request-documents p {
    font-size: 16px;
    margin-top: 20px;
    padding-left: 15px;
}

.request-actions {
    margin-top: 130px;
    margin-bottom: 130px;
}

.request-actions a {
    text-decoration: none;
}

.request-actions .request-action-btn {
    border-radius: 8px;
    background: #00aeef;
    width: 100%;
    padding: 15px;
    margin-left: 35px;
}

.request-actions .request-action-btn h3 {
    color: #fff;
    font-size: 31.3px;
    font-weight: bold;
    line-height: 1.3;
}

.request-img {
    background-image: url("../images/req-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 385px;
}

@media (min-width:992px) and (max-width:1199px) {
    .request-documents h2 {
        margin-bottom: 25px;
    }

    .request-documents p {
        margin-top: -5px;
        padding-left: 35px;
    }

}

@media (min-width:768px) and (max-width:991px) {
    .request-title h2 {
        font-size: 30px;
    }

    .request-documents p {
        margin-top: 3px;
    }

    .document-item img {
        width: 100%;
    }

    .request-actions .request-action-btn {
        border-radius: 8px;
        background: #00aeef;
        width: 100%;
        padding: 10px;
        margin: 0;
    }

    .request-actions .request-action-btn h3 {
        font-size: 31.3px;
    }

}

@media (min-width:200px) and (max-width:767px) {
    .request-title .back-to-search button {
        margin-bottom: 10px;
        font-size: 11px;
    }

    .request-title h2 span {
        font-size: 12px;
    }

    .request-profile img {
        width: 100%;
    }

    .document-item {
        margin-top: 10px;
    }

    .document-item img {
        width: 100%;
    }

    .request-documents p {
        margin-top: -8px;
        font-size: 15px;
        padding-top: 9%;
    }

    .request-title h2 {
        font-size: 18px;
    }

    .request-qualifications h2 {
        font-size: 22px;
    }

}

/*---- end request micro site page ----*/

/*------ Footer ---------*/
.emr-serv {
    background: #00aeef;
    padding-bottom: 40px;
}

.footer-Emergency {
    margin-top: 45px;
}

.footer-Emergency h2 {
    font-size: 57.5px;
    color: #fff;
    font-family: 'DINMedium';
    letter-spacing: -3.2px;
    margin-top: 30px;
}

.footer-Emergency img {
    /*width: 100%;*/
/*    margin-right: 90px;*/   /* Ao 19/9 => remove margin  */
}
.footer-logo {
    text-align: right;
}

.footer-countery {
    margin: 37px 0 55px;
}

.footer-countery span {
    color: #fff;
    font-size: 26px;
    line-height: 2.5;
}

.footer-countery button {
    width: 100%;
    height: 61px;
    font-size: 31.3px;
    border-radius: 8px;
        font-family: 'DINMedium';
}
    
.footer-service-link {
    margin-top: 40px;
}

.footer-service-link h2 {
    color: #fff;
    font-size: 26px;
}

.footer-service-link .footer-service-link-item ul {
    list-style: none;
}

.footer-service-link .footer-service-link-item ul li {
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    font-family: 'DINLight';
}

.footer-service-link .footer-service-link-item ul h5 {
    font-family: 'DINBold';
    color: #fff;
    font-size: 16px;
}

.site-map {
    background: #d8d8d6;
    padding: 30px 0;
}

.site-map .site-map-data h2 {
    font-size: 23px;
    font-family: 'DINBold';
    margin-bottom: 20px;
    color: #333;
}

.site-map .site-map-data .site-map-data-item ul {
    list-style-type: none;
    line-height: 2.4;
    font-size: 18px;
    color: #333;
    padding-left: 0;
}

.site-map .site-map-img h2 {
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #333;
}

.site-map .site-map-img img {
    width: 100%;
}

.social-media-copy-right {
    background: #00aeef;
    padding: 40px 0;
}

.social-media-copy-right .copy-right span {
    color: #fff;
    font-size: 18px;
}

.social-media-copy-right .social-media {
    padding-top: 30px;
}

.social-media-copy-right .social-media i {
    color: #fff;
    font-size: 35px;
}

.social-media-copy-right .social-media a {
    margin: 0 15px;
}

.social-media-copy-right .social-media a:first-child {
    margin-left: 0;
}
@media (min-width:768px) and (max-width:991px) {
    
}
@media (min-width:768px) and (max-width:991px) {
    .footer-Emergency h2 {
        font-size: 50px;
    }

    .footer-countery span {
        font-size: 20px;
    }

    .footer-countery select {
        font-size: 20px;
    }

    .footer-countery button {
        font-size: 25px;
        width: 100% !important;    /* ( AO - 19/9 ) fix input search to be responsiv */
    }

}

@media (min-width:200px) and (max-width:767px) {
    .footer-Emergency h2 {
        font-size: 22px;
        margin: 0;
        margin-top: 16px;
    }

    .footer-Emergency img {
        width: 60%;
    }

    .request-actions {
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .request-actions .request-action-btn {
        margin: 0;
        padding: 10px;
        height: 110px;
    }

    .request-actions .request-action-btn h3 {
        font-size: 15px;
    }

    .footer-countery {
        margin: 30px 0;
    }

    .footer-countery span {
        font-size: 20px;
        line-height: 3;
    }

    .footer-countery button {
        font-size: 20px;
        height: 40px;
        margin-top: 10px;
        width: 99% !important;     /* Ao 20/9/2018 => to fix the button to be like example  */
        border-radius: 8px;       /* Ao 20/9/2018 => to fix the button to be like example  */
        padding: 0 !important;   /* Ao 20/9/2018 => to fix the button to be like example  */
        
    }

    .footer-countery select {
        font-size: 18px;
        height: 40px;
        padding-left: 7px;
        background-position: calc(100% - 8px);
    }

    .site-map-data-item li {
        font-size: 15px;
    }

    .footer-service-link .footer-service-link-item ul li {
        font-size: 11px;
    }

    .footer-service-link h2 {
        font-size: 22px;
    }

    .social-media-copy-right {
        text-align: center;
    }

    .social-media-copy-right .social-media a {
        margin: 0 10px;
    }

    .footer-service-link .footer-service-link-item ul h5 {
        font-size: 14px;
    }

}

/*----- end footer ------*/

/*---- start response page --------*/
.response-text-top {
    margin-top: 50px;
}

.response-text-top h2 {
    font-weight: bold;
    font-size: 45px;
    margin: 5px;
}

.response-text-top p {
    margin: 50px 0;
    font-size: 18px;
}

.response-preferences h2 {
    font-weight: bold;
    font-size: 45px;
}

.response-preferences h3 {
    font-size: 28px;
}

.response-preferences h3 span {
    color: #00aeef;
    margin-right: 15px;
}

.response-other-comments h3 {
    font-size: 28px;
    font-weight: bold;
}

.response-other-comments p {
    font-size: 18px;
    margin-bottom: 40px;
}

.response-contact-soon {
    background: #00aeef;
    padding: 40px 0;
    color: #fff;
}

.response-contact-soon h2 {
    color: #fff;
    font-size: 45px;
}

.response-offer {
    padding: 15px 0;
}

.response-offer p {
    font-size: 18px;
}

.response-offer h2 {
    margin-top: 40px;
    font-size: 45px;
    font-weight: bold;
}

.response-offer .response-offer-icon {
    margin-top: 30px;
    margin-bottom: 25px;
}

.response-offer .response-offer-icon .response-offer-icon-item {
    margin-bottom: 30px;
}

.response-offer .response-offer-icon .response-offer-icon-item i {
    width: 30px;
    height: 30px;
    background: #00aeef;
    border-radius: 50%;
    color: #fff;
    line-height: 2;
}

.response-offer .response-offer-icon .response-offer-icon-item span {
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
}

@media (min-width:200px) and (max-width:767px) {
    .response-text-top h2, .response-preferences h2, .response-contact-soon h2, .response-offer h2 {
        font-size: 20px;
    }

    .response-preferences h3, .response-other-comments h3 {
        font-size: 18px;
    }

    .response-text-top p {
        margin: 25px 0;
    }

    .response-offer .response-offer-icon .response-offer-icon-item span {
        font-size: 9px;
    }

}

/*---- end response page --------*/

/*------ start join us page-------*/
.join-left {
    margin-bottom: 120px;
}

.join-left .join {
    margin-bottom: 30px;
}

.join-left .join h2 {
    font-size: 45px;
    font-weight: bold;
    margin: 35px 0;
}

.join-left .join p {
    font-size: 18px;
/*    font-family: 'Open Sans';*/
    font-family: 'DINRegular';
    color: #666;
    font-weight: 400;
}
.join h3, .benefits-right h3 {
    font-family: 'DINRegular';
}
.join-left .choose-your-plan {
    margin: 40px 0;
} 

.join-left .choose-your-plan h3 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
}

.join-left .choose-your-plan select {
    border: 1px solid #e0e0e0;
    width: 48%;
}

.join-left .complete-your-details h3 {
    font-size: 32px;
    /*font-weight: bold;*/
    margin-bottom: 35px;
}

.join-left .complete-your-details input[type="text"], .join-left .complete-your-details input[type="email"], .join-left .complete-your-details input[type="phone"], .join-left .complete-your-details input[type="password"] {
    margin-bottom: 30px;
    height: 60px;
}

.join-left .payment-details h3 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 35px;
}

.join-left .payment-details select {
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
}

.join-left .payment-details input[type="text"], .join-left .payment-details input[type="email"], .join-left .payment-details input[type="phone"] {
    margin-bottom: 30px;
    height: 60px;
}

.join-left button {
    width: 100%;
    height: 60px;
    font-weight: bold;
    font-size: 30px;
}

.benefits-right {
    background-color: #2d3a41;
    color: #FFF;
    /*padding: 10px;*/
    border-radius: 5px;
    display: block;
    /*margin-top: 20px;*/
}

.benefits-right p {
    font-weight: 500;
    font-size: 18px;
    color: #FFF;
}

.benefits-right p span {
    font-weight: 500;
    font-size: 18px;
    color: #FFF
}

.benefits-right h2 {
    font-size: 45px;
    font-weight: bold;
    margin: 40px 0;
}

.benefits-right .benefits:not(:first-child) {
    margin: 20px 0;
} 

.benefits-right .benefits p {
    font-size: 16px;
    font-weight: 400;
}

.benefits-right .benefits p span {
        font-family: 'Open Sans';
    
    color: #00aeef;
}
.complete-your-details label{
/*    font-family: 'Open Sans';*/
    font-weight: unset;
    font-size: 16px;
    font-family: 'DINRegular';
}
.benefits-right .benefits::after {
    content: "";
    display: block;
    height: 1px;
    background: #e0e0e0;
}
.complete-your-details tags {
    margin-bottom: 30px;
    height: 60px;
}
@media (min-width:768px) and (max-width:991px) {
    .join-left .choose-your-plan select {
        width: 100%;
    }

}

@media (min-width:320px) and (max-width:767px) {
    .join-left {
        margin-bottom: 60px;
    }

    .join-left .join h2 {
        font-size: 25px;
    }

    .join-left .complete-your-details h3, .join-left .payment-details h3, .join-left .choose-your-plan h3 {
        font-size: 20px;
    }

    .join-left button {
        font-size: 18px;
    }

    .join-left .choose-your-plan select {
        width: 100%;
    }

    .benefits-right h2 {
        font-size: 25px;
    }

}

/*------ end join us page--------*/

/*------ profile dashboard page--------*/
.profile-dashboard {
    background: #eeecec;
}

.profile-dashboard h2 {
    font-size: 45px;
    font-weight: bold;
    margin-bottom: 50px;
}

.profile-dashboard .summary-session {
    background: #fff;
    padding: 15px;
}

.profile-dashboard .summary-session span {
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
}

.profile-dashboard .summary-session .summary-session-item {
    margin-top: 40px;
}

.profile-dashboard .summary-session .summary-session-item i {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    line-height: 85px;
    color: #fff;
}

.profile-dashboard .summary-session .summary-session-item i.orange {
    background: #e79738;
}

.profile-dashboard .summary-session .summary-session-item i.yellow {
    background: #e7d638;
}

.profile-dashboard .summary-session .summary-session-item i.blue {
    background: #00aeef;
}

.profile-dashboard .summary-session .summary-session-item i.green {
    background: #87c332;
}

.profile-dashboard .summary-session .summary-session-item h4 {
    font-size: 18px;
    font-weight: bold;
}

.profile-dashboard .summary-session .summary-session-item h4.orange {
    color: #e79738;
}

.profile-dashboard .summary-session .summary-session-item h4.green {
    color: #87c332;
}

.profile-dashboard .summary-session .summary-session-item h4.blue {
    color: #00aeef;
}

.profile-dashboard .summary-session .summary-session-item h4.yellow {
    color: #e7d638;
}

.profile-dashboard .summary-session .summary-session-item h5 {
    font-weight: bold;
    font-size: 18px;
}

.profile-dashboard .active-order {
    background: #fff;
    margin-top: 30px;
    padding: 15px;
    padding-top: 25px;
}

.profile-dashboard .active-order .active-order-head-title span {
    font-size: 22px;
    padding-left: 10px;
    font-weight: bold;
}

.profile-dashboard .active-order .active-order-head-view {
    padding-top: 7px;
}

.profile-dashboard .active-order .active-order-head-view span {
    font-size: 14px;
}

@media (min-width:768px) and (max-width:991px) {
    .profile-dashboard h2 {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .profile-dashboard .profile-dashboard-profile .user-profile-data {
        margin-top: 0;
    }

    .profile-dashboard .profile-dashboard-profile .user-profile-data span {
        font-size: 10px;
    }

}

@media (min-width:320px) and (max-width:767px) {
    .profile-dashboard .profile-dashboard-profile .user-profile-data {
        margin-top: 15%;
    }

    .profile-dashboard h2 {
        margin-bottom: 25px;
        font-size: 35px;
    }

}

/*------ end profile dashboard page--------*/

/*------ profile setuo page--------*/
.profile-setup {
    background: #fff;
    padding: 15px;
}

.profile-setup .profile-setup-title span {
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
}

.profile-setup .profile-setup-percentage h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    margin-top: 5px;
}

.profile-setup .profile-setup-percentage h2 span {
    color: #00aeef;
}

.profile-setup .profile-setup-progress {
    background: #ccc;
    margin: 20px 0;
}

.profile-setup .profile-setup-progress .progress-bar {
    background: #00aeef;
    box-shadow: none;
}

.profile-setup .progress {
    border-radius: 0;
}

.profile-setup-tabs {
    margin-top: 30px;
}

.profile-setup-tabs .nav-tabs > li.active > a, .profile-setup-tabs .nav-tabs > li > a, .profile-setup-tabs .nav-tabs > li.active > a:focus, .profile-setup-tabs .nav-tabs > li.active > a:hover {
    border: 0;
    border-radius: 2px 2px 0 0;
}

.profile-setup-tabs .nav-tabs > li > a:hover {
    background: #fff;
}

.profile-setup-tabs .nav.nav-tabs {
    border: 0;
}

.profile-setup-tabs .nav.nav-tabs i {
    color: #cc0099;
}

.profile-setup-tabs .nav.nav-tabs li {
    margin: 0 4px;
}

.profile-setup-tabs .nav.nav-tabs li:first-child {
    margin: 0;
}

.profile-setup-tabs .nav.nav-tabs a {
    font-size: 17px;
}

.profile-setup-tabs .tab-content {
    background: #fff;
    padding: 15px 25px;
}

.profile-setup-tabs .tab-content .calendar h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

.profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours {
    height: 400px;
    padding: 15px;
    background: #f5f5f5;
    margin-top: 20px;
    border-radius: 3px;
}

.profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours span {
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    color: #333;
}

.profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours i {
    font-size: 22px;
}

.profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours .profile-setup-rate-of-hours-rating {
    margin-top: 20px;
}

.profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours .profile-setup-rate-of-hours-rating span {
    font-size: 14px;
    font-weight: bold;
    padding-left: 0;
}

.profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours .profile-setup-rate-of-hours-rating span:first-child {
    display: inline-block;
    width: 80px;
}

.profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours .profile-setup-rate-of-hours-rating select {
    width: 100px;
    height: 37px;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    background: url("../images/down-arrow.png") #fff no-repeat;
    background-position: calc(100% - 10px);
    padding: 0;
    padding-left: 8px;
    font-size: 14px;
    margin: 0 15px;
}

.profile-setup-tabs .tab-content .calendar .calender-day {
    border-radius: 3px;
    background: #c0e7f7;
    width: 95px;
    padding: 10px;
    margin-right: 5px;
}

.profile-setup-tabs .tab-content .calendar .calender-day:nth-child(8) {
    margin-right: 0;
}

.profile-setup-tabs .tab-content .calendar .calender-day h4 {
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 10px;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch {
    position: relative;
    width: 74px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-checkbox {
    display: none;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-inner:before, .profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-inner:before {
    content: "open";
    padding-right: 19px;
    background-color: #15D1DB;
    color: #FFFFFF;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-inner:after {
    content: "close";
    padding-right: 10px;
    background-color: #de0a0a;
    color: #fff;
    text-align: right;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-switch {
    display: block;
    width: 14px;
    margin: 8px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 45px;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.profile-setup-tabs .tab-content .calendar span {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.profile-setup-tabs .tab-content button {
    font-weight: bold;
    padding: 10px 35px;
    margin-top: 35px;
}

@media (min-width:992px) and (max-width:1199px) {
    .nav > li > a {
        padding: 10px 6px;
    }

    .profile-setup-tabs .tab-content .calendar .calender-day {
        width: 76px;
        padding: 5px;
    }

    .profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch {
        width: 65px;
    }

    .profile-setup-tabs .tab-content .calendar .calender-day .onoffswitch-switch {
        right: 38px;
    }

    .profile-setup-tabs .tab-content .calendar .calender-day h4 {
        font-size: 11px;
    }

}

@media (min-width:320px) and (max-width:991px) {
    .profile-setup .profile-setup-title span {
        font-size: 15px;
    }

    .profile-setup .profile-setup-title i {
        font-size: 15px;
    }

    .profile-setup .profile-setup-percentage h2 {
        font-size: 15px;
    }

    .nav > li > a {
        padding: 10px 25px;
    }

    .profile-setup-tabs .tab-content .calendar .calender-day {
        margin-right: 5px;
        margin-top: 10px;
    }

    .profile-setup-tabs .tab-content .calendar .profile-setup-rate-of-hours .profile-setup-rate-of-hours-rating span:first-child {
        width: 62px;
    }

}

/*------ end profile setuo page--------*/

/*------ start request session--------*/
.request-session .request-session-available-times {
    margin-top: 90px;
}

.request-session .request-session-available-times > h2 {
    font-size: 45px;
}

.request-session #calendar {
    max-width: 900px;
    margin: 25px auto;
    height: 400px;
    overflow-y: scroll;
}

.request-session .fc-event {
    border-radius: 0;
}

.request-session .fc-title {
    color: #fff !important;
    font-size: 14px;
}

.request-session .fc-day-grid-event .fc-content {
    padding: 7px;
}

.request-session .fc-widget-header {
    background-color: #253138;
    height: 30px;
}

.request-session .fc-widget-header span {
    color: #fff;
    line-height: 30px;
}

.request-session .fc td, .request-session .fc th {
    border-color: #fff;
    border-width: 5px;
}

.request-session .fc-time-grid .fc-slats td {
    height: 100px;
}

.request-session .fc-toolbar.fc-header-toolbar {
    background: #f5f7f8;
}

.request-session .fc .fc-toolbar > * >:first-child {
    padding-top: 10px;
}

.request-session .request-session-preferred-time {
    margin-bottom: 130px;
    margin-top: 50px;
}

.request-session .request-session-preferred-time h2 {
    font-size: 45px;
    margin-bottom: 60px;
}

.request-session .request-session-preferred-time select {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    height: 56px;
}

.request-session .request-session-preferred-time input {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    height: 56px;
    width: 100%;
    padding-left: 5px;
    outline: 0;
}

.request-session .request-session-preferred-time i {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #ccc;
}

.request-session .request-session-preferred-time button {
    height: 58px;
    width: 75%;
    font-weight: bold;
    font-size: 25px;
}

@media (min-width:320px) and (max-width:768px) {
    .request-session .request-session-available-times > h2 {
        font-size: 25px;
    }

    .request-session .request-session-preferred-time h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .request-session .request-session-preferred-time input {
        margin-bottom: 10px;
    }

    .request-session .request-session-preferred-time button {
        width: 100%;
        margin-top: 10px;
    }

}

/*------ end request session--------*/

/*------ start chat-room --------*/
.chat-room {
    background: #ebebeb;
}

.chat-room .chat-room-video {
    margin-top: 40px;
}

.chat-room .chat-room-video .chat-room-video-title {
    background: #00aeef;
    padding: 5px;
    padding-left: 10px;
    color: #fff;
    font-size: 18px;
}

.chat-room .chat-room-video .chat-room-video-title span {
    color: #fff;
    font-size: 18px;
}

.chat-room .chat-room-video .chat-room-video-title span .chat-title {
    padding-left: 15px;
}

.chat-room .chat-room-video video {
    width: 100%;
}

.chat-room video::-internal-media-controls-download-button {
    display: none;
}

.chat-room video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

.chat-room video::-webkit-media-controls-panel {
    width: calc(100% + 30px);    /* Adjust as needed */
}

.chat-room video::-webkit-media-controls-fullscreen-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/fs.png") no-repeat;
    background-position: calc(100% - 10px);
}

.chat-room video::-webkit-media-controls-volume-slider {
    display: none;
}

.chat-room video::-webkit-media-controls-time-remaining-display {
    display: none;
}

.chat-room video::-webkit-media-controls:after {
    background: red !important;
}

.chat-room .chat-room-messenger {
    margin-top: 40px;
}

.chat-room .chat-room-messenger .chat-room-messenger-head {
    padding: 5px 6px;
    padding-left: 15px;
    background: #00aeef;
}

.chat-room .chat-room-messenger .chat-room-messenger-head span {
    padding-left: 10px;
    font-size: 18px;
    color: #fff;
}

.chat-room .chat-room-messenger .chat-room-panel {
    height: 323px;
    background: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item {
    padding: 5px 25px;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item img {
    margin-left: -14px;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item .chat-room-panel-message {
    background: #fff0f0;
    border-radius: 10px;
    padding: 15px;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item .chat-room-panel-message:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
    border-color: transparent #fff0f0 transparent transparent;
    position: absolute;
    top: 15px;
    left: -10%;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item .chat-room-panel-message h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item .chat-room-panel-message h3:after {
    content: "";
    display: block;
    height: 2px;
    background: #fff;
    width: 100%;
    margin-top: 7px;
    margin-bottom: 7px;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item .chat-room-panel-message p {
    font-size: 14px;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item.even img {
    margin-left: -18px;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item.even .chat-room-panel-message {
    background: #d6f5f5;
}

.chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item.even .chat-room-panel-message:after {
    border-color: transparent transparent transparent #d6f5f5;
    position: absolute;
    top: 15px;
    left: 100%;
}

.chat-room .chat-room-messenger .chat-room-footer {
    background: #d7d7d7;
    padding: 12px;
}

.chat-room .chat-room-messenger .chat-room-footer .input {
    display: inline;
}

.chat-room .chat-room-messenger .chat-room-footer input[type="text"] {
    display: inline-block;
    border: 0;
    outline: 0;
    padding: 11px;
    width: 75%;
}

.chat-room .chat-room-messenger .chat-room-footer button {
    background: #00a651;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 0;
    padding: 10px;
    width: 24%;
    margin-left: -2px;
    margin-top: -2px;
}
.section.content-pages .result-list .col-md-12 > .col-md-3 #searchForm .content > ul::-webkit-scrollbar,
.chat-room .chat-room-panel::-webkit-scrollbar {
    width: 9px;
}
.section.content-pages .result-list .col-md-12 > .col-md-3 #searchForm .content > ul::-webkit-scrollbar-track,
.chat-room .chat-room-panel::-webkit-scrollbar-track {
    background: #d8d8d8;
}
.section.content-pages .result-list .col-md-12 > .col-md-3 #searchForm .content > ul::-webkit-scrollbar-thumb,
.chat-room .chat-room-panel::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    outline: 5px solid #d8d8d8;
}

.chat-room .group-session-slider {
    margin-top: 35px;
}

.chat-room .group-session-slider .group-session-title {
    background: #fff;
    padding: 13px;
    border-radius: 10px 0 0 10px;
    font-size: 18px;
    margin-right: -30px;
}

.chat-room .group-session-slider .group-session-title i {
    font-size: 25px;
}

.chat-room .group-session-slider .record-session {
    border: 3px solid #cacaca;
    border-radius: 8px;
    padding: 10px;
    padding-bottom: 5px;
    margin-top: 19px;
}

.chat-room .group-session-slider .record-session .record {
    content: "";
    display: block;
    background: red;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    border: 1px solid #cacaca;
}

.chat-room .group-session-slider .record-session .record:before {
    background: none;
    border: 2px solid #ebebeb;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    border-radius: 50%;
}

.chat-room .group-session-slider .record-session h5 {
    font-size: 18px;
    padding-left: 10px;
    margin: 0;
    line-height: 2;
}

.chat-room .group-session-slider .session-slider .item, .chat-room .group-session-slider .session-slider .active {
    width: 800px;
    overflow: hidden;
}

.chat-room .group-session-slider .session-slider .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 0 8px 8px 8px;
    border: 0;
    box-shadow: none;
}

.chat-room .group-session-slider .session-slider .carousel-control {
    width: 2%;
    top: 15px;
    font-size: 42px;
    color: #000;
    text-shadow: none;
}

.chat-room .group-session-slider .session-slider .carousel-control.right, .chat-room .group-session-slider .session-slider .carousel-control.left {
    background: none;
}

.chat-room .group-session-slider .session-slider .carousel-inner {
    margin-left: 22px;
    width: 94%;
}

.chat-room .group-session-slider .session-slider .item-img {
    position: relative;
    width: 15%;
    float: left;
    margin-right: 10px;
}

.chat-room .group-session-slider .session-slider .item-img:last-child {
    margin-right: 0;
}

.chat-room .group-session-slider .session-slider .item-img img {
    width: 100%;
}

.chat-room .group-session-slider .session-slider .item-img span {
    position: absolute;
    height: 25px;
    width: 100%;
    background: #00aeef;
    display: block;
    bottom: 0px;
    left: 0;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 25px;
}

.chat-room .add-participant {
    padding: 15px;
}

.chat-room .add-participant .add-participant-left i {
    font-size: 25px;
}

.chat-room .add-participant .add-participant-left h5 {
    font-size: 18px;
    font-weight: bold;
}

.chat-room .add-participant .add-participant-left p {
    font-size: 14px;
}

.chat-room .add-participant .add-participant-right {
    margin-bottom: 30px;
}

.chat-room .add-participant .add-participant-right .add-participant-right-item h5 {
    font-size: 18px;
}

.chat-room .add-participant .add-participant-right .add-participant-right-item select {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 13px;
    height: 36px;
    background-position: calc(100% - 6px);
    padding-left: 5px;
    background-size: 8px;
    width: 105%;
}

@media (min-width:992px) and (max-width:1199px) {
    .chat-room .add-participant .add-participant-right .add-participant-right-item select {
        font-size: 10px;
    }

}

@media (min-width:768px) and (max-width:991px) {
    .chat-room .chat-room-messenger .chat-room-panel {
        height: 151px;
    }

    .group-session-slider {
        margin-top: 35px;
    }

    .chat-room .group-session-slider .record-session h5 {
        font-size: 12px;
        line-height: 3;
    }

    .carousel-control.right {
        right: -6px;
    }

    .chat-room .add-participant .add-participant-left h5 {
        font-size: 16px;
    }

    .add-participant-right-item {
        margin-top: 10px;
    }

}

@media (min-width:320px) and (max-width:767px) {
    .chat-room .group-session-slider .group-session-title {
        margin-right: 0;
        border-radius: 10px;
        margin-top: 10px;
    }

    .chat-room .group-session-slider .record-session {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .carousel-control.right {
        right: -7px;
    }

    .chat-room .group-session-slider .session-slider .well {
        border-radius: 8px;
    }

    .chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item .chat-room-panel-message:after {
        left: -20px;
    }

    .chat-room .chat-room-messenger .chat-room-panel .chat-room-panel-item img {
        margin-left: 33px;
    }

}

/*------ end chat-room --------*/

/*---- start result list ------*/
.result-list {
    background: #fff;
}

.therapist-header {
    border-bottom: 2px solid #e0e0e0;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.therapist-header h2 {
    font-size: 45px;
    margin: 0;
    font-family: 'DINRegular';
}

.therapist-header select {
    background: url("../images/small-down-arrow.png") no-repeat #f1efef;
    background-position: calc(100% - 20px);
    padding: 5px;
    padding-left: 40px;
    height: 40px;
    font-size: 18px;
    border-radius: 4px;
}

.therapist-header button.btn-reload {
    border: 0;
    padding: 8px 20px;
    color: #666;
    background: #f1efef;
    font-size: 18px;
    border-radius: 4px;
}

.therapist-header .select {
    position: relative;
}

.therapist-header .select:after {
    font-family: FontAwesome;
    content: "\f0b0";
    display: block;
    padding-right: 3px;
    color: #666;
    font-size: 20px;
    position: absolute;
    left: 12px;
    top: 6px;
    pointer-events: none;
}

/*.therapist-result {
overflow: hidden;
height: 690px; }*/
.therapist-result .therapist-result-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
}

.therapist-result .therapist-result-item img {
    width: 100%;
}

.therapist-result .therapist-result-item h3 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 6%;
}

.therapist-result .therapist-result-item p {
    font-size: 16px;
}

.therapist-result .therapist-result-item .therapist-result-item-btn {
    padding-top: 16%;
}

.therapist-result .therapist-result-item .therapist-result-item-btn button.btn-request {
    border: 0;
    padding: 10px;
    font-size: 18px;
    border-radius: 4px;
    background: #87c332;
}

.therapist-result .therapist-result-item .therapist-result-item-btn button.btn-view {
    border: 0;
    background: #00aeef;
    padding: 7px 10px;
    width: 70%;
    font-size: 18px;
    border-radius: 4px;
}

.therapist-result .therapist-result-item .therapist-result-item-btn button.btn-save {
    border: 0;
    background: #ffcb05;
    padding: 7px 10px;
    width: 70%;
    font-size: 18px;
    margin-top: 15px;
    border-radius: 4px;
}

/*-- pagination section ---*/
.holder {
    margin: 15px auto;
}

.holder a {
    font-size: 12px;
    cursor: pointer;
    margin: 0 5px;
    color: #666;
}

.holder a:hover {
    color: #ccc;
}

.holder a.jp-previous {
    margin-right: 15px;
}

.holder a.jp-next {
    margin-left: 15px;
}

.holder a.jp-current, a.jp-current:hover {
    color: #FF4242;
    font-weight: bold;
}

.holder a.jp-disabled, a.jp-disabled:hover {
    color: #bbb;
}

.holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover {
    cursor: default;
    background: none;
}

.holder span {
    margin: 0 5px;
}

@media (min-width:768px) and (max-width:991px) {
    .therapist-header h2 {
        font-size: 35px;
    }

    .therapist-header button.btn-reload {
        font-size: 12px;
    }

    .therapist-header select {
        font-size: 12px;
        height: 33px;
    }

    .therapist-result {
        height: 495px;
        min-height: 495px;
    }

    .therapist-result .therapist-result-item h3 {
        padding-top: 0;
        margin-top: 0;
    }

    .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-save, .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-view, .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-request {
        width: 100%;
        font-size: 10px;
    }

    .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-save {
        margin-top: 8px;
    }

    .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-success {
        padding: 10px 7px;
    }

}

@media (min-width:320px) and (max-width:767px) {
    .therapist-result .therapist-result-item h3 {
        padding-top: 0;
        margin-top: 0;
    }

    .therapist-header h2 {
        font-size: 30px;
    }

    .therapist-header select {
        font-size: 16px;
        width: 100%;
    }

    .therapist-header button.btn-reload {
        margin-top: 10px;
        font-size: 16px;
        height: 40px;
        padding: 8px;
        width: 100%;
    }

    .therapist-result {
        height: 705px;
    }

    .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-view, .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-request, .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-save {
        width: 100%;
        font-size: 14px;
    }

    .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-request {
        margin-left: 0;
    }

    .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-request, .therapist-result .therapist-result-item .therapist-result-item-btn button.btn-save {
        margin-top: 10px;
    }

}

.primary-banner {
    background: url(../img/home-bg.jpg);
    background-size: cover;
    padding: 50px 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.primary-banner label {
    font-size: 26px;
    color: #FFF;
    margin-bottom: 10px
}

.textarea textarea {
    display: block;
    border: none;
    resize: none;
    width: 100%;
    height: 190px;
    border-radius: 8px;
}

.primary-banner .submit {
    margin-top: 30px
}

.primary-banner .input, .primary-banner .find {
    margin-bottom: 30px
}

.primary-banner .textarea {
    margin-top: 30px
}

.primary-banner .find p {
    font-size: 46.5px;
    color: #FFF;
    display: block;
    line-height: 50px;
    font-weight: 600;
}

.primary-banner .find p span {
    color: #FFF
}

.primary-banner .find p span:nth-child(2) {
    padding-left: 99px
}

.primary-banner .find p span.color-default {
    color: #c7eafb
}

.submit input {
    background-color: #87c332;
    border: none;
    color: #FFF;
    padding: 10px 70px;
    font-size: 25px;
    border-radius: 8px;
    width: 100%;
    padding: 10px 30px;  /*Ao 20/9/2018 => to be appropriate*/   
}
#UserLoginForm .submit input {
   width: 99%;          /*Ao 20/9/2018 => to be like other inputs */
}
.services .unique-title {
    font-size: 45px;
    text-align: center;
    margin: 50px 0
}

.services .circle-box {
    text-align: center;
    background-color: #e5e5e5;
    border-radius: 50%;
    padding: 70px 0;
    height: 370px;
    width: 100%; /* Ao 19/9/2018 => the box has width 370px that makes it get out of grid system we give it width 100% fo                  fix it */
}

.services .circle-box img {
    margin-bottom: 20px;
    height: 100px;
}

.services .circle-box p {
    font-size: 26px
}

.services .title-color {
    color: #00aeef
}

.services .text p {
    margin-bottom: 30px;
    text-align: center;
    font-size: 18px;
    font-family: 'DINMedium';
}

/*Start Category-Section*/

/*.category-section{
margin-top: 50px
}*/
.content-section.section-white.sections.module-news1 .col-lg-12 .news h3{
    font-size: 24px;
    font-family: 'DINRegular';
}
.title-contact h1 {
    font-family: 'DINRegular';
}
.content-contact p {
   font-family: 'DINRegular';
}
.content-section.section-white.sections.module-news1 .col-lg-12 .news em{
    font-family: 'DINRegular';
}
.content-section.section-white.sections.module-news1 .col-lg-12 .news .news-shortdesc{
    font-size: 18px;
/*    font-family: 'Open Sans';*/
    font-family: 'DINRegular';
}
.category-section .text p {
    margin-bottom: 80px;
    text-align: justify;
    font-size: 18px;
/*    font-family: 'Open Sans';*/
    font-family: 'DINMedium';
    color: #666;
}
.category-section .text p em {
    font-style: normal;
}
.text p strong {
    color: #00aeef;
}

.category-section .category-Images {
    margin-bottom: 100px
}

.category-section .category-info {
    width: 100%;
    display: inline-block;
    padding: 0 100px;
}

.category-section .category-info .text p {
    text-align: left
}

/*

.category-section .category-info .img {
text-align: right
}
*/
.category-section .category-info .text h2 {
    color: #00aeef;
    font-size: 45px;
    margin-bottom: 10px;
    font-family: 'DINRegular';
}

.category-section .category-info .text h2 span {
    color: #000
}

/*-- end result list ------*/

/* The main calendar widget.  DIV containing a table. */

.calendar {
    position: relative;
    display: none;
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    font-size: 11px;
    cursor: default;
    background: Window;
    color: WindowText;
    font-family: tahoma, verdana, sans-serif;
}

.calendar table {
    border: 1px solid;
    border-color: #fff #000 #000 #fff;
    font-size: 11px;
    cursor: default;
    background: Window;
    color: WindowText;
    font-family: "Trebuchet MS", Arial;
}

/* Header part -- contains navigation buttons and day names. */
.calendar .button {

    /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center;
    padding: 1px;
    border: 1px solid;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    background: ButtonFace;
}

.calendar .nav {
    background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title {

    /* This holds the current "month, year" */
    font-weight: bold;
    padding: 1px;
    border: 1px solid #000;
    background: ActiveCaption;
    color: CaptionText;
    text-align: center;
}

.calendar thead .headrow {

    /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames {

    /* Row <TR> containing the day names */
}

.calendar thead .name {

    /* Cells <TD> containing the day names */
    border-bottom: 1px solid ButtonShadow;
    padding: 2px;
    text-align: center;
    background: ButtonFace;
    color: ButtonText;
}

.calendar thead .weekend {

    /* How a weekend day name shows in header */
    color: #f00;
}

.calendar thead .hilite {

    /* How do the buttons in header appear when hover */
    border: 2px solid;
    padding: 0px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active {

    /* Active (pressed) buttons in header */
    border-width: 1px;
    padding: 2px 0px 0px 2px;
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */
.calendar tbody .day {

    /* Cells <TD> containing month days dates */
    width: 2em;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #aaa;
}

.calendar tbody .day.othermonth.oweekend {
    color: #faa;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid ButtonShadow;
    background: ButtonFace;
    color: ButtonText;
}

.calendar tbody .rowhilite td {
    background: Highlight;
    color: HighlightText;
}

.calendar tbody td.hilite {

    /* Hovered cells <TD> */
    padding: 1px 3px 1px 1px;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
}

.calendar tbody td.active {

    /* Active (pressed) cells <TD> */
    padding: 2px 2px 0px 2px;
    border: 1px solid;
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected {

    /* Cell showing selected date */
    font-weight: bold;
    border: 1px solid;
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
    padding: 2px 2px 0px 2px;
    background: ButtonFace;
    color: ButtonText;
}

.calendar tbody td.weekend {

    /* Cells showing weekend days */
    color: #f00;
}

.calendar tbody td.today {

    /* Cell showing today date */
    font-weight: bold;
    color: #00f;
}

.calendar tbody td.disabled {
    color: GrayText;
}

.calendar tbody .emptycell {

    /* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow {

    /* Empty row (some months need less than 6 rows) */
    display: none;
}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow {

    /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip {

    /* Tooltip (status bar) cell <TD> */
    background: ButtonFace;
    padding: 1px;
    border: 1px solid;
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
    color: ButtonText;
    text-align: center;
}

.calendar tfoot .hilite {

    /* Hover style for buttons in footer */
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
    padding: 1px;
    background: #e4e0d8;
}

.calendar tfoot .active {

    /* Active (pressed) style for buttons in footer */
    padding: 2px 0px 0px 2px;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
    position: absolute;
    display: none;
    width: 4em;
    top: 0px;
    left: 0px;
    cursor: default;
    border: 1px solid;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    background: Menu;
    color: MenuText;
    font-size: 90%;
    padding: 1px;
    z-index: 100;
}

.calendar .combo .label, .calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .active {
    padding: 0px;
    border: 1px solid #000;
}

.calendar .combo .hilite {
    background: Highlight;
    color: HighlightText;
}

.calendar td.time {
    border-top: 1px solid ButtonShadow;
    padding: 1px 0px;
    text-align: center;
    background-color: ButtonFace;
}

.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
    padding: 0px 3px 0px 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: Menu;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: Highlight;
    color: HighlightText;
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0;
}

#assignForm fieldset {
    margin-top: 10px
}

.home-input {
    margin-bottom: 30px;
    display: inline-block;
}

.select-box-profile span.select2-container {
    max-width: 100% !important
}

#TherapistPreferGender {
    height: 60px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid #d7d7d7;
    padding-left: 10px;
    padding-top: 14px;
    font-size: 22px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow-down-sign-to-navigate.png) #fff no-repeat;
    background-position: calc(100% - 20px);
    outline: 0;
}

.acc_box {
    border: 1px solid #ccc;
    padding: 20px 5px;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 30px;
}

#add_acc, #delete_acc {
    padding: 10px 30px;
    display: inline-block;
}

#delete_acc {
    display: inline-block;
    margin-right: 15px;
    margin-top: 15px;
    padding: 10px 30px;
    border: none;
}

.payment-details button {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 10px 40px;
    background: #3b495b;
    font-size: 18px;
    font-family: 'Open Sans';
    text-transform: capitalize;
    border-radius: 5px !important;
    border: none !important;
    font-weight: 700;
}

.sticky-div {
    background-color: #2d3a41;
    color: #FFF;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
    display: block;
    margin-top: 20px;
}

.sticky {
    position: sticky !important;
    top: 0;
}

.sticky-div p {
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
    margin: 0;
}

.paymen-page-eth {
    padding: 10px 0
}

.summary-session a.btn {
    padding: 7px 20px;
    border-radius: 5px;
    border: none;
    margin-bottom: 15px;
}

.summary-session a.btn:hover {
    color: #FFF
}

.order-dashboard ul li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: #666;
}

.order-dashboard ul li span {
    float: right;
}
.plans h1 {
    font-family: 'DINRegular';
}
.plans p {
        font-family: 'DINRegular';
}
.footer-service-link-item > h5{
    color: #fff
}
#myModal {
    top: 18% !important;
    margin-top: 0;
}

.help_page li.quetion-section {
    margin-bottom: 25px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

ul:not(.browser-default) li {
    list-style-type: none;
}
.section.content-pages section.paymen-page-eth .col-sm-12 h2 {
    font-size: 45px;
    margin: 0;
    border-bottom: 2px solid #e0e0e0;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-family: 'DINRegular';
}
.section.content-pages section.paymen-page-eth .input input {
    font-family: 'DINMedium';
      color: #666;
    font-size: 14px;
}
.section.content-pages section.paymen-page-eth .input label{
    font-family: 'DINBold';
    color: #666;
    font-size: 14px;
    font-weight: unset;
}
.section.content-pages section.paymen-page-eth  #CounsellingOrderRequestForm > .row {
    margin-left: 0px;
    margin-right: 0px;
}
.section.content-pages section.paymen-page-eth  #CounsellingOrderRequestForm .submit {
    margin: 0 15px;
}
.section.content-pages section.paymen-page-eth  #CounsellingOrderRequestForm .submit .Submit {
    font-family: 'DINMedium';
    font-weight: unset;
}
.help_page .quetion-section .theQuetion {
    background-color: #fff;
    color: #000;
    padding: 0;
    margin-bottom: 10px;
}

.help_page .quetion-section .theQuetion p {
    font-size: 28px;
    color: #666666;
}

.help_page .quetion-section .full-text {
    font-size: 16px;
    max-height: 50px;
    overflow: hidden;
    color: #666;
}

.help_page .quetion-section .btns {
    display: inline-block;
    margin-top: 60px;
}

.help_page .quetion-section .btns .readmore-btn, .Less-btn {
    background-color: transparent;
    color: #FFF;
    padding: 0;
    display: block;
}

.help_page .quetion-section .btns i {
    position: absolute;
    color: #063;
    bottom: -15px;
    right: 49%;
    font-size: 44px;
}

.help_page .Less-btn {
    display: none;
}

.help_page .quetion-section .btns .readmore-btn, .Less-btn {
    background-color: transparent;
    color: #FFF;
    padding: 0;
    display: block;
}

.help_page .quetion-section .btns i {
    position: absolute;
    color: #063;
    bottom: -15px;
    right: 49%;
    font-size: 44px;
}

/* start AO adding some style to date section  */
/*
.newTimeSt .therapist-result-item-btn {
    padding-top: 20% !important;
}
.newTimeSt .therapist-result-item-btn table {
    width: 100%;
}
.newTimeSt .therapist-result-item-btn  table tr:not(:first-of-type) {
    border-bottom: 1px solid #dddd;  
}
.newTimeSt .therapist-result-item-btn  table tr:not(:first-of-type) td:last-of-type,
.newTimeSt .therapist-result-item-btn  table tr:not(:last-of-type) td:last-of-type{
    text-align: right
}

.newTimeSt .therapist-result-item-btn table .table-header th{
    font-size: 22px;
    font-weight: bold;
    color: #666;
    padding-bottom: 10px;
}
.newTimeSt .therapist-result-item-btn  table tr:last-of-type {
    border-bottom: none
}
.newTimeSt .therapist-result-item-btn  table tr:last-of-type td {
    text-align: left !important;
}
.newTimeSt .therapist-result-item-btn  table tr:last-of-type td a {
    display: inline-block;
    padding-top: 10px;
}
.newTimeSt .therapist-result-item-btn .scrolling {
    height: 270px;
    overflow: hidden;
} 
*/

/* start AO style */

.scrolling {
   background: #00aeef;
border-radius: 5px
}
.scrolling .tabsS h3{
    padding-top: 0;
    padding: 0px;
    margin: 0;
    color: #fff
}
.scrolling .tabsS {
   display: flex;
   align-items: center;
   justify-content: space-between;
    margin-bottom: 20px;
}

.scrolling .listSc {
   height: 160px;
   overflow: hidden;
}

.scrolling {
    padding: 20px 30px;
}

.scrolling .tabsS div i {
    width: 33px;
    height: 33px;
    font-size: 24px;
    line-height: 33px;
    background: transparent;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    cursor: pointer;
}
.scrolling .tabsS div i:hover{
    border: 1px solid #fff;
}
.scrolling .listSc li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    height: 53.5px;
    line-height: 53px;

}
.scrolling a,
.scrolling .listSc li h4,
.scrolling .listSc li p {
    margin: 0;
    color: #fff;
    font-size: 16px
}

.profile-dashboard .therapist-views {
    margin-top: 25px;
}


#tab-8 .acc_box {
    border: unset;
}
#TherapistTherapistProfileForm > .row {
    margin-left: 0;
    margin-right: 0;
}

.selection .select2-selection.select2-selection--multiple {
    background-image: url(../images/arrow-down-sign-to-navigate.png);
    background-repeat: no-repeat;
    background-position: 95%;
}
#filter.FormExtended #filterform .input.text {
    width: 50%;
    max-width: unset;
}
#filter.FormExtended #filterform .FilterAction.filter-action {
    margin-top: 35px;
}
#filter.FormExtended #filterform .FilterAction.filter-action input{
        line-height: 38px;
}

#WorkingHourTherapistAddForm .selection .select2-selection.select2-selection--multiple {
    padding: 10px;
    margin: 10px 0 20px 0;
    background-position: 97%;
}

.widget .reveal-modal {
    position: fixed !important;
    top: 360px !important;
    left: 52.5% !important;
}


.about-message p  {
   line-height: 27px; 
}
.newTimeSt .btnO {
    margin: 10px 0 0 0;
    margin-left: 4px;
    margin: 10px 0 0 0;
    font-size: 18px;
    line-height: 51px !important;
    padding: 0 23px !important;
}
.newTimeSt .btnO:hover{
    background: #00aeef;
} 
@media (max-width:767px){
    .widget .reveal-modal,
    .reveal-modal {
        left: 1% !important;
        margin-left: 0 !important;
        width: 98% !important;
        top: 30% !important;
    } 
    #calendar.fc.fc-ltr {
        overflow: scroll;
    }
    #filter.FormExtended #filterform .input.text {
       width: 100%; 
    }
    #filter.FormExtended #filterform .FilterAction.filter-action {
        margin-top: 15px;

    }

}   
/* end AO style */

.paymen-page-eth > .container > .row > .col-sm-9{
    width: 100%
}
.paymen-page-eth > .container > .row > .col-sm-9 form {
    max-width: 600px;
    margin: 0 auto;
}
.paymen-page-eth > .container > .row > .col-sm-9 form .input input {
    height: 60px;
    border: 1px solid #ccc;
    color: #555;
    text-align: left;
    font-size: 14px;
    font-family: 'DINRegular';
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    outline: 0;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    padding: 0 10px; 
}
.paymen-page-eth > .container > .row > .col-sm-9 form select {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
}
.paymen-page-eth > .container > .row > .col-sm-9 form .form-row.input.text.date > label span {
    font-size: 22px;
    margin: 0;
    color: #4b5c6d;
    padding-top: 13px;
    display: block;
}

.paymen-page-eth > .container > .row > .col-sm-9 form .Table.InfoTable {
    margin-bottom: 20px;
    margin-left: -15px;
    width: 105%;
    text-align: start;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    border-collapse: separate;
}

.paymen-page-eth > .container > .row > .col-sm-9 form .Table.InfoTable tbody tr {

    height: 35px;
    color: #4b5c6d;
    padding-left: 20px;
}
.paymen-page-eth > .container > .row > .col-sm-9 form .Table.InfoTable tbody tr th:first-of-type {
    padding-left: 10px
}
.paymen-page-eth > .container > .row > .col-sm-9 form .Table.InfoTable tbody tr:nth-of-type(odd) {
    background: #ebebeb;
}
.paymen-page-eth > .container > .row > .col-sm-9 form .Table.InfoTable tbody tr:nth-of-type(even) {
    background: #ffffff;
}
.paymen-page-eth > .container > .row > .col-sm-9 form .btn.btn-primary {
    background-color: #87c332;
    padding: 13px;
    width: 100%;
}
.paymen-page-eth > .container > .row > .col-sm-9 form .btn.btn-primary:hover {
    background-color: #00b0f0;
}


/* end AO adding some style to date section  */

/* start Ao adding style to dashboard */



.addNewStyle {
    margin-top: 40px;
}
.addNewStyle > .col-md-9 {
    padding-right: 50px;
}
.addNewStyle .clearPadding{
    padding-left: 0;
    padding-right: 0;
}
.addNewStyle .haedOfDr,
.addNewStyle .clearPadding h2.borderB,
.addNewStyle .aboutSeC h2.borderB,
.addNewStyle .drInfo h2.borderB {
    border-bottom: 1px solid #dadade;
    padding-bottom: 10px;
    position: relative;
    font-family: 'DINMedium';
    font-size: 30px;
    font-weight: unset;
    color: #000
}
.addNewStyle .haedOfDr::after,
.addNewStyle .clearPadding h2.borderB::after,
.addNewStyle .aboutSeC h2.borderB::after,
.addNewStyle .drInfo h2.borderB::after{
    content: '';
    position: absolute;
    display: block;
    border-bottom: 2px solid #00aeef;
    width: 60px;
    height: 2px;
    top: 42px;
    left: 0;
}
.addNewStyle .aboutSeC {
    clear: both
}
.addNewStyle .drInfo .profile-text {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    padding: 20px 0;
    grid-column-gap: 40px;

}
.addNewStyle .drInfo .profile-text p,
.addNewStyle .drInfo .profile-text h2{
    font-size: 16px;
    margin: 5px 0;
    border-bottom: 1px solid #ededed;
    padding: 0 0 8px 0;
    line-height: normal;
}
.addNewStyle .drInfo .profile-text p{}
.addNewStyle .aboutSeC .request-qualifications{
    color: #898989;
    font-size: 14px;
}
.addNewStyle .aboutSeC .request-qualifications h2 {
    margin-bottom: 15px;
}
.addNewStyle .eventHours {}
.addNewStyle .clearPadding h2.borderB {
    margin-bottom: 30px;
}
.addNewStyle .eventHours .therapistDays > .col-md-12{
    padding: 0
}
.addNewStyle .eventHours .therapistDays > .col-md-12 > div:nth-of-type(even) {
    padding-left: 10px;
    padding-right: 0;
}
.addNewStyle .eventHours .therapistDays > .col-md-12 > div:nth-of-type(odd)  {
    padding-left: 0;
    padding-right: 10px;
}

.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day{
    border: 1px solid #efefef;
    border-left: 3px solid #00aeef;
    padding: 25px;
}
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day > ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    height: 145px;
    overflow-y: scroll;
}
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day .header {
   border: unset;
    padding: 0 
}

.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day .header h3,
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day .header h5 {
    font-family: 'DINRegular';
    font-size: 14px;
    color: #000;
}
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day .header h3 {
    margin-top: 0;
    font-size: 22px;
}
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day li:not(.header) {
    border: 1px solid #fff;
}

/* width */
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day > ul::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day > ul::-webkit-scrollbar-track {
  background: #efefef; 
}
 
/* Handle */
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day > ul::-webkit-scrollbar-thumb {
  background: #00aeef6e;
  -webkit-transition: .75s;
  transition: .75s
}

/* Handle on hover */
.addNewStyle .eventHours .therapistDays > .col-md-12 > div .day > ul::-webkit-scrollbar-thumb:hover {
  background: #00aeef; 
  -webkit-transition: .75s; 
  transition: .75s
}
.haedOfDr {
    margin-bottom: 15px;
    margin-top: 20px; 
}
.addNewStyle .visible-xs > .col-md-12 {
    padding: 0
}














.addNewStyle2 .imgHead{
    width: 150px;
}
.addNewStyle2 .imgHead{}

.addNewStyle2 .tab-content {
  display: none;
}
.addNewStyle2 .tab-content.active {
  display: block;
}

.addNewStyle2 .paySec p span {
    font-size: 16px;
    font-weight: bold;
}

.addNewStyle2 .tapsSection .tab {
    padding: 10px 20px;
    width: 50%;
    display: inline-flex;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #00aeef;
    color: #666;
    float: left;
}
.addNewStyle2 .tapsSection .tab.active {
     background: #00aeef; 
    color: #fff;
}
.addNewStyle2 .tapsSection .tab-content.active {
    background: #fff;
    clear: both;
    padding: 20px 40px;
    border: 1px solid #efefef;
    border-top: 0;
}
.addNewStyle2 .tapsSection .tab-content.tab-content-2.active {
    padding: 20px;
}
.addNewStyle2 .tapsSection .item {
    margin-right: 1px;
}
.addNewStyle2 .tapsSection .rowDay{
    background: #fff;
    border: 1px solid #efefef;
/*    border-radius: 15px;*/
}
.addNewStyle2 .tapsSection .rowDay .headDay h4{
    font-size: 14px;
    text-align: center;
    font-weight: bold;
        color: #00aeef;
    font-family: 'DINMedium';
    margin-bottom: 10px;
    padding: 20px 5px;
    margin: 0;
    background: #f2f2f2;
    margin-bottom: 10px;
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime a {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    padding: 5px; 
    cursor: pointer;
}
.addNewStyle2 .tapsSection .AvailableTimes {
    font-family: 'DINMedium';
    font-size: 26px;
    font-weight: unset;
    color: #000;
    margin: 0;
    padding-bottom: 20px;
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime:last-child {
    margin-bottom: 0px;
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime:hover {
    background: #88d3ef;
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime:last-child:hover {
    border-radius: 0px 0 13px 13px;
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime span{
     font-size: 12px;
    font-family: 'DINRegular';
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime span:first-of-type{
 display: grid;color: #00aeef;
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime span:first-of-type i{
  color: #666;
    font-size: 18px;
}
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime:hover span:first-of-type i,
.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime:hover span:first-of-type {
    color: #fff;
}

.addNewStyle2 .tapsSection .rowDay .timeDay .boxTime span:nth-of-type(2){
 text-align: center
}

.addNewStyle2 .tapsSection .owl-theme .owl-nav [class*=owl-]{
    width: 30px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #efefef;
    background: #fff;
    margin: 0;
}
.addNewStyle2 .tapsSection .owl-theme .owl-nav i {
    color: #00aeef;
}
.addNewStyle2 .tapsSection .owl-theme .owl-nav .owl-next,
.addNewStyle2 .tapsSection .owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 40%
}


.addNewStyle2 .tapsSection .owl-theme .owl-nav .owl-prev {
    left: -35px;
}
.addNewStyle2 .tapsSection .owl-theme .owl-nav .owl-next {
    right: -35px;
}

.addNewStyle2 .tapsSection .owl-dots {
    display: none
}

.addNewStyle2 .tapsSection .BookNow {
 background-color: #87c332;
    padding: 10px 15px;
    display: block;
    border-radius: 50px;
    text-align: center;
    font-size: 18px;
    font-family: 'DINBold';
    color: #fff;
    margin-top: 20px;
    width: 80%;
    margin: 15px auto 0px auto;
}
.addNewStyle2 .tapsSection a.BookNow:hover {
    background: #00b0f0;
}


#calendar {
    width: 100%;
    height: 100%
}
.addNewStyle2 .tapsSection .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.addNewStyle2 .tapsSection .fc-toolbar-chunk:last-of-type {
/*    display: none*/
}

.addNewStyle2 .tapsSection .fc-scrollgrid.fc-scrollgrid-liquid thead .fc-scroller-harness > .fc-scroller{
    overflow: hidden !important;
}
.addNewStyle2 .tapsSection .fc-scrollgrid.fc-scrollgrid-liquid thead .fc-scroller-harness > .fc-scroller th{
   border: 1px solid #00aeef !important;
}
.addNewStyle2 .tapsSection .fc-scrollgrid.fc-scrollgrid-liquid tbody .fc-scroller-harness-liquid > .fc-scroller::-webkit-scrollbar{
     width: 5px;
}
.addNewStyle2 .tapsSection .fc-scrollgrid.fc-scrollgrid-liquid tbody .fc-scroller-harness-liquid > .fc-scroller::-webkit-scrollbar-track{
     background: #efefef;
}
.addNewStyle2 .tapsSection .fc-scrollgrid.fc-scrollgrid-liquid tbody .fc-scroller-harness-liquid > .fc-scroller::-webkit-scrollbar-thumb{
     background: #88d3ef;
}
.addNewStyle2 .tapsSection  table td[class*="col-"], table th[class*="col-"] a,
.addNewStyle2 .tapsSection  table td[class*="col-"], table th[class*="col-"] {
  background: #00aeef; 
    color: #fff
}
.addNewStyle2 .tapsSection .fc .fc-scrollgrid-section table,
.addNewStyle2 .tapsSection .fc .fc-scrollgrid-section-body table,
.addNewStyle2 .tapsSection .fc .fc-scrollgrid-section-footer table,
.addNewStyle2 .tapsSection .fc .fc-daygrid-body {
    width: 100% !important;
}
.addNewStyle2 .tapsSection .fc-icon-chevron-right:before,
.addNewStyle2 .tapsSection .fc-icon-chevron-left:before{
    color: #fff;
}
.addNewStyle2 .tapsSection .fc-direction-ltr .fc-toolbar > * > :not(:first-child),
.addNewStyle2 .tapsSection .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child),
.addNewStyle2 .tapsSection .fc-direction-ltr .fc-button-group > .fc-button {
    background: #87c332;
    border: 1px solid #ffffff;
}
.addNewStyle2 .tapsSection .fc .fc-button-primary:hover,
.addNewStyle2 .tapsSection .fc .fc-button-primary:focus,
.addNewStyle2 .tapsSection .fc-direction-ltr .fc-button-group .fc-button-active {
    background: #00aeef !important;
    border: 1px solid #ffffff !important;
    box-shadow: unset !important;
}
.addNewStyle2 .tapsSection .fc .fc-toolbar-title {
    text-align: center
}

.addNewStyle2 .tapsSection .boxTime2 > a{
    display: grid;
    grid-template-columns: 1fr 3fr;
    justify-items: center;
        align-items: center;
}
.addNewStyle2 .tapsSection .boxTime2 {
    padding-top: 8px;
    margin-bottom: 5px;
    padding-bottom: 8px;
    border-bottom: 1px solid #efefef;
}
.addNewStyle2 .tapsSection .boxTime2:last-of-type {
    margin-bottom: 0px;
}
.addNewStyle2 .tapsSection .boxTime2:not(.reserved):hover {
    background: #88d3ef;
}
.addNewStyle2 .tapsSection .boxTime2:not(.reserved):hover * {
    color: #fff
}
.addNewStyle2 .tapsSection .boxTime2:last-of-type {
    border-bottom: 0px solid #efefef;
}
.addNewStyle2 .tapsSection .boxTime2 > a span i {
    font-size: 22px;
    opacity: .4;
    color: #00aeef;
}
.addNewStyle2 .tapsSection .boxTime2.reserved > a span i {
     color: #666;
    opacity: .6;
}
.addNewStyle2 .tapsSection .rowDay .boxTime2 > a .forBlock strong{
    display: block;
    font-family: 'DINRegular';
    font-size: 16px;
}
.addNewStyle2 .tapsSection .rowDay .boxTime2 > a .forBlock strong:last-child{
opacity: .5;
}


@media(max-width:767px) {
    .clearPadding {
        padding: 0;
    }
    .addNewStyle2 .tapsSection .tab-content.tab-content-2 {
        padding: 10px;
    }
    .addNewStyle2 .tapsSection .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }
    .addNewStyle2 .tapsSection .fc .fc-toolbar-title {
        text-align: left;
    }
}









/* start fixing some issues and style 29-4-2020 */
.login-site .form-login .input input[type=submit],
.login-site .join-now-account .link a {
    text-transform: capitalize;
}
.login-site .form-login .input input[type=submit] {
/*    font-family: 'DINLight';*/
/*        font-family: 'DINMedium';*/
        font-weight: unset;
    font-family: 'DINBold';
}
#TherapistRegisterForm .btn-danger:hover{
    color: #fff;
}
.rest2 .btn-default,
#TherapistRegisterForm button.btn-primary,
#TherapistRegisterForm .btn-success{
    height: 51px;
    padding: 0;
    line-height: 51px;
    width: 160px;
    font-size: 18px;
    text-transform: capitalize;
    background: #87c332;
    color: #fff;
    transition: all 300ms ease-in-out;
}
.rest2 .btn-default,
#TherapistRegisterForm button.btn-primary {
    font-family: 'DINLight';
    float: right;
}
#TherapistRegisterForm .btn-danger,
#TherapistRegisterForm .btn-success {
    font-family: 'DINMedium';
}

.rest2 .btn-default:hover,
#TherapistRegisterForm button.btn-primary:hover,
#TherapistRegisterForm .btn-success:hover {
    transition: all 300ms ease-in-out;
    background: #00aeef;
    border: 1px solid #00aeef;
}
.col-sm-7 .login-site2 {
   padding:  0 !important;
    margin-bottom: 50px;
}
.login-site2 .form-login{
    max-width: 100%;
    padding: 0;
    
}
.rest2 .join-left{
    margin-bottom: 0;    
}
.content-section .btn-primary {
    background: #87c332;
    border: unset;
        font-family: 'DINMedium';
}
.content-section .btn-primary:hover {
    background-color: #00aeef;
    color: #FFF;
}

.paymen-page-eth .sticky-div {
    background-color: unset;
    color: unset;
    width: 50%;

}
.paymen-page-eth .sticky-div p.packageName {
    color: #44413D;
    text-shadow: 0 1px #d2c8bb;
    background: #cecece;
    padding: 15px;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'DINBold'
    
}
.paymen-page-eth .sticky-div p.packageDescription,
.paymen-page-eth .sticky-div .packageDescription p{
   border-top: 0px solid white !important;
}
.paymen-page-eth .sticky-div p.packageDescription,
.paymen-page-eth .sticky-div .packageDescription p {
    border: 1px solid #ddd;
    font-size: 15px;
    min-height: 22px;
    padding: 15px 0;
    color: #333;
    font-family: 'DINRegular';
}
.paymen-page-eth .sticky-div:hover .packageDescription,
.paymen-page-eth .sticky-div:hover .packageDescription p{
    border: 1px solid #aaa;
    background: #f9f9f9;
    transition: .75s
}
.paymen-page-eth .plans > .col-md-12 + .sticky .sticky-div {
    float: right
}
.paymen-page-eth .plans > .col-md-12 + .sticky .packageName{
    background: #b7afa4;
}

.paymen-page-eth .textPl {
    clear: both;
    padding-top: 20px;
}
.paymen-page-eth .textPl h4 {
    padding-bottom: 5px;
    color: #353535;
    font-weight: 300;
    font-size: 20px;
    font-family: 'DINLight';
}
.paymen-page-eth .textPl p {
    font-size: 17px;
    font-family: 'DINRegular';
/*    font-family: 'DINMedium';*/
    color: #353535;
    line-height: normal;
    margin-bottom: 100px;
}
.paymen-page-eth .textPl h4 {
    
}
/* end fixing some issues and style 29-4-2020 */


 .paymen-page-eth2 .minWidth{
    max-width: 600px;
    margin: 0 auto;
}
.paymen-page-eth2 .minWidth h1 {
   font-size: 45px; 
}
.paymen-page-eth2 .minWidth table caption {
    color: #4b5c6d;
    font-size: 16px;
}
.paymen-page-eth2 .minWidth table{
    margin-bottom: 10px;
    width: 100%;
    text-align: start;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    border-collapse: separate;
}
.paymen-page-eth2 .minWidth table thead{
    background: #00aeef;
}
.paymen-page-eth2 .minWidth table thead tr th{
    height: 35px;
    color: #fff;
    padding-left: 20px;
}

.paymen-page-eth2 .minWidth table tbody tr td{
    height: 35px;
    color: #4b5c6d;
    padding-left: 20px;
}
.paymen-page-eth2 #SubscriptionTherapistPaymentForm button.btn-primary {
    margin-top: 25px;
    margin-bottom: 25px;
    padding: 10px 40px; 
    font-size: 18px;
font-weight: unset !important;
    font-family: 'DINBold';
    text-transform: capitalize;
    border-radius: 5px !important;
    border: none !important;
    font-weight: 700;
}  
.result-list .reveal-modal {
   top: 200px !important;
    position: fixed;

}



.profile-dashboard .widget .comment.dashboard-widget {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    margin-bottom: 20px;
    border-radius: 5px;
    
}
.profile-dashboard .widget .comment.dashboard-widget .comment-header{ 
    position: relative;
}
.profile-dashboard .widget .comment.dashboard-widget .comment-header .meta{
    position: absolute;
    top: 12px;
    right: 10px;
    font-family: 'DINMedium';
    color: #666;
}
.profile-dashboard .widget .comment.dashboard-widget .comment-header h3:first-of-type {
    background-color: #f5f5f5;
    margin: 0;
    border-radius: 5px 5px 0 0;
    padding: 10px;
    font-family: 'DINBold';
    color: #333333;
}
.profile-dashboard .widget .comment.dashboard-widget .comment-header h3.doctor {
    background-color: #87c332;
    color: #fff
}
.profile-dashboard .widget .comment.dashboard-widget .comment-header h3.doctor + h3 + .meta{
    color: #fff
}
.profile-dashboard .widget .comment.dashboard-widget .comment-header h3:last-of-type {
    font-family: 'DINMedium';
    font-size: 22px;
    padding-left: 10px;
}
.profile-dashboard .widget .comment.dashboard-widget .comment-body {
    font-family: 'DINMedium';
    padding-left: 10px;
    color: #666;
    padding-bottom: 10px;
}
.profile-dashboard .widget .row .FormExtended h2.general-h2  {
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
    font-size: 40px;
    line-height: 48px;
    color: #4b5c6d;
}
.profile-dashboard .widget .row .FormExtended #CounsellingTherapistViewForm select,
.profile-dashboard .widget .row .FormExtended #therapist_viewForm .text input {
    height: 60px;
    border: 1px solid #ccc;
    color: #555;
    text-align: left;
    font-size: 14px;
    font-family: 'DINRegular';
    max-width: 540px;
    display: table;
    width: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
    box-shadow: 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 4px;
    outline: 0;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    padding: 0 10px;
    margin-bottom: 15px;
}

.profile-dashboard .widget .row .FormExtended #CounsellingTherapistViewForm .select-style{
    height: 60px;
    border: 0px solid #ccc;
}
.profile-dashboard .widget .row .FormExtended #CounsellingTherapistViewForm .submit input,
.profile-dashboard .widget .row .FormExtended #therapist_viewForm .submit input {
    padding: 7.5px 30px;
}
.profile-dashboard .widget .row .FormExtended #therapist_viewForm textarea{
    border: 1px solid #ccc !important;
}
.profile-dashboard .widget .comment.dashboard-widget + .row .FormExtended .col-md-12.col-sm-12.col-xs-12 > p{
    line-height: 27px;
    font-size: 16px;
    color: #3b4b52;
    text-align: center;
}
.profile-dashboard .widget .comment.dashboard-widget + .row .FormExtended .col-md-12.col-sm-12.col-xs-12 > p + p {
    display: none
}

.section.content-pages .result-list .col-md-12 > .col-md-3 #searchForm .filter-ajax [type=checkbox]:checked+label:after{
    left: 3px;
    top: 5px;
}
.section.content-pages .result-list .col-md-12 > .col-md-3 #searchForm .content > ul {
   overflow-y: auto !important;
}
.section.content-pages .result-list .col-md-12 > .col-md-3 #searchForm .content .show-more{
    display: none !important;
}
@media (max-width:767px) {
    .addNewStyle > .col-md-9 {
        padding-right: 15px;
    }
    .addNewStyle > .col-md-3.visible-xs .haedOfDr{
        margin-bottom: 25px;
    } 
    .addNewStyle .clearPadding h2.borderB {
        margin-bottom: 10px;
    }
    .addNewStyle .aboutSeC .request-qualifications {
       margin-top: 0; 
    }
    
    .addNewStyle .eventHours h2.borderB {
        margin-bottom: 20px;
    }
    .addNewStyle .drInfo .profile-text {
       -ms-grid-columns: 1fr;
       grid-template-columns: 1fr;
        padding: 20px 0 0 0;
    }
    .addNewStyle .drInfo .profile-text h2 {
        border-bottom: 0px solid #ededed;
    }
    .addNewStyle .eventHours .therapistDays > .col-md-12 > div .day > ul {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .addNewStyle .eventHours .therapistDays > .col-md-12 > div:nth-of-type(even),
    .addNewStyle .eventHours .therapistDays > .col-md-12 > div:nth-of-type(odd) {
        padding: 0 
    }
    
    .addNewStyle .eventHours .therapistDays > .col-md-12 > div:nth-of-type(even) {
        margin-top: 20px;
    }
    .paymen-page-eth > .container > .row > .col-sm-9 form .Table.InfoTable {
        width: 110%;
    }
    #TherapistRegisterForm button.btn-primary,
    #TherapistRegisterForm .btn-success {
        width: 100%;
        font-family: 'DINLight' !important
    }
    .login-site .form-login .select-style {
        margin-bottom: 30px;
    }
    .paymen-page-eth .sticky-div {
        width: 100%;
        margin: 0;
    }
    .paymen-page-eth .plans > .col-md-12 + .sticky .sticky-div {
        float: unset;
    }
    .paymen-page-eth .plans .sticky  {
        position: unset !important;
    }
    .result-list .reveal-modal {
       top: 100px !important;
        position: fixed;

    }
    .profile-dashboard .widget > .comment.dashboard-widget:first-of-type {
        margin-top: 20px;
    }
    .profile-dashboard .widget .comment.dashboard-widget .comment-header h3:first-of-type {
        font-size: 18px;
    }
    .profile-dashboard .widget .comment.dashboard-widget .comment-body {
        word-break: break-all;
        padding: 10px 10px;
        padding-top: 0;
    }
    .profile-dashboard .widget .comment.dashboard-widget {
        margin-bottom: 50px;
    }
    .profile-dashboard .widget .comment.dashboard-widget .comment-header .meta {
        top: -21px;
        left: 2px;
        right: unset;
    }
    .profile-dashboard .widget .comment.dashboard-widget .comment-header h3.doctor + h3 + .meta {
        color: #87c332;
    }
    .section.content-pages .result-list .col-md-12 > .col-md-9 #itemContainer .therapist-result-item-btn{
        padding-top: 0;
        margin-bottom: 20px;
    }
    .section.content-pages .result-list .col-md-12 > .col-md-9 #itemContainer .btnO{
        margin-left: 4px;
        line-height: normal !important;
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        margin: 15px 0;
    }
}

/* Safari 7.1+ */


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .addNewStyle .drInfo .profile-text p, .addNewStyle .drInfo .profile-text h2 {
        line-height: 2;
    }
    .addNewStyle .haedOfDr::after, .addNewStyle .clearPadding h2.borderB::after, .addNewStyle .aboutSeC h2.borderB::after, .addNewStyle .drInfo h2.borderB::after {
            position: relative;
            top: 11px;
    }
}
/* end Ao adding style to dashboard */

/*Start YSM fixes*/

.glob-btn {
    font-family: 'DINMedium'!important;
    border: none!important;
    border-radius: 4px!important;
    height: 51px!important;
    padding: 13px 23px !important;
    line-height: 100%!important;
    color: #fff!important;
}

.glob-btn-2 {
    font-family: 'DINMedium';
    border: none;
    border-radius: 4px;
    height: 51px;
    padding: 13px 23px !important;
    line-height: 100%!important;
    color: #fff!important;
    width: 270px !important
}
.custom-input select {
    width: 98.5%;
}
#TherapistCurrentCertificateOfIndemnityInsurance,
#TherapistCurrentRegistrationFile {
    margin-bottom: 30px;
    height: 60px;
    padding-top: 19px;
}
.select2-container .select2-search--inline .select2-search__field {
    height: 48px;
    padding-left: 10px;
}
.complete-your-details #TherapistCountryId {
    border: 1px solid #cccccc;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #929191;
    border-radius: 6px;
    font-family: 'DINRegular';
}
/*End YSM fixes*/


/* start AO fixes 20/09/2018*/

.login-site .form-login .input.submit {/* Ao 23/09/2018 => that in screan.css file. fix width of submit to fit withother */
    width: 74%;
    margin: 0 auto;
    margin-top: 45px;  
}

.login-site .join-now-account .link {
    
}
.btn3 {
   padding: 10px 
}
.select2-container {width: 100% !important}

@media(max-width:767px) {
    .services .circle-box {
        margin-bottom: 5px       /* Ao 20/9/2018 => to create space bettween boxes  */
    }
    .category-section .category-Images {
        margin-bottom: 50px;    /* Ao 20/9/2018 => to decrease space bettween imgs  */
        text-align: center
        
    }
    .category-section .category-info {
        padding: 0;                    
        text-align: center;
        display: grid
    }
    .category-section .category-info .text p {
        text-align: center;
        padding: 0 10px;
    }
    /* start good look but not what he wnats */
    .footer-Emergency h2 {
        font-size: 40px;
        margin: 0;
        letter-spacing: normal;                    /*the slolution is give img col-xs-3 and text col-xs-9*/
        margin-top: -5px;
    }
                                            
    /* end good look but not what he wnats */
    
    .login-site .form-login .input input[type=submit] {
        padding: 0;
        
    }
    .acc_box {
        width: 100%;
        margin-bottom: 30px;
        margin-left: 0 !important; 
    }
    #add_acc {
        padding: 15px 30px;
        display: inline-block;
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 7px;
    }
    
    .login-site .join-now-account .link a {    /* replace all those block codes add to this btn class="glob-btn" */
        font-family: 'DINMedium'!important;
        border: none!important;
        border-radius: 4px!important;
        height: 51px!important;
        padding: 13px 23px !important;
        line-height: 100%!important;
        color: #fff!important;
    }
    .login-site .form-login .create-account {
        width: 100% !important
    }
    .login-site .form-login .create-account ul li a {
        font-size: 16px
    }
    .login-site .join-now-account .join-now p {
        font-size: 19px
    }
    
    .about-message {
        padding: 50px 0 0 0;
    }
    
    #UserLoginForm .submit input,
    .login-site .join-now-account .link a {
        width: 100%
    }
    
    .login-site .join-now-account .link {
        display: block;
    }
    
    .login-site .form-login .input.submit {
        width: 100%;
    }
    .font01 {
        font-size: 17px;
        padding-left: 10px
    }
    .padd {
        padding-bottom: 5px;
    }
    .btn3 {width: 100%}
    .profile-dashboard {
        padding-top: 15px
    }
    .fullWidth {
        width: 100% !important
    }



    
}








@media(min-width:768px) and (max-width:992px) {
     /* start fixing nav */
    .navbar {
        margin: 20px 0 0 0;
    }
    .navbar-header {
        width: 20%;

    }
    .navbar-collapse.collapse {
        width: 80%;
    }
    .nav > li > a {
       padding: 10px 7px; 
    }
    
    /* start Secure online counselling services (circle bos) */
    .services .circle-box {
        width: 60%;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    /* start imgs to be look appropriate */
    .category-section .category-Images {
        margin-bottom: 80px
    }
    .category-section .category-Images img{
        width: 100%
    }
    
    
    /*not finally fix*/
    .footer-Emergency img {
        width: 58%;
    }
    .footer-Emergency h2 {
       letter-spacing: normal; 
    }
    
    /* start about fix */
    .about-message {
        padding: 0
    }
    .footer-countery span {
        font-size: 19px;
    }
    
    /* start content us fix */
    
    .login-site .form-login .input input[type=submit] {
        height: 50px;
        width: 75%;
    }
    
    /* start join e-therapy */
    .benefits-right h2 {
        margin: 5px 0 40px 0;
    }
    
    #add_acc {
        width: 100%;
        padding: 15px 0;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .login-site .form-login .create-account {
        width: 74%;
        margin: 0 auto;
        padding-top: 34px;
        font-family: 'DINRegular';
    }
    .login-site .join-now-account .link {
        display: block;
        text-align: center;
    }
    .login-site .join-now-account .link a {
        width: 75%
    }
    .login-site .form-login .input.submit {
        width: 100%
    }
    #UserLoginForm .submit input {
        width: 75%
    }
    .padd {
        padding-bottom: 5px;
    }
    .box1,
    .box2{
       float: left
    }
    .box11{
       padding-top: 92px; 
    }
    .box22{
       padding-top: 32px; 
    }
    .navbar-nav li a {font-size: 15px}
    
        .navbar-collapse.collapse {
        display: grid !important;
        justify-content: right;
    }
    .glob-btn {
          height: 43px!important;  
    }
    

    
}


@media (min-width:993px) and (max-width:1199px) {
    
    /* start home fix */
    .login h4 {
        font-size: 14px
    }
    .footer-countery button {
        width: 100% !important;
    }
    
    /* start content us */
    
    .login-site .form-login .input input[type=submit] {
        width: 100%
    }
    
    /*****/
    .login-site .form-login .create-account {
        width: 74%;
        margin: 0 auto;
        padding-top: 34px;
        font-family: 'DINRegular';
    }
    .login-site .join-now-account .join-now p {
        font-size: 21px
    }

    

    
}



.login-site .form-login .create-account { /* Ao 20/9/2018 => to fit with contianer */
    width: 74%;
    margin: 0 auto;
    padding-top: 34px;  
    font-family: 'DINRegular';
}

.login-site .join-now-account .join-now p {
    font-size: 21px
}

/* start AO fixes */








.site-map-data-item li a{
    font-family: 'DINLight';
}

.ImgTex{
    margin-top: 15px;
    font-family: 'DINLight';
    font-weight: bold;
    text-align: center;
    /* color: red !important; */
    font-size: 18px;
}
.clickhere{
    font-family: 'DINMedium'!important;
    border: none!important;
    border-radius: 4px!important;
    /* height: 51px!important; */
    padding: 8px 23px !important;
    /* line-height: 100%!important; */
    color: #fff!important;
    background: #00aeef;
    margin-bottom: 10px;
}
.search-bold-text{
    font-weight: bold;
    color: #333;
}
.general-p-font{
    font-size: 21px;
    color: #666;
    font-family: 'Open Sans';
}




@media(max-width:767px) {
    .primary-banner .find p {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important; 
    }
    .primary-banner .find p span:nth-child(2) {
        padding-left: 0;
    }
    .primary-banner .submit input {
        font-size: 20px;
    }
    .NewFooter .disktopPadding {
        padding-left: 40px;
        padding-right: 40px;
    }
    .therapist-header {
        margin-bottom: 0;
    }
    .therapist-header .col-xs-3 {
        width: 80%;
    }
    .about-message {
        padding: 0px 0 0 0;
    }
    .content-section .btn-primary {
        margin-bottom: 20px;
    }
    .padtext {
    margin-left: 0 !important; 
}
    .complete-your-details #TherapistCountryId {
            margin-bottom: 30px;
    }
    .login-site.contact .form-login {
            padding: 0;
    }
}


/*
*** AO Target only Safari browser ***
*/

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) {
        
        @font-face {
          font-family: 'DINRegular';
          src: url('fonts/DIN/DINRegular.ttf') format('embedded-opentype'), 
           url('fonts/DIN/DINRegular.ttf') format('woff'), 
           url('fonts/DIN/DINRegular.ttf')  format('truetype'),
           url('fonts/DIN/DINRegular.ttf') format('svg');
        } 
        
        @font-face {
            src: url('fonts/DIN/DINRegular.ttf');
            font-family: 'DINRegular';
        }

        @font-face {
            src: url('fonts/DIN/DINMedium.ttf');
            font-family: 'DINMedium';
        }

        @font-face {
            src: url('fonts/DIN/DINBold.ttf');
            font-family: 'DINBold';
        }

        @font-face {
            src: url('fonts/DIN/DINLight.ttf');
            font-family: 'DINLight';
        }
        .login h4 a {
            display: inline-flex;
        }
        .login.text-right.hidden-sm.hidden-xs .col-md-push-8 {
                display: inline-flex;
                transform: translate(10px, 10px);
                justify-content: flex-end;
                justify-items: self-end;
                justify-self: self-end;
        }
        
        .primary-banner .find p {
            display: -ms-inline-grid;
            display: inline-grid;
            -ms-grid-columns: 179px auto;
            grid-template-columns: 179px auto;
        }

        .primary-banner .find p span:nth-child(2) {
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
            grid-column: 1/3;
        }

        .navbar .collapse ul:not(.browser-default).nav.navbar-nav li:not(:last-of-type) a {
            line-height: 51px !important
        }
        .questions .panel-group .panel-title a,
        .ImgTex,
        .dashboard-create-account a.pull-right,
        .news,
        .plans p,
        p,
        span,
        table,
        .addNewStyle .clearPadding h2.borderB,
        input,
        .plans h1,
        .login-site .form-login .input input:not([type=submit]),
        .contact-information span,
        .content-contact p,
         textarea,
        .content-section.section-white.sections.module-news1 .col-lg-12 .news h3,
        .content-section.section-white.sections.module-news1 .col-lg-12 .news .news-shortdesc,
        .content-section .btn-primary,
        .category-section .text p,
        .services .unique-title,
        .social-media-copy-right .copy-right span,
        .category-section .category-info .text h2 span,
        .category-section .category-info .text h2,
        .category-section .text p em,
        .services .text p,
        .submit input,
        .submit button,
        .ellipsis col-xs-12 pb-10,
        div,
        .footer-countery button,
        select,
        .glob-btn {
            font-family: 'Die', Times, serif !important;
        }

        #TherapistIndexForm .submit input {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .footer-Emergency h2 {
            margin-top: 50px;
        }
        @media(max-width:767px) {
            input,
            textarea {
                 border-radius: 0;
                -webkit-appearance: none;
            }
            .primary-banner .find p {
                font-size: 40.5px;
            }
            .primary-banner label {
                margin-top: 15px;
                line-height: 1.2;
            }
            .site-map .site-map-data h2 {
                line-height: 1.8;
            }
            .complete-your-details label {
                line-height: 1.3
            }
            .therapist-result {
                height: unset;
            }
        }
        

    }
}