@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.7.2/css/lightgallery.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

/***********COMMAN CSS START***********/

body:not(.onboarding-format){
    font-size: 15px;
    color: #333333;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}
.acknowledge {
font-family: Poppins;
font-size: 13px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #1B1C27;
}
.remember-me{
    font-size: 14px !important;
}
.custom-my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

.custom-my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
::-webkit-scrollbar {
    width: 7px;
    height: 5px;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5FD;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #888CC4;
}

.txt-therapist-search::placeholder {
    font-size: 11px!important;
}

[type=button], [type=reset], [type=submit], button{
    -webkit-appearance: none;
}
/* New Skin */
/* p:not(.onboarding-format p){
    line-height: 1.7;
} */
.container{
    width: 100%;
    max-width: 1230px;
}
img{
    max-width: 100%;
}
.header-img {
    position: relative;
    top: -50px;
}
.header-title{
    position: relative;
    top: -100px;
}
.headerBannerNew {
    height: 240px;
}
ul{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
h1{
    font-size: 30px;
    color: #888CC4;
    font-weight: 600;
    margin: 0px;
}
h2{
    font-size: 30px;
    color: #888CC4;
    font-weight: 600;
    /* margin: 0px 0px 20px 0px; */
}
h2.heading-md{
    font-size: 24px;
}
h2 i{
    font-size: 20px;
}
.header-h2 {
    color: #333333;
    /* H2/Bold */
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px; /* 150% */
}
.header-mb-h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
}
.header-paragraph {
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
h5{
    font-size: 20px;
    color: #888CC4;
    font-weight: 600;
    margin-bottom: 20px;
}
h3{
    font-size:16px;
    font-weight: 600;
    color: #888CC4;
}
h4{
    font-size:18px;
    font-weight: 600;
    color: #888CC4;
}
a{
    color: #888CC4;
    text-decoration: none;
    transition: ease-in-out 0.5s;
}

.flex-grow-1-5 {
    flex-grow: 1.5;
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .flex-grow-1-5-sm-md {
      flex-grow: 1.5;
    }
}

.menuLeft a{
    color: #333333;
    text-decoration: none;
    transition: ease-in-out 0.5s;
    font-size: 13px;
}
.ratingTxt{
    color: #333333;
    font-size: 14px;
    font-weight: 400 !important;
}
.sp-viewmore {
    color: #888CC4;
    font-weight: 700;
    cursor: pointer;
}
input:focus { 
    outline: none !important;
    outline-width: 0;
}
a:focus { 
    outline: none !important;
    outline-width: 0;
}
button:focus { 
    outline: none !important;
    outline-width: 0;
}
textarea:focus { 
    outline: none !important;
    outline-width: 0;
}
*:focus {
    outline: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    outline-width: 0;
}

.f12{
    font-size: 12px !important;
}
.f13{
    font-size: 13px !important;
}
.f16{
    font-size: 16px !important;
}
.f14{
    font-size: 14px !important;
}
a:hover{
    color: #888CC4;
}
.btn-primary{
    background-color: #888CC4;
}
.btn-secondary{
    color: #888CC4;
    background-color: #FFF;
}
.btn-secondary:hover, .btn-secondary.active, .btn-secondary:focus{
    color: #FFF;
    background-color: #888CC4;  
}
.btn.btn-md{
    min-width: 150px;
}
.btn.btn-sm{
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    padding: 0px 15px;
    min-width: inherit;
}
.btn.btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus{
    background-color: #797DB8;
    border-color: #797DB8;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}
.btn{
    height: 45px;
    border:none;
    text-transform: none;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-weight: 500;
    line-height: 45px;
    padding: 0px 15px;
    min-width: 110px;
    border-radius: 8px;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}
.btn-therapist-search{
    width: 90px;
    /* height: 48px; */
    color: #888CC4;
    background-color: #fff;
    border: 1px solid #888CC4;
    text-transform: none !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 8px 16px;
    min-width: 110px;
    border-radius: 8px;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
    text-align: center;
}
.txt-available {
    color: #333333;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.txt-available-check {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.txt-available-sm {
    color: #333333;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.therapist_count {
    color: #333333;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
.txt-therapist-search{
    background-color: #FFF !important;
    border: 1px solid #888CC4 !important;
    border-right: 0px !important;
}
.input-group-text-search {
    background-color: #FFF !important;
    border: 1px solid #888CC4 !important;
    border-left: 0px !important;
}
.explore-link {
    border-radius: 16px; 
    border-color: #FFF; 
}
.btn.btn-lg{
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}
@media(max-width:925px) and (min-width:737px){
    .btn.btn-lg{
        font-size: 10px;
    }
}
.btn + .btn{
    margin-left: 12px;
}
.textLink{
    color: #888CC4;
    text-decoration: underline;
}
.disabled-link2{
    color: gray !important;
    text-decoration: underline;
}
.form-control{
    font-size: 14px;
    color: #333333;
    padding: 12px 16px;
    border-radius: 5px;
    border-color: #E9E9E9;
    background-color: #F9F9F9;
}
.reportIssueSticky {
    position: fixed !important;
    bottom: 0px;
    right: 20px;
    z-index: 99;
    cursor: pointer;
    padding: 15px;
    display: inline-block;
}
.form-control:focus{
    border-color: #888CC4;
    background-color: #FFF;
    box-shadow: 0px 0px 30px rgb(136 140 196 / 40%);
}
.txt-therapist-search:focus  {
    box-shadow: none !important;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.txt-therapist-search){
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 20px;
}
/* New Skin */
/* .form-field{
    margin-bottom: 20px;
} */
.form-field{
    margin-bottom: 8px;
}
.form-field p{
    margin: 0px 0px 8px 0px;
}
.form-label{
    font-size: 14px;
    color: #888CC4;
    font-weight: 500;
}
.form-label.f13{
    font-size: 14px !important;
}
.error .form-control, .error.form-control{
    border-color: red !important;
    width: 100%;
    background-color: #FFF !important;
}
.error .valid_massage, label.error{
    font-size: 12px !important;
    padding-top: 4px;
    width: 100%;
    color: red !important;
    display: block;
}
.custom_error {
    font-size: 12px !important;
    padding-top: 4px;
    width: 100%;
    color: red !important;
    display: block;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.input-group-text-search){
    border-radius: 8px;
}
.btn:focus, .btn:active,.btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus{
    box-shadow: none !important;
    outline: none !important;
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus{
    box-shadow: none;
    outline: none;
}
input[type="password"] :-webkit-input-placeholder{
    opacity: 0;
}
.form-check .form-check-input{
    margin-left: -1.8em;
}
.form-check{
    padding-left: 1.8em;
    cursor: pointer;
}
input[type="radio"].form-check-input{
    margin-top: 5px;
    cursor: pointer;
}
/* New Skin */
/* .form-check-input[type="checkbox"]{
    margin-top: 2px;
    cursor: pointer;
} */
.form-check-input[type="checkbox"]{
    margin-top: 2px;
    cursor: pointer;
    border-width: 2px;
    border-color: #B8BADC;
}
/* New Skin */
/* .form-check-input{
    width: 18px;
    height: 18px;
    margin-top: 2px;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
    border-radius: 5px !important;
} */
.form-check-input{
    width: 18px;
    height: 18px;
    margin-top: 2px;
    border-color: #B8BADC;
    border-radius: 5px !important;
}
/* New Skin */
/* .form-check-label{
    cursor: pointer;    
    padding-top: 1px;
    padding-left: 5px;
} */
.form-check-label{
    cursor: pointer;    
    padding-top: 1px;
}
.form-check-input:checked{
    border-color: #888CC4;
    background-color: #888CC4;
}
.form-check-input:focus{
    /* border-color: transparent; */
    box-shadow: none !important;
}
.input-password{
    position: relative;
}
.input-password .iconEye{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    line-height: 44px;
    text-align: center;
}
.modal-backdrop.show{
    opacity: 0.8;
}
.text-primary{
    color: #888CC4 !important;
}
.button-cal{
    /* text-align: center; */
    padding: 25px 0px 50px 12px;
}

/********************************CALENDER CSS START*******************************/
.mainCalendar{
    max-width: 886px;
    padding: 20px;
    position: relative;
    margin:0px auto 100px auto;
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0 0 15px rgb(0 0 0 / 16%);
}
.calendar{
    padding: 0px 0px 20px 0px !important;
}
.mainCalendar ul.listSlotsDots{
    padding: 8px 1% 10px 1%;
}
ul.listSlotsDots{
    font-size: 12px;
}
ul.listSlotsDots li{
    display: inline-block;
}
/* ul.listSlotsDots li + li{
    padding-left: 10px;
} */
ul.listSlotsDots li .dots {
    width: 10px;
    height: 10px;
    margin-right: 4px;
    border-radius: 50%;
    display: inline-block;
}
ul.listSlotsDots li .dotsAvailable{
    background-color: #BCEDF6;
}
ul.listSlotsDots li .dotsBooked{
    background-color: #888CC4;
}

ul.listSlotsDots li .dotsReserved{
    background-color: #FDDD98;
}
.calendar ol li {
    float: left;
    width: 12.2%;
    margin: 1%;
    text-align: center;
}
#calendar li.inside{
    text-align: center;
    display: table;
    position: relative;
    height: 100px;
    border-radius: 5px;
    background-color: #F5F5FD;    
}
#calendar .calendar .day-names li{
    margin-top: 0px;
    margin-bottom: 0px;
}
#calendar li.outside{
opacity: 0;
}
#calendar .date{
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    font-weight: 600;
    color: #1D2634;
}
#calendar .calendar .day-names {
    margin: 25px 0px 10px 0;
}
#calendar .calendar .days {
    border-bottom: none;
}
#calendar .calendar ol.days{
    margin: 0px;
}
#calendar .calendar .initials {
    text-align: center;
    color: #888CC4;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}
.calendar .day-names{
    border: none;
}
.calendar .month-year-btn{
    justify-content: space-between !important;
    background: #F5F5FD;
    border-radius: 10px;
    padding: 13px 15px;
}
#calendar .calendar .prev-month svg, #calendar .calendar .next-month svg {
    font-size: 11px;
    margin: 0 0 !important;
    text-align: center;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
#calendar .calendar .prev-month, #calendar .calendar .next-month {
    width: 25px;
    height: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 25px;
    background: #fff;
}
#calendar .calendar .month, #calendar .calendar .year {
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    color: #888CC4;
    padding-left: 10px;
    text-transform: uppercase;    
    margin: 0 !important;
}
#calendar .calendar .prev-month{
    width: 25px;
    height: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 25px;
    background: #fff;
}
#calendar .calendar .prev-month svg{
    font-size: 11px;
    margin: 0 0 !important;
    text-align: center;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}
.link_underline{
    color: #888CC4;
    text-decoration: underline;
}
.boxFormModal .form-field p{
    line-height: 1;
    font-size: 14px;
    color: #202020;
}
.calendar .days li.today .date{
    text-decoration: none;
}

#calendar .calendar .prev-month, #calendar .calendar .next-month{
    position: relative;
}
#calendar .calendar .prev-month svg,  #calendar .calendar .next-month svg, #calendar .calendar .prev-month i,  #calendar .calendar .next-month i{
    display: none;
}
#calendar .calendar .prev-month:after, #calendar .calendar .next-month:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top:50%;
    color: #888CC4;
    left: 50%;
    font-size: 10px;
    transform: translate(-50%,-50%);
    position: absolute;
}
#calendar .calendar .prev-month:after{
    content: "\f053";
}
#calendar .calendar .next-month:after{
    content: "\f054";
}
.popupSlots{
    width: 100%;
    max-width: 340px;
    position: absolute;
    padding: 15px;
    top: 257px;
    left: 152px;
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0px 0px 15px rgba(0,0,0,16%);
}
.rowSlotsDate h5{
    font-size: 12px;
    margin: 0px 3px 0px 0px;
    font-weight: 600;
    display: inline-block;
    color: #575757;
}
.rowSlotsDate .textLink{
    font-weight: 600;
    font-size: 12px;
}
.rowSlotsDate ul.listSlotsDots{
    padding: 0px;
    display: inline-block;
}
.rowSlotsDate ul.listSlotsDots li + li{
    padding-left: 8px;
}
.rowSlotsDate{
    margin-bottom: 18px;
}
ul.listSlotsDetail > li + li{
    margin-top: 10px;
}
.boxDetailSlots{
    font-size: 12px;
    display: flex;
    padding: 5px 10px;
    border-radius: 25px;
    justify-content: space-between;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

.bannerRoundProfile {
    height: 40px;
    width: 40px;
    left: 82px;
    top: 0px;
    border-radius: 100px;
    padding: 8px;
}

.hoverable{
    cursor: pointer;
}
.boxDetailSlots .dateSlotsDetails{
    line-height: 1;
    padding-top: 4px;
}
.slotsAvailable{
    background-color: #BCEDF6;
}
.slotsBooked{
    color: #FFF;
    background-color: #888CC4;
}
.slotTempBooked{
    color: #333333;
    background-color: #FDDD98;
}
.blackIcon {
    filter: brightness(0); 
}
ul.listIconsslots{
    display: flex;
}
ul.listIconsslots li + li{
    margin-left: 15px;
}
.slotsAvailable ul.listIconsslots li object svg{
    width: 400px;
}
ul.listIconsslots li .form-check{
    padding: 0px;
    margin: 0px;
    min-height: inherit;
}
ul.listIconsslots li .form-check input{
    opacity: 0;
    width: 0px;
    height: 0px;
    position: absolute;
}
.slotsAvailable path{
    fill: #4A4A4A;
}
.slotsBooked path{
    fill: #FFF;
}
.rowSlotsDateInner{
    font-size: 14px;
    margin-bottom: 15px;
}
.innerSlotsType{
    margin-bottom: 15px;
}
.innerSlotsArea{
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 20px 20px 5px 20px;
    background-color: #F5F5FD;
}
.innerSlotsArea ul.listSlotsDetail{
    width: 100%;
    display: inline-block;
}
.innerSlotsArea ul.listSlotsDetail > li{
    width: 33.33%;
    float: left;
    position: relative;
    padding-right: 30px;
    margin-bottom: 13px;
}
.innerSlotsArea ul.listSlotsDetail > li + li{
    margin-top: 0px;
}
.innerSlotsArea ul.listSlotsDetail li .close_button{
    position: absolute;
    right: 10px;
    top:5px;
    color:#E50000;
}
.box-whiteAddSlots{
    padding: 20px;
    margin-bottom: 35px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background-color: #FFF;
}
.btn.btn-long{
    padding-left: 35px;
    padding-right: 35px;
}
.inline-checkbox .form-check{
    display: inline-block;
    padding-right: 5px;
}
.inputTime{
    position: relative;
}
.inputTime label.ampm-switch{
    position: absolute;
    top: 8px;
    right: 7px;
}


label.ampm-switch .toggle-button{
    z-index: 1;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    overflow: hidden;
    width: 60px;
    height: 30px;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
}
label.ampm-switch input{
    opacity: 0;
    position: absolute;
}
label.ampm-switch .toggle-button:before,
label.ampm-switch .toggle-button:after{
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 11px;
    text-align: center;
    line-height: 30px;
    color: white;
    position: absolute;
    top: 0px;
}

label.ampm-switch .toggle-button:before {
    content: "AM";
    color: #5E5E5E;
    background-color: #E9E9E9;
}
label.ampm-switch .toggle-button:after {
    content: "PM";
    right: 0px;
    color: #FFF;
    background-color: #888CC4;
}
label.ampm-switch .toggle-button input{
    opacity: 0;
}
label.ampm-switch input:checked + .toggle-button:after{
    color: #5E5E5E;
    background-color: #E9E9E9;
}
label.ampm-switch input:checked + .toggle-button:before{
    color: #FFF;
    background-color: #888CC4;
}
/********************************CALENDER CSS END*******************************/

/********************************TIMEPICKER CSS START*******************************/
.timepicker-input{
    text-transform: uppercase;
}
.timepicker {
    padding: 15px;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 10px;
    background-color: #FFF;
    position: absolute;
    color: #8C8C8C;
    top:44px !important;
    left: 0px !important;
    z-index: 2147483647;
    box-shadow: 0px 0px 25px rgb(0,0,0,0.3);
}
.timepicker .clock {
    width: 200px;
    height: 200px;
    position: relative;
    padding: 5px;
}
.timepicker .done {
    cursor: pointer;
    margin-top: 15px;
    text-align: center;
    line-height: 34px;
    font-weight: 600;
    font-size: 14px;
    display: block;
    transition: ease-in-out 0.5s;
    color: #888CC4;
    border-radius: 30px;
    background-color: #F5F5FD;
}
.timepicker .done:hover {
    background-color: #888CC4;
    color: #FFF;
}
.timepicker .meridiem {
    position: absolute;
    bottom: 5px;
    width: 32px;
    height: 32px;
    background-color: white;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.timepicker .meridiem.selected {
    background-color: #D6F0F9;
    color: #6D828C;
}
.timepicker .meridiem.am {
    left: 5px;
}
.timepicker .meridiem.pm {
    right: 5px;
}
.timepicker .bubble {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}
.timepicker .bubble:hover {
    background-color: #D6F0F9;
    color: #6D828C;
}
.timepicker .bubble.selected {
    color: #FFF;
    background-color: #888CC4;
}
.timepicker .unit {
    top: 5px;
    background-color: white;
}
.timepicker .unit.hour {
    left: 5px;
}
.timepicker .unit.minute {
    right: 5px;
}
.timepicker .face {
    width: 100%;
    height: 100%;
    background-color: white;
    border: none;
    border-radius: 50%;
    position: relative;
}
.timepicker .face:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background-color: #888CC4;
    border-radius: 50%;
    content: "";
    display: block;
}
.timepicker .hand {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    pointer-events: none;
    background-color: #8C8C8C;
}
.timepicker .hand.minute {
    margin: -30% 0 0 -1px;
    padding: 30% 1px 0;
    border-radius: 1px 1px 0 0;
}
.timepicker .hand.hour {
    margin: -23% 0 0 -2px;
    padding: 23% 2px 0;
    border-radius: 2px 2px 0 0;
}
.timepicker .hand.selected {
    background-color: #888CC4;
}
.timepicker .time {
    background-color: #F2F2F2;
}
/********************************TIMEPICKER CSS END*******************************/




@media (min-width: 576px){
    .modal-dialog.modal-sm {
        max-width: 300px;
    }
    .modal-dialog {
        max-width: 505px;
    }
    .modal-lg{
        max-width: 800px;
    }
    .modal-md{
        max-width: 820px;
    }
    .modalEmergency{
        max-width: 600px;
    }
}
@media (min-width: 1200px){
.modal-xl {
    max-width: 1090px;
}
}

@media (min-width: 1024px){
    .ml-signup {
        margin-left: 13%;
    }

    .ml-left {
        text-align: left !important;
    }
}

.modal-content{
    border-radius: 20px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 40%);
}
.modal-body{
    padding: 25px 30px;
}

.custom-modal{
    padding: 25px 30px !important;
}
.modal-body video{
    border-radius: 15px;
}
.modal-content .btnClose, .btnClose{
    position: absolute;
    right: -13px;
    top: -10px;
    z-index: 100;
    text-align: center;
    color: #FFF;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background-color: #888CC4;
}
.modal-content .btnClose:hover, .btnClose:hover{
    background-color: #797DB8;
    border-color: #797DB8;
}
.custom-modal-counselling{
    max-width: 624px;
}
.modal-body-counselling {
    padding: 32px;
}
.consent-mt-8 {
    margin-top: 8px;
}
.consent-mt-16 {
    margin-top: 16px;
}
.custom-modal-seeking {
    background-color: #F5F6FF;
}
.seeking-header {
    font-family: Poppins;
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: #1B1C27;
    margin-bottom: 32px;
}
.consent-header {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #1B1C27;
    margin-bottom: 16px;
}
.consent-header-2 {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #1B1C27;
    margin-top: 16px;
    margin-bottom: 0px;
}
.consent-box {
    background: #F5F5F5;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    padding: 12px 16px;
    color: #1B1C27;
    border-radius: 4px;
}
.consent-bold-para {
    font-family: Poppins;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
}
.consent-label {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #1B1C27;
}
.consent-btn {
    width: 92px;
    height: 40px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    /* background-color: #BDBDBD; */
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.btnCloseSm{
    position: absolute;
    right: -9px;
    top: -7px;
    z-index: 100;
    text-align: center;
    color: #FFF;
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    border-radius: 50%;
    background-color: #888CC4;
}
.btnCloseSm:hover{
    color: #FFF;
    background-color: #797DB8;
    border-color: #797DB8;
}
.f15{
    font-size: 14px;
    line-height: 1.7;
}
.listSR{
    list-style-type: disc; 
        margin-left: 20px; 
}
article{
    min-height: 400px;
}

.select2-container .select2-selection--single{
    height: 45px;
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    background-color: #F9F9F9;
}
.select2-container .select2-selection--single:focus, .select2-container .select2-selection--single:active{
    border-color: #ced4da;
    background-color: #FFF;
    box-shadow: 0px 0px 15px rgb(222 222 222 / 80%);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #333333;
    line-height: 45px;
    font-size: 14px;
    padding-left: 16px;
    padding-right: 36px;
}

.select2-container .select2-selection{
    min-height: 45px;
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    background-color: #F9F9F9;
}
.select2-container .select2-selection:focus, .select2-container .select2-selection:active{
    border-color: #ced4da;
    background-color: #FFF;
    box-shadow: 0px 0px 15px rgb(222 222 222 / 80%);
}
.select2-container--default .select2-selection .select2-selection__rendered{
    color: #333333;
    line-height: 45px;
    font-size: 14px;
    padding-left: 16px;
    padding-right: 36px;
}
.select2-container--default .select2-selection #select2-languages-container, .select2-container--default .select2-selection #select2-languages_spoken-container{
    padding-right: 10px !important;
    min-height: 30px;
    display: inline-block;
}
.select2-container--default .select2-search--inline .select2-search__field{
    top:-7px;
    position: relative;
}

.select2-selection--multiple ul.select2-selection__rendered{
    padding-left: 2px !important;
    line-height: 30px !important;
}
.select2-selection--multiple ul.select2-selection__rendered li{
    line-height: 30px;   
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    border-right: none !important;
    color: #FFF !important;
    font-size: 16px;
    left: 3px;
    background-color: transparent !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-top: 7px;
    color: #FFF;
    background-color: #888CC4;
    border:none;
}
.select2-container--default.select2-container--open .select2-selection .select2-selection__arrow b{
    border-width: 0px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border:1px solid #E9E9E9 !important;
}
.select2-container--default .select2-selection .select2-selection__arrow b{
    background: url(../img/downarrow.svg) no-repeat center center;
    background-size: 18px 15px;
    width: 16px;
    height: 13px;
    border-width: 0px;
    margin-left: -21px;
    margin-top: -3px;
}
.select2-container--default .select2-selection .select2-selection__arrow{
    height: 38px;
    width: 30px;
}
.select2-container{
    /*z-index: 99999999999;*/
    width: 100% !important;
}
.select2-container--open {
    z-index: 9999999999
}

.tooltip span, .tooltip{
    z-index: 9999999990;
}
.tooltip {
    opacity: 1 !important;
}
.tooltip{
    max-width: 250px;
}
/* .tooltip .tooltip-inner{
    padding: 12px;
    font-size: 12px;
    line-height: 1.5;
    opacity: 1 !important;
    max-width: 400px;
    color: #202020;
    background-color: #E2F8FC;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
} */

.tooltip .tooltip-inner {
    padding: 16px;
    font-size: 12px;
    line-height: 1.5;
    opacity: 1 !important;
    max-width: 400px;
    color: #FFFFFF;
    background-color: #36384E;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
    text-align: center;
}
.tooltip.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #E2F8FC;
}
.tooltip.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #E2F8FC;
}
.tooltip.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #E2F8FC;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #E2F8FC;
}
.iti{
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    display: block;
}
.select2-dropdown{
    border: none;
    padding: 10px 0px;
    border-radius: 10px !important;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
}
.select2-results__option{
    padding: 6px 16px;
    margin-bottom: 1px;
}
.select2-container--default .select2-results__option--selected, .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    color: #FFF;
    background-color: #888CC4;
}
.select2-container--default .select2-results>.select2-results__options{
    max-height: 300px;   
}
.iti--separate-dial-code .iti__selected-flag{
    background-color: transparent !important;
}
.iti__arrow {
    margin-left: 31px;
    width: 0;
    top:5px;
    position: absolute;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #888CC4;
}

.iti__selected-flag{
    margin-bottom: -21px;
    width: 58px;
    top:17px;
    padding: 0px 0px 0px 16px;
}

#docLogin .iti__selected-flag, #loginForm .iti__selected-flag {
    margin-bottom: -21px;
    width: fit-content;
    top:13px;
    padding: 0px 0px 0px 16px;
}

#payment-form .d-flex .iti__selected-flag {
    margin-bottom: -21px;
    width: fit-content;
    top:13px;
    padding: 0px 0px 0px 8px;
}

/* #payment-form .iti--separate-dial-code,  */
#loginForm  .iti--separate-dial-code {
    width:35%;
}

#client_singIn_mobile_no {
    width:70%;
}

#client_singIn_mobile_no_dial {
    padding-left : 110px !important;
    cursor: pointer;
}

#guest_user_client_singIn_mobile_no {
    /* width:70%; */
}

.singin_mobile_no .iti--separate-dial-code {
    padding-right: 20px;
    width: 60%;
}

#guest_user_client_singIn_mobile_no_dial {
    /* padding-left : 60px !important; */
    width:100px;
    cursor: pointer;
}

#docLogin  .iti--separate-dial-code {
    width:35%;
    margin-right: 0px !important;
}

#doc_signIn_email {
    width: 100% !important;
    margin-right: 20px !important;
}

#doc_signIn_mobile_no {
    width:45%;
    margin-right:10px;
    margin-left:10px;
}

#doc_signIn_mobile_no_dial {
    padding-left : 110px !important;
    cursor: pointer;
}
/* 
#docLogin #client_singIn_mobile_no, #loginForm #client_singIn_mobile_no {
    padding-left: 110px !important;
} */

#payment-form .iti__arrow, #loginForm .iti__arrow, #docLogin .iti__arrow {
    top: 9px;
}

.iti--separate-dial-code .iti__selected-dial-code{
    margin-left: 31px;
    font-size: 14px;
}
.iti__flag{
    border-radius: 2px;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
    transform: scale(1.2);
}
.iti__arrow--up{
    border-top: none;
    border-bottom: 5px solid #888CC4;
}
.iti__country-list{
    width: 100%;
    top: 46px;
    overflow-x: hidden;
    font-size: 14px;
    border-radius: 10px !important;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    border:none !important;
    z-index: 9999999999;
}
.iti__flag-container{
    position: initial;
}
.iti__country{
    padding: 10px 15px;
}
.iti__country.iti__highlight{
    color: #FFF !important;
    background-color: #888CC4 !important;
}
.iti__country.iti__highlight .iti__dial-code{
    color: #FFF !important;
}
.iti__country-name, .iti__flag-box{
    margin-left: 5px;
}

/***********COMMAN CSS END***********/

/***********HEADER CSS START***********/

/* New Skin */
.siteHeader{
    /* position: relative; */
    padding:40px 0px 0px 0px;
    background-color: #F5F5FD;
    margin-bottom: 100px;
}

.siteHeaderNew{
    position: static !important;
    margin-bottom: 0px;
}
.siteHeader:before{
    width: 100%;
    /* height: 48px; */
    position: absolute;
    top:100%;
    left: 0px;
    content: "";
    background: url(../img/bottom-shape.png) no-repeat center bottom;
    background-size: 100% 100%;
}
.navbar{
    padding: 22px 30px;
    border-radius: 18px;
    background-color: #FFF;
    box-shadow: 0px 0px 40px rgba(0,0,0,0.05);
}
.navbar-brand{
    padding: 0px;
    margin-right: 85px;
}
@media (min-width: 992px){
.navbar-nav .nav-link{
    padding: 8px 0px;
    line-height: 1;
}
.navbar-nav .nav-item + .nav-item{
    margin-left: 40px;
}
}
.navbar-nav .nav-link{
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    position: relative;
}
.navbar-nav .nav-link:after{
    width: 100%;
    height: 2px;
    bottom: 0px;
    left: 0px;
    content: "";
    position: absolute;
    transition: ease-in-out 0.5s;
    background-color:transparent;
}
.navbar-nav .nav-link:hover:after, .navbar-nav .nav-link.active:after{
    background-color: #888CC4;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right:0px;
    padding-left:0px;
    color: #202020;
}
.headerBanner {
    height: 200px;
    position: relative;
    top: 20px;
}
.headerBanner  img{
    max-height: 140px;
}
.nav-link.toggle-mobile{
    font-size: 14px !important;
    color: #888CC4 !important;
    margin-left: 7px;
}
.nav-link.toggle-mobile:after{
    display: none;
}
.navbar-expand-lg .navbar-nav .nav-item{
    display: flex;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    padding: 0px;
    overflow: hidden;
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a, ul.dropdown-menu li a{
    padding: 10px 15px;
    font-size: 13px;
    position: relative;
    font-weight: 500;
    line-height: 1.5;
}
.navbar-expand-lg .navbar-nav .dropdown-menu li + li{
    margin-top: 0px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a:hover, .navbar-expand-lg .navbar-nav .dropdown-menu a:focus, ul.dropdown-menu li a:hover{
    background-color: #888CC4 !important;
    color: #FFF !important;
}
@media (min-width: 991px){
.navbar-expand-lg .navbar-nav .nav-item:hover .dropdown-menu{
    display: block;
}
}
.breadcrumb-align{
    position: absolute;
    margin-top: 16px;
    width: 100%;
    left: 0px;
}
.breadcrumb-align .breadcrumb {
    background-color: #888CC4;
    display: inline-flex;
    padding: 15px 30px 15px 30px;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px;
    justify-content: center;
    flex-wrap: initial;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}
.breadcrumb-align .breadcrumb li{
    display: inline-block;
}
.breadcrumb-align .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item, .breadcrumb li.active:before {
    color: #fff;
    text-decoration: inherit;
    padding: 0px;
}
.breadcrumb-align .breadcrumb li.breadcrumb-item i {
    margin-right: 10px;
}
.breadcrumb-align .breadcrumb li.active:before, .breadcrumb-item +.breadcrumb-item:before {
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}
textarea.form-control{
    resize: none;
}
.group-span-filestyle{
    position: absolute;
    right: 0px;
    top: 8px;
}
.bootstrap-filestyle .form-control{
    margin: 0px !important;
}
.bootstrap-filestyle .form-control:disabled{
    background-color: #F9F9F9;
}
.group-span-filestyle .btn{
    right: 9px;
    z-index: 1;
    width: 32px;
    height: 30px;
    color: #FFF;
    line-height: 32px;
    min-width: inherit;
    border-radius: 5px;
    padding: 0px;
    font-size: 12px;
    background-color: #888CC4;
}
.group-span-filestyle .btn i{
    font-size: 14px;
}
.bootstrap-tagsinput {
    font-size: 14px;
    color: #333333;
    padding: 4px 8px 5px 8px;
    border-radius: 5px;
    background-color: #F9F9F9;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    line-height: 29px;
    border: 1px solid #E9E9E9;
    cursor: text;
    width: 100%;
    min-height: 45px;
}
.bootstrap-tagsinput.focus{
    border-color: #ced4da;
    background-color: #FFF;
    box-shadow: 0px 0px 15px rgb(222 222 222 / 80%);
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 3px 0px 0px 12px;
    margin: 0;
    width: auto;
    max-width: inherit;
}
.bootstrap-tagsinput .tag [data-role="remove"]{
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    background-color: #FFF;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: -1px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after{
    content: "\f00d" !important;
    font-weight: 900;
    color: #888CC4;
    font-family: 'Font Awesome 5 Free';
    font-size: 8px;
    position: relative;
    left: 3.5px;
}

.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    display: inline-block;
    color: white;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 0px 10px;
    font-size: 11px;
    height: 29px;
    line-height: 29px;
    background-color: #888CC4;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}


/***********HEADER CSS END***********/

/***********FOOTER CSS START***********/

.v2Footer {
    font-weight: 500;
    font-size: 15px;
}

#therapist_video_modal_video {
    max-height: 60vh;
}

.boxSecure{
    font-weight: 500;
    font-size: 15px;
    padding: 25px 35px;
    border-radius: 20px;
    margin-bottom: 60px;
    background-color: #F5F5FD;
}
ul.listLogos{
    list-style: none;
    display: flex;
    vertical-align: middle;
    align-items: center;
    float: right;
}
ul.listLogos li + li{
    padding-left: 5px;
}
.boxCopyright{
    color: #FFF;
    padding: 20px 0px;
    margin-top: 45px;
    background-color: #888CC4;
}
.boxCopyright a{
    color: #FFF;
}
.boxCopyright .fa-heart{
    color: #D50024;
}
.footerLogo{
    margin-bottom: 25px;
}
.footerLogo img{
    width: 85px;
}
ul.listSocialMedia {
    text-align: center;
}
ul.listSocialMedia li{
    display: inline-block;
}
ul.listSocialMedia li + li{
    margin-left: 5px;
}
ul.listSocialMedia li a{
    width: 36px;
    height: 36px;
    font-size: 16px;
    color: #888CC4;
    line-height: 38px;
    border-radius: 50%;
    display: inline-block;
    background-color: #FFF;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
ul.listSocialMedia li a:hover{
    color: #FFF;
    background-color: #888CC4;
}
ul.footerMenu li, ul.listMenu li{
    line-height: 1;
    padding-left: 15px;
    position: relative;
}
/* New Skin */
/* ul.footerMenu li:after, ul.listMenu li:after{
    content: "\f0da";
    font-weight: 900;
    left: 0px;
    top:0px;
    color: #888CC4;
    position: absolute;
    font-family: "Font Awesome 5 Free";
} */
ul.footerMenu li:after, ul.listMenu li:after{
    content: "•";
    font-weight: 900;
    left: 0px;
    top:0px;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}
/* New Skin */
/* ul.footerMenu li + li, ul.listMenu li + li{
    margin-top: 7px;
} */
ul.footerMenu li a, ul.listMenu li a{
    color: #333333;
}
ul.footerMenu li a:hover, ul.listMenu li a:hover{
    color: #888CC4;
}
ul.listContactDetail li{
    position: relative;
    padding: 12px 0px 12px 38px;
}
ul.listContactDetail li > i{
    position: absolute;
    left: 0px;
    top: 15px;
    color: #888CC4;
    font-size: 16px;
}
ul.listContactDetail li p{
    margin-bottom: 5px;
}
ul.listContactDetail li + li{
    border-top:solid 1px #E2E2E2;
}
ul.listContactDetail li a{
    color: #333333;
}

/***********FOOTER CSS END***********/

/***********FORM CSS START***********/

.boxForm{
    padding: 40px;
    max-width: 505px;
    font-size: 15px;
    margin: 150px auto 100px auto;
    border-radius: 20px;
    box-shadow: 0px 0px 40px rgba(222,222,222,0.61);
}

/***********FORM CSS END***********/

/**********INTAKE FORM CSS START*******/
.boxForm.boxFormBig{
    max-width: 800px;
}
.boxintakeForm .form-check label{
    font-size: 14px;
    color: #303030;
    font-weight: 400;
}
.boxintakeForm h5{
    font-size: 14px;
    margin-bottom: 15px;
}
.boxintakeForm2 label{
    color: #303030;
    font-weight: 400;
    display: block;
}
.form-check-input[type=radio]{
    border-radius: 20px !important;
    background-size: 20px;
}
.form-check-input[type=radio] + .form-check-label{
    position: relative;
    top: 2px;
}
.form-control.textarea-md{
    height: 110px;
}
.form-control.textarea-lg{
    height: 150px;
}
.form-control.textarea-sm{
    height: 80px;
}
/**********INTAKE FORM CSS END*******/

/**********V2 Onboarding CSS START*******/

.rounded-step-0-card {
    cursor: pointer;
    border-radius: 16px;
    padding-left: 22px;
    padding-top: 22px;
    width: 270px;
    height: 240px;
    margin-left:16px;
    background-repeat: no-repeat;
    object-fit: contain;
}

.rounded-step-0-card p {
    font-size: 23px;
    margin-bottom: 4px;
}

.rounded-step-0-card i {
   margin-left:6px;
}


.rounded-step-0-card a {
    font-size: 11px;
    line-height: 16px;
}

.rounded-step-0-card:nth-of-type(1) {
    background-image: url('/images/v2-onboarding/freedom.png');
    background-color: #A0A3D0;
    background-size: 177px 229px;
    background-position-x: 101px;
    background-position-y: 72px;
}

.rounded-step-0-card:nth-of-type(2) {
    background-image: url('/images/v2-onboarding/parent_and_child.png');
    background-color: #FDDD98;
    background-size: 147px 167px;
    background-position-x: 120px;
    background-position-y: 73px;
}

.rounded-step-0-card:nth-of-type(3) {
    background-image: url('/images/v2-onboarding/couple_goals.png');
    background-color: #719094;
    background-size: 224.5px 207px;
    background-position-x: 50.5px;
    background-position-y: 54.5px;
}

.medium-selection {
    padding: 11.75px 9px 11.75px 9px;
    background-color: #F5F5F5;
    border-radius: 100px;
    width: fit-content;
    width: -moz-fit-content;
}


.onboarding-format article {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.onboarding-format .card-img {
    object-fit: contain;
}

.onboarding-format {
    font-family: 'Poppins';
    font-weight: 400;
}

.onboarding-format .select2-container .select2-selection:active {
    background-color: #FFFFFF;
}

.onboarding-format article {
   min-height: unset;
}


.onboarding-format h5{
  font-weight: 700;
}


.onboarding-format .modal-body{
    max-height: 80vh;
}

.onboarding-format .modal-lg {
    max-width: 624px;
    max-height: 628px;
}

.onboarding-format .headerFont {
    font-size: 23px !important;
    line-height: 32px !important;
    margin-bottom: 0 !important;
}

.onboarding-format .extraLargeFont {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
}

.onboarding-format .customExtraLargeFont {
    font-size: 17px !important;
    line-height: 24px !important;
    margin-bottom: 0 !important;
}

.showMoreOptions {
    margin-top: 16px;
}


.onboarding-format .largeFont {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 0;
}

.onboarding-format .mediumFont {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 0 !important;
}

.onboarding-format .smallFont {
    font-size: 12px !important;
    line-height: 16px !important;
    margin-bottom: 0 !important;
}

.onboarding-format .btn-secondary {
    border : 1px solid #888CC4;
}

.onboarding-format .extraSmallFont {
    font-size: 11px !important;
    line-height: 16px !important;
    margin-bottom: 0 !important;
}

.onboarding-format .rounded-pill {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500px;
    /* padding-right: 8px; */
}

.onboarding-format .carousel-indicators {
    margin-bottom: 0px;
}

.onboarding-format .form-check {
   display: flex;
   align-items: center;
}

.onboarding-format .form-check {
    display: flex;
    align-items: center;
}

.onboarding-format .form-check-label {
    padding-left: 8px;
}


.v2-main-heading {
    color: #757575;
}

.v2-purple-color {
    color: #888CC4;
}

.btn-outline-purple:hover {
    background-color: #888CC4;
    color: white;
}

.v2-optional-heading {
    color:#719094;
}

.v2-result-part-one .nav-link {
    color: #888CC4;
}

.v2-result-part-one .active {
    color: #333333;
}

.v2-result-part-one {
    background-color: #F5F6FF;
}


.v2-result-part-one .category {
    color : #888CC4;
    background-color: #E7E8F3;
    border-radius: 16px;
    padding: 4px 8px 4px 8px;
}

.v2-result-part-one .card {
    border-radius: 8px;
    /* box-shadow: 0px 8px 16px 0px #000000; */
}

.v2-result-part-two li {
    list-style:inside;
}

.v2-result-part-two h4 {
    font-size: 12px;
    line-height: 16px;
    columns: #888CC4;
    font-weight: 700px;
}

.v2-result-part-two .review-box {
    background-color: #F5FBFF;
    padding:16px;
}

.v2-result-part-three{
    background-color:#E2F8FC;
    border-radius: 2%;
    padding: 20px 16px 20px 16px;
}

.content_v2_purpleBox {
    padding: 0px 0px 0px 0px;
    background-color: #E2F8FC;
}

.v2-result-part-three .datepicker-dropdown, .v2-result-part-three .ui-datepicker {
    padding: 0px;
    box-shadow: none;
}

.v2-result-part-three .ui-datepicker-calendar thead th span {
    font-size: 11px;
    font-weight: 400px !important;
    color : #333333;
}

.v2-result-part-one .collapse {
    visibility: hidden;
}
.v2-result-part-one .collapse.in {
    visibility: visible;
}
.v2-result-part-one .collapsing {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition-property: height, visibility;
        transition-property: height, visibility;
        -webkit-transition-duration: 0.35s;
        transition-duration: 0.35s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        text-overflow: clip;
        word-wrap: break-word;
        white-space:nowrap;

    }
.v2-result-part-one .collapsing.width {
    -webkit-transition-property: width, visibility;
    transition-property: width, visibility;
    width: 0;
    height: auto;
}

.card-overlay {
    position: absolute;
    bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    right:0;
    background-color: #FFFFFF;
    border : 1px solid #888CC4;
    color: #888CC4;
    border-radius: 8px;
    padding : 8px 8px 8px 8px;

}

.v2-result-part-three .ui-datepicker .ui-datepicker-title {
    font-size: 17px;
    color : #333333;
}

.v2-result-part-three .content_v2_purpleBox .ui-datepicker-inline{
    background-color:#E2F8FC;
}

.v2-result-part-three .content_v2_purpleBox .ui-datepicker-inline .ui-datepicker-header {
    background-color:#E2F8FC;
}

.v2-result-part-three .content_v2_purpleBox .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev {
    background-color:#E2F8FC !important;
    box-shadow: none;
}

.v2-result-part-three .content_v2_purpleBox .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next {
    background-color:#E2F8FC !important;
    box-shadow: none;
}


.v2-card-border {
    border-color: #EEEEEE;
}

.v2-toggler {
    cursor: pointer;
    color:#888CC4;
}

@media (min-width:801px)  {
    .absolute-left-bottom-image {
        position: fixed;
        bottom: 30%;
        left: 30px;
        height: 308px;
    }

    .absolute-right-bottom-image {
        position: fixed;
        bottom: 150px;
        right: 30px;
        height: 308px;
    }
    .absolute-footer-right-bottom-image {
        position: fixed;
        bottom: 0px;
        right: 0px;
        height: 150px;
    }

}

@media (max-width:992px) {
    .absolute-footer-right-bottom-image {
        display: none;
    }
}

@media (max-width:800px)  {
    .absolute-left-bottom-image,
    .absolute-right-bottom-image
    {
        display:none;
    }

    .card-overlay {
        right: 32px;
    }
    
}

.onboarding-warning-background {
    background-color: #FFEBEE;
}

.onboarding-gray-background {
    background-color: #F5F5F5;
}

.custom-item .accordion-body {
    padding: 1rem 0rem;
}

.custom-small-accordion-body .accordion-body {
    padding: 0.5rem 0rem;
}

.custom-small-accordion-body .form-check {
    margin-top:2px !important;
    margin-bottom:2px !important;
}

.card-image .fill-img {
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    object-fit: cover;
}

.card-sl {
    cursor: pointer;
    background-color:#FFFFFF;
}

.card-sl p {
    line-height: normal;
    font-size: 14px;
}

.card-sl .form-check-label {
    color : #A9A9A9;
}

.card-sl-active {
    background-color: #E7E8F3 !important;
}

#accordionOptions .accordion-item {
    border: none;
}

.onboarding-choice-container span {
    margin-bottom: 4px;
    text-align: center;
    color:#888CC4;
    border-color: #888CC4;
    cursor: pointer;
}

.onboarding-choice-container .accordion {
    margin-bottom: 4px;
    border-color: #888CC4;
    cursor: pointer;
}

.onboarding-choice-container .accordion-item {
    border:none;
}
#accordionFlushExample .accordion-button {
    /* Body Paragraph/Bold */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
#accordionFlushExample label {
    /* Body Small/Regular */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
}
#accordionFilter .accordion-button {
    /* Body Paragraph/Bold */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
#accordionFilter #sub_accordionFlushExample .accordion-button {
    /* Body Paragraph/Bold */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}
#accordionFilter label {
    /* Body Small/Regular */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
}
.acc-title {
    /* Body Small/Bold */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
}
.onboarding-choice-container .accordion-button {
    background-color: #F3F3F9;
}

.onboarding-choice-container .accordion-button:not(.collapsed) {
    background-color: #F3F3F9;
    color:black;
}

.onboarding-choice-container input[type="checkbox"] {
    margin-bottom: 4px;
    color:#888CC4;
    border-color: #888CC4;
    cursor: pointer;
}

.onboarding-choice-container .form-check, .onboarding-choice-container .custom-control {
    margin-top:8px;
}

.onboarding-choice-container textarea {
    background-color: #EEEEEE;
    padding: 16px 12px 16px 12px;
    border-radius: 4px;
    border: none;
}

.custom-radio {
    border-color: #888CC4;
    cursor: pointer;
    padding: 8px 8px 8px 8px;
    display: flex;
    align-items: center;
}

.active-pill-background {
    background-color: #E7E8F3;
    border-radius: 32px;
}

.active-pill {
    background-color: #888CC4;
    color:#FFFFFF !important;
}

.pill-green {
    background-color: #FFFFFF;
    color:#719094 !important;
}

.pill-gray {
    background-color: #E7E8F3;
    color:#888CC4 !important;
}

.gray-profile {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.card-overlay {
    -webkit-filter: none;
    filter: none;
}

/* 
#therapist_carousel .carousl,
#therapist_carousel .carousel-innr,
#therapist_carousel .carousel-inner > #therapist_carousel .carousel-item {
    overflow: hidden;
}
#therapist_carousel .carousel-inner > #therapist_carousel .carousel-item.active,
#therapist_carousel .carousel-inner > #therapist_carousel .carousel-item-next {
    display: flex;
    flex-wrap: nowrap;
}
#therapist_carousel .carousel-inner:before {
    position:absolute;
    top:0;
    bottom: 0;
    right: 72%;
    left: 0;
    content:"";
    display:block;
    background-color: #fff;
    z-index: 2;
}
#therapist_carousel .carousel-inner:after {
    position:absolute;
    top:0;
    bottom:0;
    right: 0;
    left: 72%;
    content:"";
    display:block;
    background-color:#fff;
    z-index: 2;
}

#therapist_carousel .carousel-control-prev {
    z-index: 2000;
    left: 22%;
}

#therapist_carousel .carousel-control-next {
    z-index: 2000;
    right: 22%;
} */

/**********V2 Onboarding CSS END*******/

/**********V2 Footer CSS START*******/

.min-height {
    min-height: 100vh;
}

.footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    line-height: 60px;
}

.footer-container {
    font-size: 12px;
    line-height: 16px;
    padding-top: 60px;
    /* background-size:100% 130px; */
    /* height: 130px;  */
    width:100%;
    background-size: cover;
    background-image: url('/images/footer-bg.svg')
}

.footer-container .progress-bar {
    background-color: #888CC4;
}

.btn-custom-footer {
    background-color: #BDBDBD;
    color: #E7E8F3;
    min-width: 70px;
    border-radius: 8px;

}

.btn-custom-outline-primary {
    color:#888CC4;
    border: none;
}

/**********V2 Footer CSS END*******/

/**********Thank You CSS START*******/
.box-thankyou {
    max-width: 550px;
    margin: 150px auto 0px auto;
    padding: 35px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 5%);
}
.contentThankyou {
    font-size: 14px;
    padding: 25px;
    border-radius: 14px;
    background-color: #F5F5FD;
}
.box-thankyou .iconThankyou {
    padding-bottom: 23px;
}
.contentThankyou ul.listSessionInner li + li {
    margin-top: 10px;
}
.contentThankyou ul.listSessionInner li {
    background-color: #FFF;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    color: #888CC4;
    font-weight: 500;
    border-radius: 10px;
}
.box-thankyou h6 {
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    margin: 0px;
    padding-bottom: 20px;
}
h3 {
    font-weight: 600;
    color: #888CC4;
}
.contentThankyou h3 {
    font-size: 21px;
}
.contentThankyou ul.list_individuals {
    font-size: 16px;
    font-weight: 500;
}
.contentThankyou ul.listSessionInner {
    margin-bottom: 24px;
}
.contentThankyou ul.list_individuals li + li {
    margin-left: 7px;
    padding-left: 11px;
    border-left: solid 2px #303030;
}
/**********Thank You CSS END*******/

/**********Exp of int CSS START*******/
.boxFull{
    max-width: 100%; 
}
.boxTestimonials{
    margin-bottom: 130px;
}
ul.listContent{
    margin-bottom: 50px;
}
ul.listContent li{
    position: relative;
    padding-left: 30px;
}
ul.listContent li + li{
    margin-top: 14px;
}
ul.listContent li:before{
    position: absolute;
    content: "\f058";
    left: 0px;
    top: 0px;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    color: #888CC4;
}
/* New Skin */
/* .boxTestimonials .carousel{
    border-radius: 15px;
    padding: 50px;
    margin-top: 50px;
    position: relative;
    text-align: center;
    background-color: #F5F5FD;
} */
.boxTestimonials .carousel{
    border-radius: 15px;
    padding: 50px;
    margin-top: 50px;
    position: relative;
    background-color: #E2F8FC;
}
.boxTestimonials .carousel:after, .boxTestimonials .carousel:before{
    position: absolute;
    font-size: 35px;
    font-weight: 900;
    color: #888CC4;
    font-family: 'Font Awesome 5 Free';
}
.boxTestimonials .carousel:after{
    content: "\f10d";
    left: 30px;
    top: -26px;
}
.boxTestimonials .carousel:before{
    content: "\f10e";
    right: 30px;
    bottom: -24px;
}
.boxTestimonials .carousel p{
    line-height:2;
    margin: 0px;
}
button:focus-visible, input:focus-visible, select:focus-visible{
    outline: none;
}
/* New Skin */
/* .carousel-indicators [data-bs-target]{
    height: 13px;
    width: 13px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #E8E9FE;
} */
.carousel-indicators [data-bs-target]{
    height: 13px;
    width: 13px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #E7E8F3;
}
.boxTestimonials .carousel-indicators{
    bottom: -80px;
}
.tp-info-review .carousel-indicators{
    /* top: 240px; */
    bottom: -30px;
}

.tp-more-issue, .tp-more-spec, .tp-more-service, .tp-more-modality{
    color: var(--branding-main-lilac-600, #888CC4);
    text-align: center;
    /* Body Small/Bold */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
    cursor: pointer;
}
.carousel-indicators button.active{
    background-color: #888CC4;
    border:solid 5px #E7E8F3;
    margin-top: 4px;
}
.contentBenefits{
    padding: 45px 0px 70px 0px;
}
.infoBox{
    padding: 22px 80px 22px 25px;
    position: relative;
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0px 0px 40px rgb(222 222 222 / 61%);
}
.infoBox p{
    margin: 0px;
}
.new-skin{
    background: var(--accent-accent-light-purple, #F5F6FF);
}
.new-skin .container.ct{
    max-width: 1440px;
    height: 320px;  
    /* padding-left: 33.2px; */
    padding-top: 80px 0px 0px 0px;
}
.lp-header {
    margin-bottom: 0px !important;
}
.siteHeader.siteHeaderFull .container.lp-new-skin {
    max-width: 1440px; 
}
.bg-img {
    background-image: url('/assets/img/World_map_clip_art 1.svg');
    background-repeat: no-repeat;
    background-position: right;
}
.bg-banner-dark {
    background-color: #333333;
}
.bg-img-mb {
    background-image: url('/assets/img/World_map_clip_art 1.svg');
    background-repeat: no-repeat;
    background-position: top;
}
.test-ct {
    width: 623px;
    color: #333333;

/* H2/Bold */
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 150% */
}
.test-ct2 {
    width: 623px;
height: 72px;
flex-shrink: 0;
color: #333333;

/* Body Paragraph/Regular */
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
.test-ct3 {
    position: absolute;
    top:102px;
    left:620px;
    display: inline-flex;
    align-items: center;
}
.test-ct4 {
    width: 740.014px;
height: 352.285px;
flex-shrink: 0;
}
a#explore-link {
    color: var(--branding-main-lilac-600, #888CC4);
    text-align: center;
    /* Body/Regular */
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.tp-info-name {
    color: #333333;
    /* Body/Bold */
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    margin: 16px 0px 0px 0px;
}
.tp-info-occupation{
    color: #333333;
    /* Body Small/Regular */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
    margin: 0px;
}
.tp-info-tz{
    color: #333333;
    /* Body Small/Regular */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
    margin: 4px 0px 0px 0px;
}
.tp-info-avail{
    display: flex;
    height: 20px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    color: #333333;
    /* Body Small/Bold */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
    margin: 8px 0px 0px 0px;
}
.tp-info-availability{
    color: #333333;
    /* Body Small/Medium */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 123.077% */
    margin: 4px 0px 0px 0px;
}
.tp-info-btn {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--branding-main-lilac-600, #888CC4);
    box-shadow: 0px 4px 8px 0px rgba(136, 140, 196, 0.25);
    max-width: 325px;
    height: 40px;
    margin: 8px 0px 0px 0px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.tp-info-btn-mb {
    display: flex;
    padding: 8px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    background: var(--branding-main-lilac-600, #888CC4);
    box-shadow: 0px 4px 8px 0px rgba(136, 140, 196, 0.25);
    /* max-width: 325px; */
    height: 40px;
    margin: 8px 0px 0px 0px;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.tp-info-btn:hover {
    background: var(--branding-main-lilac-700, #777BB0);
    box-shadow: 0px 6px 12px 0px rgba(136, 140, 196, 0.35);
}
.tp-info-btn.active {
    background: var(--branding-main-lilac-700, #777BB0);
    box-shadow: 0px 6px 12px 0px rgba(136, 140, 196, 0.35);
}
.tp-info-btn-mb.active {
    background: var(--branding-main-lilac-700, #777BB0);
    box-shadow: 0px 6px 12px 0px rgba(136, 140, 196, 0.35);
}
.tp-info-btn-mb.hover {
    background: var(--branding-main-lilac-700, #777BB0);
    box-shadow: 0px 6px 12px 0px rgba(136, 140, 196, 0.35);
}
.tp-info-btn-txt{
    /* Body/Bold */
    color: var(--system-white, #FFF) !important;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.tp-info-btn-txt-mb{
    /* Body/Bold */
    color: var(--system-white, #FFF) !important;
    text-align: center;
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 150% */
}
.tp-info-price{
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin: 8px 0px 0px 0px;
}
.tp-info-about {
    color: #333333;
    /* Body Small/Bold */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
    margin: 0px 0px 4px 0px;
}
.tp-info-detail {
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin: 0px 0px 4px 0px;
}
.tp-info-viewmore{
    color: var(--branding-main-lilac-600, #888CC4);
    /* Body Paragraph/Bold */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}
.tp-info-language {
    color: #333333;
    /* Body Small/Bold */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
    margin: 4px 0px 0px 0px;
}
.tp-info-lan-detail{
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin: 4px 0px 0px 0px;
}
.tp-info-help{
    color: #333333;
    /* Body Small/Bold */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
    margin: 0px 0px 4px 0px;
}
.tp-info-list-menu{
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.tp-info-list-menu-mb ul{
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-left: 6px;
}
.tp-info-list-menu-mb ul li, .tp-info-list-menu ul li{
    line-height: 20px;
}
.tp-info-review {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-self: stretch;
    border-radius: 16px;
    background: var(--accent-accent-light-blue, #E2F8FC);
    min-height: 268px;
    /* margin: 16px 0px 0px 0px; */
    /* justify-content: center; */
}
.tp-info-review p {
    align-self: stretch;
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.tp-info-review .carousel-item div.open-b:before{
    content: '“';
    top: -7px;
    margin-right: 8px;
    font-family: sans-serif;
    position: absolute;
    color: #333333;
    font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px; /* 100% */
    display: block;

}
.boxTestimonials.reviewBox .carousel-item div.open-b:before{
    content: '“';
    top: -7px;
    margin-right: 8px;
    font-family: sans-serif;
    position: absolute;
    color: #333333;
    font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: 56px; /* 100% */
    display: block;
}
.test-carousel {
    display: flex;
    min-height: 218px;
    flex-direction: column;
    justify-content: center;
}
/* .open-review {
    padding-top: 30px;
} */



.tp-info-address {
    padding: 4px 8px 4px 4px;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    background: var(--accent-accent-light-blue, #E2F8FC);
    color: var(--branding-main-lilac-800, #525476);
    /* Body Small/Medium */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 123.077% */
    width: max-content;
}
.tp-info-new-therapist {
    padding: 4px 8px 4px 4px;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    background: var(--accent-accent-light-blue, #F5F6FF);
    color: var(--branding-main-lilac-800, #333333);
    /* Body Small/Medium */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 123.077% */
    width: max-content;
}
.infoBox .iconBenefits{
    width: 40px;
    height: 40px;
    right: 20px;
    position: absolute;
    color: #FFF;
    top:50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 42px;
    border-radius: 50%;
    background-color: #888CC4;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
}
.infoBox .iconBenefits i{
    font-size: 18px;
}
ul.listBenefits li{
    position: relative;    
}
ul.listBenefits li + li{
    margin-top: 80px;
}
ul.listBenefitsLeft li:first-child{
    right: -70px;
}
ul.listBenefitsLeft li:nth-child(3){
    right: -70px;
}
ul.listBenefits.listBenefitsRight li .infoBox{
    padding: 22px 25px 22px 80px;
}
ul.listBenefits.listBenefitsRight li .infoBox .iconBenefits{
    right: inherit;
    left: 20px;
}
ul.listBenefits.listBenefitsRight li:first-child{
    top: -60px;
    left: -50px;
}
ul.listBenefits.listBenefitsRight li:last-child{
    top: 30px;
    left: -40px;
}
.filterform-mb {
    background: var(--accent-accent-light-purple, #F5F6FF) !important;
}
/* New Skin */
/* .siteHeader.siteHeaderFull{
    padding: 20px 20px 0px 20px;
} */
.siteHeader.siteHeaderFull{
    padding: 16px 16px 0px 16px;
}
.siteHeaderMobile {
    padding-top: 13px !important;
}
.siteHeader.siteHeaderFull .container{
    max-width: 100%;
    padding: 0px;
}
.siteHeader.siteHeaderFull .navbar-nav .nav-link{
    font-size: 16px;
}
.siteHeader.siteHeaderFull .navbar-brand img{
    width: 65px;
}
.siteHeader.siteHeaderFull .headerBanner {
    max-width: 1230px;
    margin: 0px auto;
}
.siteHeader.siteHeaderFull .headerBanner h1{
    text-transform: capitalize;
}


/**********Exp of int CSS END*******/

/**********Application Form*******/
.formFullWidth{
    max-width: 100%;
}
/**********Application Form*******/

/**********Onboarding Form*******/
.filestyle2{
background-color:#797DB8;
}
.filestyleButton .btn{
    width:180px !important;
}
.alert-address{
    background-color:#FFF;
    padding: 20px;
    margin-top: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.alert-address strong{
    color: #888CC4;
}
.alert-address p{
    margin: 0px;
}
.alert-address .btn-close{
    font-size: 11px;
    color: #FFF;
    width: 23px;
    height: 23px;
    line-height: 24px;
    border-radius: 50%;
    background-color: #888CC4;
    padding: 0px;
    opacity: 1;
    top: -9px;
    right: -10px;
    background-image: none;
}
.boxOccupationOther{
    display: none;
}
.boxOccupationOther.show{
    display: block;
}

.boxGenderOther{
    display: none;
}
.boxGenderOther.show{
    display: block;
}
.box_Other{
    display: none !important;
}
.box_Other.show{
    display: block !important;
}
.formcontrolOther{
    display: none;
}
.formcontrolOther.show{
    display: block;
}
.bg-primary{
    background-color: #888CC4 !important;
}
.bg-light-blue {
    background-color: #E2F8FC !important;
}
.toast{
    top: 20px;
    right: 20px;
    position: absolute;
    z-index: 100000;
}
.toast-body{
    color:#202020;
    padding: 15px 20px;
}
.btn-close-white{
    filter:none;
}
.onboardingAccordion .accordion-button:not(.collapsed){
    color: inherit;
    background-color:inherit;
    box-shadow: inherit;
}
.onboardingAccordion .accordion-button:not(.collapsed)::after{
    content:"\f078";
    font-family:"Font Awesome 5 Free";
    background-image: none !important;
    font-weight: 900;
}
/* New Skin */
/* .accordion-button::after{
    content:"\f078";
    font-family:"Font Awesome 5 Free";
    background-image: none !important;
    font-weight: 900;
    color: #888CC4;
} */
.accordion-button::after{
    content:url(../img/Icon-PlusCircle.svg);
    font-family:"Font Awesome 5 Free";
    background-image: none !important;
    font-weight: 900;
    color: #888CC4;
}
.accordion-button:not(.collapsed)::after{
    content:url(../img/Icon-MinusCircle.svg);
    font-family:"Font Awesome 5 Free";
    background-image: none !important;
    font-weight: 900;
    color: #888CC4; 
}
.onboardingAccordion .accordion-button{
    padding: 0px;
}
.onboardingAccordion .accordion-button:focus{
    border-color: inherit;
    box-shadow: inherit;
}
.onboardingAccordion .accordion-item{
    border:none;
}
.boxForm.onboardingAccordion{
    padding: 20px;
    margin: 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 40px rgb(222 222 222 / 61%);
}
.boxForm.onboardingAccordion h2{
    font-size: 20px;
    text-align: left !important;
}
.onboardingAccordion .accordion-body{
    padding:16px 0px 0px 0px;
}
.onboardingAccordion .form-label{
    margin: 0px;
}
.onboardingAccordion p{
    margin-bottom:0px;
}
/**********Onboarding Form*******/

/**********All Therapist Form*******/
.fw-medium{
    font-weight: 500 !important;
}
/* New Skin */
.box_therapists{
    text-align: center;
    border-radius: 10px;
    background-color: #FFF;
}
/* .box_therapists{
    border-radius: 10px;
    background-color: #FFF;
} */
.box_therapists_new {
    border-radius: 10px;
    background-color: #FFF;
    text-align: left !important;
}
/* New Skin */
/* .box_therapists .imageBox{
    position: relative;
    padding-top: 23px;
    min-height: 194px;
    border-bottom: solid 1px #EEEEEE;
} */
.box_therapists .imageBox{
    position: relative;
    padding-top: 23px;
    min-height: 194px;
    /* border-bottom: solid 1px #EEEEEE; */
}
.box_therapists .imageBox img{
    max-height: 170px;
    width: auto;
    margin: 0px auto;
}
.boxfill{
    background-color: #F5F5FD;
    padding: 25px 25px;
    border-radius: 15px;
}
.boxPaymentMethod {
    display:flex;
    flex-direction: row;
}
.boxNeed{
    padding: 20px 30px;
    border-radius: 15px;
    background-color: #F5F5FD;
}
.boxNeed .f15{
    font-size: 15px;
}
.coachBox ul{
    margin-bottom: 8px;
}
.coachBox ul li{
    display: inline!important;
}
.notifyBox{
    background-color: #E2F8FC;
    border-radius: 10px;
    min-width: 192px;
    margin: 0px auto;
    position: absolute;
    z-index: 1;
    padding: 0px 19px;
    top: -15px;
    left: 50%;
    transform: translate(-50%);
}
.whiteBox{
    border-radius: 9px;
    background-color: #ffffff;
    padding: 18px 18px;
}
.coachBox h2{
    font-size: 18px;
}

.coachBox p{
    font-size: 14px;
}
.coachPera{
    font-weight: 500;
    margin-bottom: 0px;
}
.coachBox .btn{
    font-size: 14px;
}
.btn-bg{
    background-color: #ffffff;
    min-width: inherit;
}
.videobutton{
    position: absolute;
    left: inherit;
    right: 17px;
    top: inherit;
    bottom: 16px;
    background-color: rgba(255,255,255,0.5);
    padding: 5px;
    border-radius: 50%;
    box-shadow: 0px 3px 15px rgb(0 0 0 / 20%);
}
/* .tp-info-videobutton{
    position: absolute;
    left: inherit;
    right: 17px;
    top: inherit;
    bottom: 16px;
    background-color: #FFF;
    border-radius: 8px;
    border: 1px solid var(--branding-main-lilac-600, #888CC4);
    box-shadow: 0px 4px 8px 0px rgba(136, 140, 196, 0.25);
    box-shadow: 0px 3px 15px rgb(0 0 0 / 20%);
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
} */
.tp-info-videobutton{
    position: absolute;
    left: inherit;
    right: 17px;
    top: inherit;
    bottom: 16px;
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--branding-main-lilac-600, #888CC4);
    background: var(--system-white, #FFF);
    box-shadow: 0px 4px 8px 0px rgba(136, 140, 196, 0.25);
    line-height: 16px;
    -webkit-animation: pulseNew 2s infinite;
}
.tp-info-videobutton:hover {
    border: 1px solid var(--system-white, #FFF);
    background: var(--branding-main-lilac-600, #888CC4);
}
.tp-info-videobutton:hover img {
    filter: brightness(0) invert(1);
}

.mb-12 {
    margin-bottom: 12px;
}

.tp-info-right-sight > :first-child{
    min-height: 195px;
}

.tp-info-right-sight > :nth-child(2){
    margin-top: 16px;
}

.border-1{
    border-radius: 10px;
}
/**********All Therapist Form*******/

/**********All Therapist details Form*******/

.box_therapists h3{
    font-size: 16px;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.box_therapists h6{
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.box_therapists .box_top_content{
    padding-top: 40px;
}
/* New Skin */
/* .box_therapists .content_therapists{
    padding: 20px 15px;
    font-size: 14px;
} */
.box_therapists .content_therapists{
    font-size: 14px;
}
.content_therapists .boxShortDescription{
    height: 126px;
    overflow: hidden;
    margin-bottom: 15px;
}

ul.list_individuals{
    list-style: none;
    font-size: 12px;
    min-height: 36px;
    color: #303030;
    /* margin-bottom: 12px; */
}
ul.list_individuals li{
    display: inline-block;
    line-height: 1;
}
ul.list_individuals li + li{
    margin-left: 5px;
    padding-left: 5px;
    border-left: solid 1px #303030;
}
/* New Skin */
ul.listIcons{
    padding: 7px 20px;
    border-radius: 25px;
    display: table;
    margin: 0px auto 15px auto;
    background-color: #F5F5FD;
}
ul.paddingCustom{
    padding: 7px 14px !important;
}
/* ul.listIcons{
    padding: 7px 20px;
    border-radius: 25px;
    display: table;
    background-color: #F5F5FD;
} */
ul.listIconsNew{
    display: flex;
    padding: 8px 0px;
    align-items: center;
    gap: 8px;
    /* border-radius: 16px; */
    /* background: var(--branding-main-lilac-200, #E7E8F3); */
} 
.tp-info-disabled {
    padding: 8px;
    color: #CFD1E7
}
.tp-info-active {
    border-radius: 16px;
    background: var(--branding-main-lilac-200, #E7E8F3);
    padding: 8px;
    line-height: 16px;
    color: #888CC4
}
#accordionFlushExample .accordion-body {
    padding: 8px 0px 0px 0px;
}
#accordionFlushExample #sub_accordionFlushExample .accordion-item, #accordionFlushExample #sub_specialisations_accordion .accordion-item{
    padding: 8px 0px 0px 10px;
    border: 0px;
}
#accordionFilter #sub_accordionFlushExample .accordion-item, #accordionFilter #sub_specialisations_accordion .accordion-item{
    padding: 0px 0px 0px 7px;
    border: 0px;
}
#sub_accordionFlushExample .accordion-button, #sub_specialisations_accordion .accordion-button{
    background-color: #E2F8FC;
}
ul.listIcons li{
    display: inline-block;
}
/* New Skin */
/* ul.listIcons li + li{
    margin-left: 10px;
} */
ul.listIcons li + li{
    margin-left: 25px;
}
.mainSliderBox .text_therapist{
    padding-left: 10px;
    padding-right: 10px;
}
.text_therapist{
    font-weight: 500;
    font-size: 12px;
    padding: 6px 20px;
    border-radius: 10px;
    background-color: #F5F5FD;
}
.text_therapist h4{
    font-size: 13px;
    margin: 0px 0px 2px 0px;
}
.btn.btn-outline{
    background-color: #ffffff;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%) !important;
}
.btn.btn-icon{
    min-width: 40px !important;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 21px;
    color: #888CC4;
}

.content_innerBox{
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 15px;
    background-color: #FFF;
}
.row_profileDetail .profile_leftColumn{
    flex: 0 0 auto;
    width: 72.5%;
}
.row_profileDetail .profile_rightColumn{
    flex: 0 0 auto;
    width: 27.5%;  
}
.rowInnerProfileDetail .innerProfileDetailLeft{
    width: 28%;
}
.rowInnerProfileDetail .innerProfileDetailRight{
    width: 72%;
}
.rowInnerProfileDetail .innerProfileDetailRight h6{
    margin-bottom: 20px;
}
.imageBox{
    position: relative;
}
.rowInnerProfileDetail ul.listIcons{
    margin-left: 0px;
    margin-bottom: 57px;
}
.content_innerBox h3{
    line-height: 1.5;
    margin-bottom: 10px;
}
ul.listIcons.listIconsBig li img{
    width: 18px;
    max-height: 14px;
}
ul.listServices{
    font-size: 14px;
    font-weight: 500;
    color: #202020;
    min-height: 83px;
    margin-bottom: 20px;
}
ul.listServices li + li{
    margin-top: 2px;
}
ul.listServices li{
    position: relative;
    padding-left: 13px;
}
ul.listServices li:after{
    content: "\f0da";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0px;
    color: #888CC4;
    top:0px;
}
.boxEmpathy{
    font-size: 14px;
    font-weight: 500;
    padding: 16px 20px;
    border-radius: 10px;
    background-color: #F5F5FD;
}
.boxEmpathy h5{
    margin: 0px;
    font-size: 16px;
    font-weight: 500;
}
.boxEmpathy p{
    margin: 0px;
    font-size: 13px;
}
/* New Skin */
/* .boxTestimonials.reviewBox{
    padding-top: 20px;
    margin-bottom: 80px;
} */
.boxTestimonials.reviewBox{
    padding-top: 5px;
    margin-bottom: 0px;
}

.boxTestimonials.reviewBox .carousel:after, .boxTestimonials.reviewBox .carousel::before {
    display: none;
}
.boxTestimonials.reviewBox .carousel{
    padding: 40px 40px;
    line-height: 1;
    margin-top: 0px;
}
/* New Skin */
/* .boxTestimonials.reviewBox .carousel-indicators{
    bottom: -65px;    
} */
.boxTestimonials.reviewBox .carousel-indicators{
    bottom: -15px;    
}
/* New Skin */
/* .boxTestimonials.reviewBox .carousel p{
    line-height: 1.6;
} */
.boxTestimonials.reviewBox .carousel p{
    color: #333333;
    /* Body Paragraph/Regular */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
/* .boxTestimonials.reviewBox .carousel-item p:after, .boxTestimonials.reviewBox .carousel-item p:before {
    font-size: 20px;
    font-weight: 900;
    color: #888CC4;
    display: inline-block;
    position: relative;
    font-family: 'Font Awesome 5 Free';
} */
/* .boxTestimonials.reviewBox .carousel-item p:after{
    content: "\f10e";
    bottom: -7px;
    margin-left: 8px;
} */
/* .boxTestimonials.reviewBox .carousel-item p:before{
    content: "\f10d";
    top: -7px;
    margin-right: 8px;
} */
.boxTestimonials.reviewBox.rw-mb .carousel-item p:before{
    content: '';
    top: -7px;
    margin-right: 8px;
    font-size: 56px;
    font-weight: 800;
    line-height: 56px;
    font-family: sans-serif;
    color: #333333;
    display:block;
}
.boxTestimonials.reviewBox.rw-mb .carousel-item p:after{
    content: '';
}
ul.listCheck{
    font-size: 14px;
    color: #202020;
    min-height: 90px;
    margin-bottom: 0px;
}
ul.listCheck li + li{
    margin-top: 8px;
}
ul.listCheck li{
    position: relative;
    padding-left: 23px;
}
ul.listCheck li:after{
    content: "\f058";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0px;
    top:0px;
    color: #888CC4;
}
ul.listWebinar > li{
    position: relative;
    font-size: 11px;
    border-radius: 10px;
    line-height: 1.2;
    color: #202020;
    background-color: #F3F3FB;
    padding: 13px 10px 13px 40px;
}
ul.listWebinar > li + li{
    margin-top: 11px;
}
ul.listWebinar li p{
    margin: 0px;
    color: #202020;
    line-height: 1.3;
}
ul.listWebinar li .iconVideo{
    color: #888CC4;
    font-size: 12px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    display: block;
    left: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    background-color: #FFFFFF;
}
ul.listDate{
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    margin-top: 6px;
    color: #202020;
}
ul.listDate li{
    display: inline-block;
}
ul.listDate li + li{
    padding-left: 4px;
    margin-left: 4px;
    border-left:solid 1px #202020;
}
ul.listBlog li{
    position: relative;
    border-radius: 10px;
    background-color: #F3F3FB;
    padding: 13px 13px 13px 70px;
}
ul.listBlog li .blogImage{
    position: absolute;
    width: 43px;
    left: 13px;
    top:13px;
}
ul.listBlog li .blogImage img{
    width: 100%;
    border-radius: 6px;
}
ul.listBlog li h5{
    font-size: 11px;
    line-height: 1.3;
    font-weight: normal;
    margin: 0px 0px 2px 0px;
}
ul.listBlog li h5 a{
    color:#303030;
}
ul.listBlog li .text_date{
    font-weight: 600;
    font-size: 10px;
    display: block;
}
ul.listBlog li + li{
    margin-top: 11px;
}
.row_profileDetail{
    margin-bottom: 70px;
}
.content_height{
    min-height: 1469px;
}
.innerProfileDetailLeft .textNewClients{
    top:-41px;
}

/* New Skin */
/* .textNewClients{
    top: -15px;
    left: 50%;
    text-align: center;
    position: absolute;
    background-color: #E2F8FC;
    font-size: 13px;
    border-radius: 7px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    font-weight: 500;
    min-width: 235px;
    padding: 5px 7px;
    transform: translateX(-50%);
} */

.textNewClients{
    background-color: #E2F8FC;
    font-size: 13px;
    border-radius: 7px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    font-weight: 500;
    min-width: 235px;
    padding: 5px 7px;
    transform: translateX(-50%);
}

.textNewClientsCustom {
    background-color: #E2F8FC;
    font-size: 13px;
    border-radius: 7px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    font-weight: 500;
    min-width: 190px;
    padding: 5px 7px;
    position: absolute;
    top: 5% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.form-check-input.error, .form-check-input.error + .error + .form-check-label{
    margin-top: 0px;
}
.form-check-input.error + .error{
    position: absolute;
    left: 0px;
    top:-11px;
}
.form-check{
    position: relative;
}
.customTop{
    margin-top: 18px;
}
.input-withButton .iti{
    margin-right: 130px !important;
}
.input-withButton .btn{
    position: absolute;
    right: 0px;
    top:0px;
}
.form-field{
    position: relative;
}
.modal{
    z-index: 1060000000;
}
.modal-backdrop{
    z-index: 104000000;
}
/*.modal-open .modal .select2-container{
    z-index: 99999999;
}*/

/* .styledSelect.error + *{
    display: none !important;
}  
.styledSelect.error + label.error{
    display: block;
}   */
html body .styledSelect.error + .error{
    position: absolute;
    bottom: -2px;
    left: 0px;
}
.selectpicker.error + .error{
    position: absolute;
    bottom: -23px;
    left: 0px;
}
.styledSelect.error + .error + .select2-container .select2-selection--single{
    border-color:red !important ;
}
.styledSelect.error + .error + .select2-container{
    margin-bottom: 20px !important;
}
.filestyleButton .btn-file{
    display: none;
}
.file-preview{
    border-color: #E9E9E9;
    background-color: #fff;
    padding: 35px 15px 65px 15px;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);
}
/* .file-preview .file-actions, .file-preview .file-upload-indicator{
    display: none;
} */
.krajee-default.file-preview-frame{
    border-radius: 15px !important;
    border: solid 1px rgba(0,0,0,0.1);
    padding: 20px 10px;
    background-color: #FFF;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%) !important;
    width: 46%;
    margin: 0px 2% 2% 2%;
}
.file-input .fileinput-upload-button{
    display: none !important;
}
.file-preview .fileinput-remove{
    width: 15px;
    height: 15px;
    background-size: 10px;
    top: 6px;
    right: 5px;
}
.filestyleButton .file-input{
    position: absolute;
    z-index: 100000000;
    top: 45px;
    left: 0px;
    width: 100%;
}
.krajee-default .file-footer-caption{
    margin: 0px;
}
.krajee-default.file-preview-frame .file-thumbnail-footer{
    height: auto !important;
}
.krajee-default.file-preview-frame .kv-file-content{
    width: auto !important;

}
.filestyleButton .fileinput-remove-button{
    position: absolute;
    bottom: 27px;
    left: 26px;
    width: 86px !important;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding: 0px !important;
    min-width: inherit !important;
    background-color: #888CC4;
}

/**********All Therapist details Form*******/
/**********Landing Page Form*******/

.tab_landing{
    padding: 15px 0px;
    background-color: #F5F5FD;
}
.box_landing_tabs .tab-content{
    padding: 45px 0px 25px 0px;
    font-size:13px;
    min-height: 198px;
    transition: all ease-in-out 0.5s;
}
.box_landing_tabs .tab-content h3{
    margin-bottom: 20px;
    font-size: 14px;
}
.row_filters [class*="col"]{
    width: 18%;
}
.row_filters [class*="col"]:nth-child(2){
    width: 22%;
}
.row_filters [class*="col"]:nth-child(4){
    width: 24%;
}
.box_landing_tabs ul.nav-pills li .nav-link{
    color:#888CC4;
    font-weight: 500;
    height: 56px;
    border-radius: 10px;
}
.box_landing_tabs ul.nav-pills li .nav-link .icon_tab{
    width: 33px;
    height: 33px;
    color:#888CC4;
    border-radius: 50%;
    line-height: 33px;
    display: inline-block;
    background-color: #FFF;
    margin-right: 5px;
    box-shadow: 0px 3px 15spx rgba(0,0,0,0.1);
}
.box_landing_tabs ul.nav-pills .nav-link.active, .box_landing_tabs ul.nav-pills .show>.nav-link{
    color: #FFF;
    background-color: #888CC4;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
}
/* New Skin */
/* .box_filter{
    padding: 10px 10px;
    background-color: #888CC4;
    margin-bottom: 30px;
    border-radius: 20px;
} */
.box_filter{
    padding: 10px 10px;
    background-color: #888CC4;
    margin-bottom: 15px;
    border-radius: 8px;
    min-height: 37px;
}
.section_CoachDetail ul.listIcons{
    margin: 0px auto;
}
.carouselCoach.owl-carousel .owl-item{
    opacity: 0.5;
}
.carouselCoach.owl-carousel .owl-item.center, .carouselCoach.owl-carousel .owl-item.active:nth-child(1){
    opacity: 1;
    pointer-events: inherit;
}
.checkbox_therapist{
    font-size: 14px;
    padding: 11px 18px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.3);
    display: inline-flex;
    justify-content: center;
}
.checkbox_therapist .form-check{
    display: inline-block;
    margin: 0px;
}
.checkbox_therapist .form-check  + .form-check{
    margin-left: 30px;
}
.checkbox_therapist .form-check  + .form-check::before{
    width: 1px;
    height: 70%;
    left: -17px;
    top:3px;
    content: "";
    background-color: #FFF;
    position: absolute;
}
/* New Skin */
/* .dropdown-sort .dropdown-toggle{
    color: #FFF;
    font-size: 14px;
    text-transform: none;
    background-color: rgba(255,255,255,0.3);
    box-shadow: none;
    font-weight: normal;
}  */
.dropdown-sort .dropdown-toggle{
    color: #888CC4;
    font-size: 16px;
    text-transform: none;
    background-color: #FFF;
    box-shadow: none;
    font-weight: 700;
    line-height: 24px;
}  
.sort-by-mb {
    color: var(--branding-main-lilac-600, #888CC4);
    /* Body Paragraph/Medium */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}
.form-check-white{
    color: #FFF;
}
.form-check-white .form-check-input{
    background-color: #FFF;
    border-color: #FFF;
}

ul.listFilterBtns li{
    display: inline-block;
    margin: 4px 4px 4px 0px;
}

/* New Skin */
/* ul.listFilterBtns li a{
    display: inline-block;
    border-radius: 30px;
    padding: 6px 11px;
    color: #303030;
    font-size: 13px;
    font-weight: 500;
    background-color: #FFF;
} */
ul.listFilterBtns li a{
    display: inline-block;
    border-radius: 30px;
    padding: 6px 11px;
    color: #888CC4 !important;
    font-size: 14px;
    font-weight: 500;
    background-color: #E7E8F3;
    line-height: 20px;
}
/* New Skin */
/* ul.listFilterBtns li.filter-checkbox{
    display: inline-block;
    padding: 6px 11px;
    color: #FFF;
    font-size: 13px;
    font-weight: 500;
} */
ul.listFilterBtns li.filter-checkbox{
    display: inline-block;
    padding: 6px 0px 6px 6px;
    color: #FFF;
    font-weight: 700;
    color: var(--system-white, #FFF);
    /* Body Paragraph/Bold */
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    line-height: 20px; /* 142.857% */
}
ul.listFilterBtns li a i{
    margin-left: 5px;
    color: #888CC4;
}
ul.listFilterBtns li a svg{
    margin-left: 5px;
}
ul.listFilterBtns li a svg path{
    fill: #888CC4;
}

.form-check-white .form-check-input:checked[type=checkbox]{
    background-image: url(../img/download_blue.svg);
    background-size: 11px;
}
.dropdown-sort .dropdown-toggle:after{
    position: relative;
    top: 2px;
    border-top: 0.4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
}
ul.dropdown-menu{
    min-width: 200px;
    padding: 20px;
    font-size: 13px;
    padding: 15px;
    overflow: hidden;
    border-radius: 10px;
    border:none;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}
.dropdown-sort ul.dropdown-menu{
    min-width: 259px;
}
.boxLeftMenu{
    height: 100%;
    background-color: #F5F5FD;
    padding: 15px;
    border-radius: 15px;
}
.boxLeftMenu h3{
    font-size: 15px;
    margin-bottom: 20px;
}
.boxLeftMenu hr{
    margin: 10px -18px 25px -18px;
    background-color: rgba(0,0,0,0.3);
}
ul.menuLeft li a{
    position: relative;
    display: block;
    font-weight: 500;
    padding: 15px 0px 15px 60px;
    border-radius: 10px;
}
ul.menuLeft li a:hover{
    color: #FFF;
    background-color: #888CC4;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
ul.menuLeft li .icon_menu{
    width: 33px;
    height: 33px;
    left: 15px;
    color: #888CC4;
    line-height: 33px;
    position: absolute;
    border-radius: 50%;
    background-color: #FFF;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
/**********Landing Page Form*******/

/************Dropzone-custom****************/
@-webkit-keyframes passing-through {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    }
    30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    }
}
@-moz-keyframes passing-through {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    }
    30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    }
}
@keyframes passing-through {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    }
    30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    }
    100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    }
}
@-webkit-keyframes slide-in {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    }
    30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    }
}
@-moz-keyframes slide-in {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    }
    30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    }
}
@keyframes slide-in {
    0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
    }
    30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    }
}
@-webkit-keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
    10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    }
    20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
}
@-moz-keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
    10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    }
    20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
}
@keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
    10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    }
    20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
}
.dropzone-custom, .dropzone-custom * {
    box-sizing: border-box;
}

.dropzone-custom {
    border-radius: 5px;
    padding: 7px 0px 7px 10px;
    width: 100%;
    border: 1px solid #E9E9E9;
    background-color: #F9F9F9;
}
.dropzone-custom.dz-clickable {
    cursor: pointer;
}
.dropzone-custom.dz-clickable * {
    cursor: default;
}
.dropzone-custom.dz-clickable .dz-message, .dropzone-custom.dz-clickable .dz-message * {
    cursor: pointer;
}
.dropzone-custom.dz-started .dz-message {
    display: none;
}
.dropzone-custom.dz-drag-hover {
    border-style: solid;
}
.dropzone-custom.dz-drag-hover .dz-message {
    opacity: 0.5;
}
.dropzone-custom .dz-message {
    text-align: right;
}
.dropzone-custom .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
.dropzone-custom .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 5px 7px;
    min-height: 100px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
}
.dropzone-custom .dz-preview:hover {
    z-index: 1000;
}
.dropzone-custom .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone-custom .dz-preview.dz-file-preview .dz-image {
    border-radius: 20px;
    background: #999;
    background: linear-gradient(to bottom, #eee, #ddd);
}
.dropzone-custom .dz-preview.dz-file-preview .dz-details {
    opacity: 1;
}
.dropzone-custom .dz-preview.dz-image-preview {
    background: white;
}
.dropzone-custom .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.dropzone-custom .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
}
.dropzone-custom .dz-preview .dz-remove:hover {
    text-decoration: underline;
}
.dropzone-custom .dz-preview:hover .dz-details {
    opacity: 1;
}
.dropzone-custom .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
}
.dropzone-custom .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px;
}
.dropzone-custom .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
}
.dropzone-custom .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8);
}
.dropzone-custom .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis;
}
.dropzone-custom .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}
.dropzone-custom .dz-preview .dz-details .dz-filename span, .dropzone-custom .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px;
}
.dropzone-custom .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-filter: blur(8px);
    filter: blur(8px);
}
.dropzone-custom .dz-preview .dz-image {
    border-radius: 10px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}
.dropzone-custom .dz-preview .dz-image img {
    display: block;
}
.dropzone-custom .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone-custom .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone-custom .dz-preview .dz-success-mark, .dropzone-custom .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}
.dropzone-custom .dz-preview .dz-success-mark svg, .dropzone-custom .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px;
}
.dropzone-custom .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.dropzone-custom .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
.dropzone-custom .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite;
}
.dropzone-custom .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    transform: scale(1);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}
.dropzone-custom .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}
.dropzone-custom .dz-preview.dz-error .dz-error-message {
    display: block;
}
.dropzone-custom .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto;
}
.dropzone-custom .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: none !important;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white;
}
.dropzone-custom .dz-preview .dz-error-message:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    display: none !important;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626;
}
.dropzone-custom .dz-preview.dz-error .dz-error-mark{
    display: none;
}
.dropzone-custom .dz-preview .dz-remove{
    background-color: #888CC4;
    border-radius: 5px;
    color: #FFF;
    text-decoration: none;
    margin: 5px;
}
.dropzone-custom .btn.btn-sm{
    right: 9px;
    z-index: 1;
    width: 160px !important;
    height: 30px;
    color: #FFF;
    line-height: 32px;
    min-width: inherit;
    border-radius: 5px;
    padding: 0px;
    font-size: 12px;
    background-color: #888CC4;
}

.cookie-consent__agree.btn.btn-sm{
    height: 20px;
    line-height: 4px;
    font-size: 10px;
    vertical-align:middle;
    padding: 1px 5px 1px;
    min-width: inherit;
}
.errorInline input.error{
    width: 1%;
    margin-bottom: 20px;
}
.errorInline label.error{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.input-group #signUp_otp.error, .input-group #client_reset_otp.error{
    width: 1%;
    margin-bottom: 20px;
}
#email.error{
    width: 100%;
}
.input-group #signUp_otp-error.error, .input-group #client_reset_otp-error.error{
    position: absolute;
    bottom: 0px;
    left: 0px;
}
#email-error.error{
    bottom: 0px;
    left: 0px;
}

html body .btn-primary.disabled, html body .btn-primary:disabled{
    background-color: #888CC4;
    border-color: #888CC4;
    opacity: 0.5;
    color: #FFF;
}
.form-check.message_bottom{
    position: relative;
}
.message_bottom .form-check, .message_bottom .row, .message_bottom .row [class*="col"] {
    position: initial;
}
.message_bottom label.error{
    position: absolute;
    bottom: -15px;
    left: 0px;
    padding-left: 8px;
    top:inherit !important;
}
.alert-address{
    font-size: 14px;
}
.alert-address label{
    display:block;
    font-weight: bold;
    color: #888CC4;
}
.alert-address p{
    margin-bottom: 10px;
}
.alert-address input, .alert-address textarea{
    border: none;
    padding: 0px;
    width: 100%;
    height: auto;
    resize: none;
    outline: none;
    background-color: transparent;
}
.alert-address textarea{
    height: 47px;
}
.input-group select + label{
    display: none !important;
}
.input-group select + label.error{
    display: block !important;
}

footer .accordion{
    display: none;
}
.imgPhysical{
    display: none;
}
.section_CoachDetail{
    padding-bottom: 75px;
}
/* New Skin */
/* .coach_detail_content{
    margin-top: 30px;
    font-size: 14px;
    position: relative;
    padding: 30px 25px;
    border-radius: 20px;
    background-color: #FFF;
} */
.coach_detail_content{
    font-size: 14px;
    padding: 16px 16px;
    border-radius: 8px;
    background-color: #FFF;
}
.filter-menu-content{
    border-radius: 8px;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.filter-menu-content::-webkit-scrollbar {
    display: none;
}
.accordion-header, .accordion-flush .accordion-item .accordion-button {
    background-color: #F3F3F9;
    border-radius: 4px;
}
.p-fw-semibold{
    font-weight: 500;
}
.coach_detail_content:after{
        bottom: 100%;
        left: 140px;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #FFF;
        border-width: 15px;
        margin-left: -15px;
}
.coach_detail_content h4{
    font-size: 15px;
    margin-bottom: 15px;
}
.boxEmpathyTherapist{
    padding: 18px;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #F5F5FD;
}
.boxEmpathyTherapist h4{
    margin-bottom: 5px;
}

/* New Skin */
/* .coach_detail_content .btn{
    height: 50px;
    line-height: 50px;
} */

.coach_detail_content .btn{
    height: 40px;
    line-height: 40px;
}

/* New SKin */
/* .row_coachDetail{
    margin-bottom: 20px;
} */

/* .row_coachDetail .listMenu li{
    line-height: 1.5; 
} */
.boxReviews.boxTestimonials{
    margin-bottom: 45px;
}
.coach_detail_content .boxTestimonials.reviewBox{
    margin-bottom: 40px;
}
ul.listOptions{
    list-style: none;
    padding: 8px;
    display: inline-block;
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.15);  
}
ul.listOptions li{
    display: inline-block;
}
ul.listOptions li a{
    height: 37px;
    display: block;
    font-weight: 500;
    line-height: 37px;
    font-size: 14px;
    color: #888CC4;
    line-height: 37px;
    padding: 0px 15px;
    border-radius: 50px;
}
ul.listOptions li a:hover, ul.listOptions li.active a{
    background-color: #F5F5FD;
}
.section_Events{
    padding-bottom: 100px;
}
.boxEvents{
    padding: 30px;
    border-radius: 20px;
    margin: 20px;
    background-color: #FFF;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);  
}
.outerSliderBox{
    margin: 0px -20px;
}
.boxEvents h4{
    font-weight: 500;
}
.eventsInner{
    border-radius: 7px;
    padding: 20px;
    background-color: #F5F5FD;
}
.textEventPrice{
    padding-top: 25px;
}
.textEventPrice h3{
    font-size: 25px;
    font-weight: bold;
    margin: 0px;
}
.textEventPrice p{
    margin: 0px;
}
.userBox{
    padding:15px 20px 15px 68px;
    font-size: 11px;
    position: relative;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #FFF;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);  
}
.userBox .boxUserImg{
    left: 13px;
    top: 10px;
    position: absolute;
}
.userBox .boxUserImg img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    border:solid 3px rgba(136,140,196,0.19);
}
.userBox h5{
    font-size: 14px;
    margin: 0px;
}
.userBox p{
    margin: 0px;
}
ul.listTimeTables{
    font-size: 14px;
}
ul.listTimeTables li {
    position: relative;
    padding-left: 37px;
}
ul.listTimeTables li .icon{ 
    width: 30px;
    height: 30px;
    color: #888CC4;
    border-radius: 30px;
    background-color: #FFF;
    display: block;
    line-height: 30px;
    text-align: center;
    position: absolute;
    left: 0px;
    top:-4px;
}
ul.listTimeTables li + li{
    margin-top: 15px;
}
.owl-nav button{
    width: 36px;
    height: 36px;
    top:50%;
    z-index: 100;
    cursor: pointer;
    color: #888CC4 !important;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 50%;
    background-color: #FFF !important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.owl-carousel .owl-nav button.owl-next{
    right: 0px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    cursor: pointer;
}
.owl-carousel .owl-nav button.owl-prev{
    left: 0px;
}

.carouselCoach.owl-carousel .owl-nav button.owl-prev {
    left: -42px;
}
.carouselCoach.owl-carousel .owl-nav button.owl-next {
    right: -42px;
}
.owl-carousel .owl-dot{
    width: 10px;
    height: 10px;
    z-index: 1;
    position: relative;
    border-radius: 50%;
    background-color: #E8E9FE !important;
    margin: 0px 8px;
}
.owl-carousel .owl-dot::before{
    width: 100%;
    height: 100%;
    content: "";
    left: 0px;
    top:0px;
    z-index: -1;
    border-radius: 50%;
    position: absolute;
    border:solid 3px #E8E9FE;
    transform: scale(1);
    transition: all ease-in-out 0.5s;
}
.owl-carousel .owl-dot.active{
    width: 13px;
    height: 13px;
    background-color: #888CC4 !important;
}
.owl-carousel .owl-dot.active::before{
    transform: scale(1.5);
}
.owl-dots{
    text-align: center;
}

.boxSessions{
    margin-bottom: 50px;
}
.dropdown-total .dropdown-toggle{
    font-weight: 500;
    color: #3A3A3A;
    text-decoration: underline;
}
.dropdown-total ul.dropdown-menu{
    min-width: 150px;
}
ul.dropdown-menu .form-check{
    font-size: 14px;
}
ul.dropdown-menu li + li{
    margin-top: 2px;
}
ul.dropdown-menu li a{
    color: #303030;
}
ul.dropdown-menu li a:hover{
    color: #888CC4;
}
.content_session{
    margin-bottom: 25px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}

.popupDelay{
    width: 100%;
    left: 0px;
    top:0px;
    padding: 20px;
    border-radius: 15px;
    height: 100%;
    position: absolute;
    background-color: rgba(136,140,196,0.7);
    transform: scale(0);
    transition:all ease-in-out 0.5s;
}
.showPopup .popupDelay{
    transform: scale(1);
}

.showPopupRunningLate #running_late{
    transform: scale(1);
}

.showPopupReschedule #reschedule_request{
    transform: scale(1);
}

.popupDelay .boxInnerPopup{
    background-color: #FFF;
    border-radius: 10px;
    padding: 18.5px;
    position: relative;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}
.boxInnerPopup .inline_radioBtns{
    font-size: 13px;
}
.boxInnerPopup .inline_radioBtns input[type="radio"].form-check-input{
    margin-top: 3px;
}

.content_session .top_session_part{
    padding: 20px 15px;
    min-height: 350px;
    font-weight: 500;
    border-radius: 15px 15px 0px 0px;
    background-color: #FFF;
}
.content_session .bottom_session_part{
    color: #FFF;
    height: 46px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px 20px;
    font-size: 13px;
    width: 100%;
    margin: 0px auto;
    line-height: 1.3;
    text-align: center;
    background-color: #888CC4;
    border-radius: 0px 0px 15px 15px;
}
.content_session .bottom_session_part p{
    line-height: 1.2;
    margin: 0px auto;
    max-width: 95%;
    font-size: 12px;
}
.rowDetailTwo{
    min-height: 160px;
    height: 100%;
    position: relative;
    padding-right: 62px;
    margin-bottom: 30px;
}
.btn-calendar.dropdown-toggle{
    min-width: 50px;
}
.btn-calendar.dropdown-toggle:after{
    display: none;
}
.textSession{
    border-radius: 30px;
    padding: 5px 8px;
    font-weight: 400;
    color: #888CC4;
    display: inline-block;
    font-size: 12px;
    background-color: #F5F5FD;
}
.rowDetailOne h3{
    font-size: 17px;
    margin-bottom: 9px;
    overflow: hidden;
    padding-right: 11;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.rowDetailOne {
    margin-bottom: 20px;
}
ul.listSession{
    display: flex;
    font-size: 12px;
    line-height: 1;
}
ul.listSession li:first-child{
    padding-right: 8px;    
}
ul.listSession li + li{
    padding-left: 7px;
    padding-right: 7px;
    border-left: solid 1px #000;
}
ul.listSession li i, ul.listSession li img{
    color: #888CC4;
    padding-right: 3px;
}

.sessionDate{
    position: relative;
    font-size: 13px;
    border-radius: 10px;
    padding: 15px 13px;
    background-color: #F5F5FD;
}
.sessionDate p{
    margin: 0px;
}
.textAddress{
    font-size: 12px;
    color: #888CC4;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
}
.rowDetailTwo .boxCalendar{
    position: absolute;
    right: 0px;
    width: auto;
    top: 0px;
}
.rowSessionAction{
    font-size: 13px;
    /* margin-bottom: 20px; */
}
/* .rowSessionAction .textLink{
    text-transform: uppercase;
} */
ul.dropdown-menu-calender{
    min-width: 120px;
}
html body ul.dropdown-menu-calender li a{
    padding: 0px;
    line-height: 1.6;
    font-size: 13px;
    font-weight: 500;
}
html body ul.dropdown-menu-calender li:hover a{
    background-color: transparent !important;
    color: #888CC4 !important;
}
.page-link:focus{
    outline: none !important;
}
.btn-running{
    height: 36px;
    display: block;
    font-weight: 500;
    text-align: center;
    line-height: 36px;
    color: #888CC4;
    border-radius: 5px;
    background-color: #F5F5FD;
}
.disabled{
    opacity: 0.5;
    pointer-events: none;
}
.textCancelled{
    font-size: 12px;
}
.textCancelled p:last-child{
    margin: 0px;
}
input[type="tel"]::placeholder{
    opacity: 0;
}
input[type="tel"]::-moz-placeholder{
    opacity: 0;
}
input[type="tel"]::-webkit-input-placeholder{
    opacity: 0;
}

.boxcancelledTherapist{
    padding-right: 0px !important;
    /* margin: 0px; */
}
.textCancelled{
    line-height: 1.5;
    padding: 15px 0px 0px 0px;

}
.textCancelled p{
    margin-bottom: 5px;
    line-height: 1.5;
    word-wrap: break-word;
}

.textCallLink{
    line-height: 1.5;
    padding: 15px 0px 0px 0px;
    font-size: 12px;
}

.boxcancelledTherapist .sessionDate{
    min-height: 100px;
    margin-bottom: 20px;
}
.boxcancelledTherapist .sessionDate p:first-child{
    margin-bottom: 5px;
}
.boxcancelledTherapist .textCancelled{
    padding-top: 10px;
}
.textCondition{
    right: 15px;
    top: -17px;
    color:#888CC4;
    padding: 5px 10px;
    border-radius: 15px;
    background-color: #FFF;
    position: absolute;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
    font-size: 12px;
}
.boxcancelledTherapist + .rowSessionAction{
    margin-bottom: 0px;
}

.text-red{
    color: #FF0000 !important;
}
.text-green{
    color: #217026 !important;
}
.text-light-green {
    color: #719094 !important;
}
.bg-clay {
    background-color: #D1766F !important;
}
.box_landing_tabs .checkbox_inline {
    width: 100%;
    margin: 0px;
    display: inline-block;
}
.box_landing_tabs .checkbox_inline .form-check{
    width: 20%;
    padding-right: 20px;
    float: left;
}

.session_request_received .sessionDate .textAddress{
    display: none;
}
.content_session.session_request_received .rowDetailTwo{
    min-height: 20px;
    margin-bottom: 12px;
}
.content_session.session_request_received .bottom_session_part{
    height: auto;
    text-align: left;
    display: inherit;
    padding: 15px 20px;
    min-height: 86px;
}
.content_session.session_request_received .bottom_session_part p{
    max-width: 100%;
}
.bottom_session_part .textLink{
    color: #FFF;
}
.content_session.session_request_received .top_session_part{
    min-height: 256px;
}
.pagination {
    background-color: #FFF;
    border-radius: 40px;
    padding: 8px;
    display: table;
    margin: 0px auto;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.12);
}
.pagination li{
    display: inline-block;
}
.pagination nav{
    display: table;
    margin: 0px auto;
}
.pagination ul.pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pagination ul.pagination li:first-child .page-link{
    margin-right: 5px;
}
.pagination ul.pagination li:last-child .page-link{
    margin-left: 5px;
}
.pagination ul.pagination li:first-child .page-link, .pagination ul.pagination li:last-child .page-link{
position: relative;
font-size: 0px;
}
.pagination ul.pagination li:first-child .page-link:after, .pagination ul.pagination li:last-child .page-link:after{
position: absolute;
top: 50%;
left: 50%;
font-size: 14px;
transform: translate(-50%,-50%);
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.pagination ul.pagination li:first-child .page-link:after{
    content: "\f053";
}
.pagination ul.pagination li:last-child .page-link:after{
    content: "\f054";
}

.page-item:first-child .page-link{
    border-radius: 50% !important;
    background-color: #F5F5FD;
}
.page-item:last-child .page-link{
    border-radius: 50% !important;
    background-color: #F5F5FD;
}

.pagination li .page-link{
    border:none;
    color: #888CC4;
    font-size: 14px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 0px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    background-color: transparent;
}
.showOnmobile{
    display: none;
}
.checkbox_box {
    padding: 20px;
    min-height: 200px;
    max-width: 190px;
    margin-top: -47.5px;
    margin-bottom: -25px;
    background-color: #F5F5FD;
}
.checkbox_box.checkbox_gender{
    margin-left: 20%;
}
.checkbox_box.checkbox_language{
    margin-left: 33%;
    max-width: 350px;
}
.checkbox_box.checkbox_language .form-check{
    width: 50%;
    float: left;
    padding-left: 15px;
}

.checkbox_box.checkbox_service{
    margin-left: 59.5%;
    max-width: 230px;
}
/* .checkbox_box.checkbox_service{
    margin-left: 48.5%;
    max-width: 230px;
} */
.checkbox_box.checkbox_medium{
    margin-left: 82%;
    max-width: 200px;
}
.checkbox_box.checkbox_country{
    margin-left: 83.5%;
    max-width: 196px;
}
.box_therapists .btnCloseSm{
    right: 6px;
    top: 6px;
    background-color: #FFF;
    color: rgba(0,0,0,0.5);
    /* box-shadow: 0px 0px 15px rgb(0 0 0 / 30%); */
}

.box_therapists .btnCloseSm:hover{
    color: #888CC4;
}
.MessageFlag .btnCloseSm{
    right: 6px;
    top: 6px;
    background-color: #FFF;
    color: rgba(0,0,0,0.5);
    width: auto;
}

.MessageFlag .btnCloseSm:hover{
    color: #888CC4;
}
.carouselCoachSessions .textLink{
    text-transform: none;
}
.owl-carousel.carouselCoachSessions .owl-nav button.owl-prev{
    left: -15px;
}
.owl-carousel.carouselCoachSessions .owl-nav button.owl-next{
    right: -15px;
}
.box_banner{
    height: 405px;
    padding: 15px;
    border-radius: 15px;
    position: relative;
    background-color: #FFF;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
}
.textBanner{
    top:50%;
    left: 50%;
    text-transform: uppercase;
    transform: translate(-50%,-50%);
    position: absolute;
}
ul.listactionsButtons{
    /* text-align: right; */
    margin-bottom: 15px;
    font-weight: 500;
}
ul.listactionsButtons > li + li{
    margin-top: 10px;
}
ul.listactionsButtons > li{
    font-size: 14px;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    z-index: 1;
    color: #888CC4;
    border-radius: 30px;
    background-color: #FFF;
    padding: 5px 5px 5px 15px;
    box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);
}
ul.listactionsButtons > li .linkWallet{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.linkWallet a{
    cursor: pointer;
}
.dropdownTimeZone .select2-container {
    width: auto !important;
}
.dropdownWalletBalance .select2-container{
    width: auto !important;
}
ul.listactionsButtons li .select2-container, ul.listactionsButtons li .select2-container .select2-selection--single{
    height: 37px;
    min-height: inherit;
    background-color: #F5F5FD !important;
    border-radius: 40px;
}
ul.listactionsButtons li .select2-container .select2-selection--single{
    border:none;
    border-radius: 40px;
    box-shadow: none !important;
}
ul.listactionsButtons li .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 37px;
    color: #333333;
    font-weight: 500;
    font-size: 13px;
    padding-left: 8px !important;
    padding-right: 25px !important;
}
ul.listactionsButtons li .select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 29px;
    width: 16px;
}
ul.listactionsButtons li .select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-size: 12px 16px;
    margin-left: -13px;
}
.linkShare{
    padding: 0px;
    border: none;
    color: #888CC4;
    font-weight: 500;
    background: none;
}
.linkShare i{
    padding-right: 5px;
}
.textCancelled p:last-child{
    margin: 0px;
}
/* New Skin */
/* .accordion-button:not(.collapsed){
    background-color: transparent;
    color: #888CC4;
    box-shadow: none !important;
} */
.accordion-button:not(.collapsed){
    background-color: transparent;
    color: #333333;
    box-shadow: none !important;
}


#wallet_balance_by_country_id_mobile {
    color: #333333;
}

#wallet_balance_by_country_id {
    color: #333333;
}

.textWalletContainer{
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: end;
}

.textWalletContainer span{
   margin-right:10px;
}


.textWallet{
    line-height: 37px;
    color: #333333;
    display: inline-block;
    font-weight: 500;
    padding: 0px 12px;
    height: 37px;
    border-radius: 40px;
    background-color:#F5F5FD;
}

.forMessageBoard{
    line-height: 37px;
    color: #333333;
    display: inline-block;
    font-weight: 500;
    padding: 12px 12px;
    border-radius: 25px;
    background-color:#F5F5FD;
    height: 180px;
    width: 100%;
}
.forMessageBoardT{
    line-height: 37px;
    color: #333333;
    display: inline-block;
    font-weight: 500;
    padding: 12px 12px;
    border-radius: 25px;
    background-color:#F5F5FD;
    height: 115px;
    width: 100%;
}
.fontControl{
    font-weight: 500;
    font-size: 13px;
}
.fontControl2{
    color: #333333 !important; 
    font-size: 13px !important;
}
.messageBoardText{
    line-height: 37px;
    color: #888CC4;
    display: inline-block;
    font-weight: 500;
    padding: 0px 12px;
    border-radius: 25px;
    font-size: 14px !important;
}
.row_bookingContent .boxfill{
    padding: 15px;
    height: 100%;
}
.row_bookingContent .box_therapists h6{
    margin-bottom: 8px;
    font-size: 12px;
}
.row_bookingContent .box_therapists{
    margin-bottom: 0px;
}
.row_bookingContent .box_therapists .content_therapists{
    padding: 10px;
}
.row_bookingContent .box_therapists .imageBox{
    padding-top: 10px;
    min-height: inherit;
}
.row_bookingContent .box_therapists h3{
    font-size: 13px;
}
.carouselOthertherapists .slick-slide{
    margin-bottom: 15px;
    cursor: pointer;
}
.carouselOthertherapists .slick-arrow, .carouselOthertherapistsMobile .slick-arrow , .carouselOthertherapistsTablet .slick-arrow{
    width: 30px;
    height: 30px;
    color: #FFF;
    left: 50%;
    z-index: 100;
    transform: translateX(-50%);
    border-radius: 50%;
    background-color: #888CC4;
}
.carouselOthertherapists .slick-next.slick-arrow{
    bottom: 0px;
    top:inherit;
}
.carouselOthertherapists .slick-prev.slick-arrow{
    top:0px;
    bottom: inherit;
}
.carouselOthertherapists .slick-prev.slick-arrow.slick-disabled{
    display: none !important;
}

.carouselOthertherapistsTablet .slick-next.slick-arrow{
    bottom: 0px;
    top:inherit;
}
.carouselOthertherapistsTablet .slick-prev.slick-arrow{
    top:0px;
    bottom: inherit;
}
.carouselOthertherapistsTablet .slick-prev.slick-arrow.slick-disabled{
    display: none !important;
}

.btns_actions {
    position: relative;
    z-index: 10;
}

.carouselOthertherapistsMobile .slick-next.slick-arrow{
    top:50%;
    left: inherit;
    right: -25px;
}
.carouselOthertherapistsMobile .slick-prev.slick-arrow{
    left: 0px;
    top:50%;
    right: inherit;
}

.carouselOthertherapists .slick-arrow::before, .carouselOthertherapistsMobile .slick-arrow::before , .carouselOthertherapistsTablet .slick-arrow::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.carouselOthertherapists .slick-prev.slick-arrow::before  , .carouselOthertherapistsTablet .slick-prev.slick-arrow::before{
    content: "\f077";
}
.carouselOthertherapists .slick-next.slick-arrow::before , .carouselOthertherapistsTablet .slick-next.slick-arrow::before{
    content: "\f078";
}
.carouselOthertherapistsMobile .slick-prev.slick-arrow::before{
    content: "\f053";
}
.carouselOthertherapistsMobile .slick-next.slick-arrow::before{
    content: "\f054";
}



.carouselOthertherapists {
    position: relative;
    overflow: hidden;
    padding-top: 15px;
}

.carouselOthertherapistsTablet {
    position: relative;
    overflow: hidden;
    padding-top: 15px;
}
.owl-nav.disabled{
    opacity: 0;
}
.content_whiteBox{
    padding: 15px;
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
/*.content_whiteBox.boxDatepicker{
    padding: 0px;
    box-shadow: none;
}*/
.content_purpleBox{
    padding: 15px;
    border-radius: 15px; 
    background-color: #F5F5FD;
}
.content_purpleBox h5{
    font-size: 14px;
}
ul.listTherapistsServices li{
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}

ul.listTherapistsServices li .btn-sm{
    text-transform: none;
    letter-spacing: 0px;
    padding-left: 11px;
    font-size: 13px;
    padding-right: 11px;
    min-width: inherit;
}

.box_therapists_right .box_therapists .imageBox img{
    max-height: 120px;
}
.box_therapists_right .box_therapists .imageBox{
    padding-top: 15px;
}
.box_therapists_right{
    margin: -15px 0px;
    border-left:solid 1px #EEEEEE;
}
.box_therapists_right .content_therapists h6{
    font-size: 13px;
}
.box_therapists_right .box_therapists h3{
    font-size: 16px;
}
.box_therapists_right .box_therapists{
    margin: 0px !important;
}
.box_therapists_right .box_therapists .text_therapist{
    padding: 4px 10px;
}
.box_therapists_right .text_therapist h4{
    margin: 0px;
}
.mainSliderBox .box_therapists .imageBox img{
    max-height: 105px;
}
.textSlots{
    font-weight: 500;
    /* display: flex; */
    padding-bottom: 5px;
    align-items: center;
    font-size: 13px;
    justify-content: space-between;
}
.textSlots ul.listactionsButtons{
    margin: 0px;
}
.textSlots ul.listactionsButtons li{
    padding: 0px;
    font-size: 13px;
    box-shadow: none;
}
.textSlots p{
    margin: 0px;
}
ul.listSlotTime{
    display: flex;
}
ul.listSlotTime li{
    margin-top: 5px;
    margin-bottom: 5px;
}
/* ul.listSlotTime li + li{
    margin-left: 8px;
} */
ul.listSlotTime li a{
    min-width: 125px;
    text-transform: uppercase;
    border-radius: 15px;
    padding: 5px 10px;
    display: block;
    margin-right: 8px;  
    text-align: center;
    color: #303030;
    font-weight: 500;
    font-size: 11px;
    white-space: nowrap;
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
ul.listSlotTime li a:hover{
    color: #FFF;
    background-color: #888CC4;
}
.listSlotsavailable, .listSelectedSlots{
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 10px;
    padding: 0px 5px 5px 5px;
}
 .listSlotsavailable2{
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: 19px;
    padding: 0px 5px 5px 0px;
}
.listSelectedSlots small{
    line-height: 1.4 !important;
    display: block;
    margin: 0px -5px 0px -5px;
}
.boxSelectedSlots{
    display: flex;
    padding-bottom: 7px;
    font-size: 12px;
    justify-content: space-between;
}
.boxSelectedSlots p{
    line-height: 1.3;
}
.boxSelectedSlots h3{
    font-size: 13px;
    margin: 0px;
}
ul.listSlots{
    display: flex;
}
ul.listSlots li{
    white-space: nowrap;
}
ul.listSlots li + li{
    margin-left: 11px;
}
.contentSelectedSlots{
    position: relative;
    font-weight: 500;
    font-size: 11px;
    width: 173px;
    margin: 5px 0px;
    border-radius: 10px;
    padding: 5px 30px 5px 8px;
    background-color: #FFF;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
}
.textTimeSlots{
    text-transform: uppercase;
}
.contentSelectedSlots .textDateSlots{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}
.contentSelectedSlots .btnClose{
    width: 16px;
    height: 16px;
    right: 8px;
    top:50%;
    transform: translateY(-50%);
    line-height: 17px;
}
.boxWallet h3{
    margin: 0px;
}
.row_wallet{
    display: flex;
    align-items: center;
    background-color: #FFF;
    border-radius: 15px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.boxWallet h3{
    margin: 0px;
}
.boxWallet p{
    margin: 0px;
}
.btn.btn-pay{
    min-width: 190px;
    font-size: 14px;
}
.boxTotal h2{
    margin: 0px;
}
.boxWallet{
    width: 28%;
    padding: 25px 20px;
    font-size: 12px;
    border-right: solid 1px #EEEEEE;
}
.boxTotal{
    width: 72%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.boxTotal h2{
    font-size: 18px;
    color: #202020;
    font-weight: bold;
}
.content_box_normal{
    padding: 20px;
    font-size: 14px;
    border-radius: 15px;
    box-shadow: 0px 0px 40px rgb(222 222 222 / 61%);
}
.box_booking_details{
    margin-bottom: 20px;
    border-radius: 15px;
    background-color: #F4F4FC;
    padding: 10px 15px 10px 20px;
}
ul.list_slots li .slots_address{
    padding-left: 7px;
}
ul.list_slots li{
    position: relative;
    padding-left: 20px;
}
ul.list_slots li .btnCloseSlots{
    position: absolute;
    left: 0px;
    top:0px;
}
ul.list_slots li + li{
    margin-top: 8px;
}
.row_bookingDetail{
    font-size: 14px;
}
ul.list_servicesDetail li{
    display: inline-block;
}
ul.list_servicesDetail li.column_services{
    width: 100px;
}
ul.list_servicesDetail li.column_price{
    width: 80px;   
}
ul.list_servicesDetail li.column_course{
    width: 50px;
}

ul.list_servicesDetail li + li{
    padding-left: 10px;
}
.row_servicesDetail{
    font-weight: 400;
}
.row_servicesDetail h6{
    font-size: 14px;
    margin: 0px;
}
.row_servicesDetail .text-courses{
    color: #7A7A7A;
}
.row_servicesDetail + .row_servicesDetail{
    margin-top: 8px;
}
.form-check-wallet{
    margin-left: 5px;
    color: #888CC4;
    display: inline-block;
}
.dash-text{
    margin-left: -12px;
}
.row_servicesDetail h3{
    margin: 0px;
    font-weight: 500;
    font-size: 14px;
}
.row_bookingDetail hr{
    height: 2px;
    background-color: #E9E9E9;
    opacity: 1;
    margin: 10px 0px;
}
.box_discountCode{
    max-width: 200px;
    position: relative;
}
.box_discountCode .form-control{
    height: 28px;
    padding: 5px 15px;
    border-radius: 10px !important;
}
.box_discountCode .btn{
    position: absolute;
    right: 0px;
    top:0px;
    line-height: 28px;
    height: 28px;
    min-width: 75px;
    border-radius: 0px 10px 10px 0px !important;
}
.fw-medium{
    font-weight: 500 !important;
}
.boxPaymentMethod .form-control{
    background-color: #FFF;
}

#languages-error, #upload_cv-error, #languages_spoken-error, #countryofresidence-error, #therapeutic_approaches-error{
    position: absolute;
    top: 100%;
    left: 0px;
}



.error:not([style*="display: none"]) + .select2-container .select2-selection, #upload_cv-error + .input-group .form-control{
    border-color: red !important;
}
/* .error + .select2-container .select2-selection, #upload_cv-error + .input-group .form-control{
    border-color: red !important;
} */
ul.listPaymentcard{
    float: right;
}
ul.listPaymentcard li{
    display: inline-block;
}
ul.listPaymentcard li + li{
    margin-left: 10px;
}
.inputs_carddetail{
    position: relative;
}
.inputs_carddetail .form-control.inputCard{
    padding-right: 160px;
}
.inputs_carddetail .form-control.inputMonth, .inputs_carddetail .form-control.inputCVV{
    position: absolute;
    height: 20px;
    top: 13px;
    padding: 0px;
    text-align: center;
    border-width: 0px 0px 0px 1px;
    border-radius: 0px;
    background-color: none !important;
    box-shadow: none !important;
}
.inputs_carddetail .form-control.inputCVV{
    width: 60px;
    right: 10px;
}
.inputs_carddetail .form-control.inputMonth{
    width: 80px;
    right: 70px;
}
.textarea_address{
    height: 55px;
}
.btn_checkout_spacing{
    margin-top: 60px;
}
.textSlots ul.listactionsButtons li .select2-container, .textSlots ul.listactionsButtons li .select2-container .select2-selection--single{
    height: 30px;
    min-height: inherit;
}
.textSlots ul.listactionsButtons li .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 30px;
    font-size: 13px;
}
.textSlots .select2-container--default .select2-selection .select2-selection__arrow b{
    margin-top: -6px;
    margin-left: -12px;
}
.form_address.form-control{
    height: 45px;
}
.datepicker-container{
    width: 100%;
    max-width: 320px;
}
.datepicker-panel > ul{
    width: 100%;
    font-weight: 500;
}
.datepicker-panel > ul > li{
    width: 11%;
    margin: 0px 1.6%;
}
.datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"]{
    width: 76.4%;
}
.datepicker-panel > ul:first-child{
    background-color: #F5F5FD;
    border-radius: 10px;
    padding: 7px 10px;
    margin-bottom: 15px;
}
.datepicker-panel > ul:first-child li{
    height: 25px !important;
    line-height: 25px;
}
.datepicker-panel > ul > li{
    background-color: transparent !important;
}
.datepicker-panel > ul[data-view="week"]{
    text-transform: uppercase;
    color: #888CC4;
    font-weight: 700;
}
.datepicker-panel > ul:first-child li{
    text-transform: uppercase;
    color: #888CC4;
    font-weight: 700; 
}
.datepicker-panel > ul + ul li{
    margin-bottom: 4.5px;
}
.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover{
    background-color:transparent !important;
    color: #FFF;
    border-radius: 50%;
    box-shadow: none;
}
.datepicker-panel > ul > li{
    position: relative;
    z-index: 1;
}
.datepicker-panel > ul > li.picked:after, .datepicker-panel > ul > li.picked:hover:after{
    width: 30px;
    height: 30px;
    content: "";
    top:50%;
    z-index: -1;
    border-radius: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    background-color: #888CC4 !important;
}
#multiDate .ui-datepicker-current-day .ui-state-active, #modelClientBookingReshedule .ui-datepicker-today .ui-state-active{
    color: #333333 !important;
    background-color: transparent !important;
}
#multiDate .ui-state-highlight .ui-state-default.ui-state-active{
    color: #FFF !important;
    background-color: #888CC4 !important;
}
.ui-state-default.ui-state-active{
    color: #FFF !important;
    background-color: #888CC4 !important;
}
.ui-datepicker-today span, .ui-datepicker-today a{
    background-color: #F5F5FD;
    color: #888CC4;
}
.ui-datepicker-today .ui-state-default.ui-state-active{
    color: #333333 !important;
    background-color: #F5F5FD !important;
}
html body .ui-datepicker-today .ui-state-default.ui-state-active:focus{
    color: #FFF !important;
    background-color: #888CC4 !important;
}
html body .addMoreSpace{
    margin-bottom: 60px !important;
}

.datepicker-panel > ul > li.muted{
    opacity: 0.5;
}
.datepicker-panel > ul:first-child li:first-child, .datepicker-panel > ul:first-child li:last-child{
    background-color: transparent !important;
    border-radius: 50%;
    width: 10%;
    position: relative;
    z-index: 1;
    font-size: 0px;
    margin: 0px !important;
    box-shadow: none;
}
.datepicker-panel > ul:first-child li:first-child:before, .datepicker-panel > ul:first-child li:last-child:before{
    background-color: #FFF !important;
    width: 25px;
    height: 25px;
    content: "";
    top:50%;
    left: 50%;
    border-radius: 50%;
    /* z-index: -1; */
    transform: translate(-50%,-50%);
    position: absolute;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.datepicker-panel > ul:first-child li:first-child:after, .datepicker-panel > ul:first-child li:last-child:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top:50%;
    left: 50%;
    font-size: 10px;
    transform: translate(-50%,-50%);
    position: absolute;
}
.datepicker-panel > ul:first-child li:first-child:after{
    content: "\f053";
}
.datepicker-panel > ul:first-child li:last-child:after{
    content: "\f054";
}
.datepicker-dropdown, .ui-datepicker{
    border-radius: 15px;
    border: none;
    padding: 15px;
    margin-top: -10px;
    box-shadow: 0 3px 30px #ccc;
    z-index: 100000000000 !important;
    background-color: #FFF;
}

.content_whiteBox .ui-datepicker{
    padding: 0px;
    box-shadow: none;
    margin: 0px;
}

.datepicker-container::before, .datepicker-container::after{
    display: none;
}

.boxSearch{
    max-width: 280px;
    position: relative;
    display: inline-block;
    width: 100%;
}
.boxSearch .btn-sm{
    right: 7px;
    top: 6px;
    position: absolute;
    min-width: 37px;
    border-radius: 5px;
}
.boxSearch .form-control{
    padding-right: 50px;
}
.box_top_content{
    padding-bottom: 35px;
}
.textBalanceTable{
    display: inline-block;
    min-width: 117px;
}

/* .dataTables_filter{
    display: none;
} */
.table{
    font-size: 14px;
}
tbody, td, tfoot, th, thead, tr{
    vertical-align: middle;
    border-color: #D6D6D6;
}
html body .table thead th{
    color: #888CC4;
    font-size: 13px;
    border:none !important;
    background-color: #F5F5FD;
}
html body .table thead th:first-child{
    border-radius: 10px 0px 0px 10px;
}
html body .table thead th:last-child{
    border-radius: 0px 10px 10px 0px;
}
html body table.dataTable thead th, html body table.dataTable thead td, html body .table thead td, html body .table thead th{
    padding: 12px 12px;
    font-weight: 600;
}
html body table.dataTable tbody th, html body table.dataTable tbody td{
    padding: 12px 12px;
}
.table .column_quicknotes{
    width: 120px;
}
.table .column_upcoming{
    width: 130px;
}
.table .column_booked{
    width: 80px;
    text-align: center;
}
.link_block{
    display: block;
    text-decoration: underline;
}
.link_underline{
    text-decoration: underline;
}
table.dataTable.no-footer{
    border:none !important;
}
ul.listActions{
    display: flex;
    font-size: 14px;
}
ul.listActions li{
    padding-right: 8px;
}
ul.listActions li + li{
    padding-left: 8px;
    border-left: solid 1px #C7C7C7;
}
.dataTables_wrapper .dataTables_info{
    float: none !important;
    font-weight: 500;
    padding-top: 80px !important;
    text-align: center;
}
.table .btn-sm{
    padding-left: 10px;
    padding-right: 10px;
    min-width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    letter-spacing: 0.2px;
}
.table>:not(caption)>*>*{
    padding: 12px;
}
.table .btn + .btn{
    margin-left: 8px;
}
.align-top.table tbody, .align-top.table td, .align-top.table tfoot, .align-top.table th, .align-top.table thead, .align-top.table tr{
    vertical-align: top;
}
.table .column_quick_notes2{
    width: 250px;
}
.table .badge{
    padding: 4px 7px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    min-width: 140px;
    line-height: 1.1;
    white-space: inherit;
}
.bg-warning{
    background-color: #FF9D5B !important;
}
.bg-success {
    background-color: #009F3A !important;
}
.bg-success {
    background-color: #009F3A !important;
}
.box_form_detail{
    overflow: hidden;
    border-radius: 15px;
    font-size: 14px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.09);
}
.column_normal .row{
    margin: 0px;
    padding: 17px 20px;
}
.column_normal{
    padding: 0px;
}
.column_normal .row:nth-child(even){
    background-color: #FFF;
}
.column_normal .row:nth-child(odd){
    background-color: #F5F5F5;
}
.column_normal  + .column_normal {
    border-left:solid 1px rgba(0,0,0,0.1);
}
.box_locationOverflow{
    height: 260px;
    overflow: auto;
    padding-right: 10px;
}
.boxTableNotes{
    position: relative;
    padding-right: 15px;
}
.boxTableNotes .btn_edit{
    position: absolute;
    right: 0px;
    top:50%;
    transform: translateY(-50%);
}
.box_notes_popup textarea.form-control{
    height: 90px;
}
.box_notes_popup .btn{
    bottom: 12px;
    right: 12px;
    z-index: 1;
    position: absolute;
}
.box_cancel_appointment{
    color: #202020;
    border-radius: 10px;
    font-size: 14px;
    padding: 25px 20px;
    text-align: center;
    background-color: #F5F5FD;
}
.box_cancel_appointment p{
    line-height: 1.5;
    margin-bottom: 10px;
}
.box_cancel_appointment .btn{
    width: 100%;
}
.row-dateSelect{
    display: flex;
    justify-content: flex-end;
    padding-bottom: 20px;
}
.row-dateSelect .form-field {
    align-items: center;
}
.row-dateSelect .form-field + .form-field{
    margin-left: 20px;
} 
.row-dateSelect .form-field label{
    margin: 0px 20px 0px 0px;
}
.row-dateSelect .form-control{
    max-width: 180px;
}
.box-cancelDetail{
    position: relative;
    font-size: 13px;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 15px 17px;
    background-color: #F5F5FD;
}
.box-cancelDetail ul.listSession{
    font-size: 13px;
}
.box-cancelDetail .textSession{
    background-color: #E2F8FC;
}
.boxBulkSteps{
    font-size: 14px;
    margin-bottom: 20px;
}
.tablesSteps .btn, .btn-check + .btn{
    min-width: inherit;
    font-size: 13px;
    height: 32px;
    text-transform: none;
    border-radius: 5px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #303030;
    background-color: #FFF;
}
.tablesSteps .table .btn + .btn{
    margin-left: 4px;
}
.close_button{
    cursor: pointer;
}
.tablesSteps .close_button{
    color: red;
    font-size: 16px;
}
.btn.disabled{
    opacity: 0.5;
    color: #888CC4;
    background-color: #FFF;
}


.tablesSteps .btn.active{
    color: #888CC4;
    background-color: #FFF;
}
.selectNormal + .select2-container .select2-selection{
    background-color: transparent;
    border-color: transparent;
    box-shadow: none !important;
}
.selectNormal  + .select2-container .select2-selection__rendered{
    padding-left: 0px !important;
}
.tablesSteps .table tbody tr td{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.disabled + .select2{
    opacity: 0.5;
    pointer-events: none;
}
.tablesSteps{
    padding-bottom: 30px;
}
.boxDatepicker{
    max-width: 302px;
}
.textOR{
    text-align: center;
    width: 100%;
    height: 235px;
    z-index: 1;
    position:relative;
    margin: 80px auto 0px auto;
}
.textOR:after{
    width: 2px;
    height: 100%;
    left: 50%;
    top:0px;
    z-index: -1;
    content: "";
    background-color: #E9E9E9;
    position: absolute;
}
.textOR span{
    top:50%;
    transform: translateY(-50%);
    position: absolute;
    color: #888CC4;
    padding: 20px;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    background-color: #FFF;
}
ul.listcheckboxButtons{
    display: flex;
    flex-wrap: wrap;
}
ul.listcheckboxButtons li{
    margin-bottom: 5px;
    margin-right: 10px;
}

ul.listDays{
    display: flex;
    /* justify-content: space-between; */
    padding-bottom: 15px;

}
ul.listDays li + li{
    padding-left: 10px;
}
ul.listDays li .btn{
    width: 45px;
    color: #888CC4;
    border-radius: 5px;
    text-transform: none;
    font-size: 14px;
    padding: 0px 5px;
    min-width: inherit;
    box-shadow: none;
    letter-spacing: 0px;
    background-color: #F5F5FD;
}
.btn-check:checked + .btn, .btn-check:checked + .btn:focus, .btn-check:checked + .btn:active{
    color: #FFF;
    outline: none;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%) !important;
    background-color: #888CC4;
}
.texttimezone{
    font-size: 15px;
    font-weight: 500;
}
html body .btn-check:focus, html body .btn-check:hover, html body .btn-check:active{
    outline: none !important;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%) !important;
}
.btn-check:focus+.btn, .btn:focus{
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%) !important;
}
.table-discount p{
    margin-bottom: 0px;
}
.table .column_description{
    width: 160px;
}
.table .column_clients{
    width: 160px; 
}
.btn.btn-deactivate{
    color: #AE0000;
    box-shadow: none;
    border:solid 1px #AE0000;  
    background-color: transparent;
}
.btn.btn-deactivate:hover, .btn.btn-deactivate:focus{
    color: #FFF;
    border-color: #AE0000;
    background-color: #AE0000;
}
.textarea-big{
    height: 125px;
}
.heading-sm{
    font-size: 24px;
}
/* New Skin */
/* .boxMobilefilter{
    position: fixed;
    bottom: 0px;
    left: 0px;
    display: none;
    padding: 15px;
    background-color: #888CC4;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
} */
.boxMobilefilter{
    display: none;
    padding: 15px;
    background-color: #888CC4;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
}
.boxMobilefilter .dropdown-toggle:after{
    display: none;
}
.boxMobilefilter .btn{
    text-align: left;
    position: relative;
}
.boxMobilefilter .btn i{
    right: 10px;
    top:50%;
    font-size: 15px;
    transform: translateY(-50%);
    position: absolute;
}
.boxMobilefilter .btn i.fa-filter{
    font-size: 12px;
}
.showFilter .filterMobileContent{
    left: 0px;
    opacity: 1;
}
.filterMobileContent{
    position: fixed;
    top: 0px;
    left: -100%;
    height: 100vh;
    width: 100%;
    z-index: 10000;
    opacity: 0;
    transition: ease-in-out 0.5s;
    background-color:rgba(0,0,0,0.8);
}
.innerfilterMobileContent{
    height: 100%;
    width: 100%;
    max-width: 335px;
    padding: 16px 16px 16px 16px;
    overflow: auto;
    background-color: #FFF;
    flex:none;
}
.outer-filter {
    display: flex;
    align-items: stretch;
    height:100vh;
}

/* Safari mobile only */
@supports (-webkit-touch-callout: none) {
    .outer-filter {
        height: -webkit-fill-available;
        height: 100dvh; /* Fallback */
    }
}

.after-filter {
    width: 100%;
}
.closeFilter{
    top: 14px;
    color: #888CC4;
    right: 17px;
    position: absolute;
    font-size: 26px;
    background-color: #FFF;
    border-radius: 50%;
    line-height: 0;
    cursor: pointer;
}
.showFilter{
    overflow: hidden;
}
.innerfilterMobileContent .accordion-header .accordion-button{
    text-transform: none;
    font-size: 16px;
}
/* New Skin */
/* .innerfilterMobileContent .accordion-header .accordion-button, .innerfilterMobileContent .accordion-header .accordion-button:focus{
    background-color: #FFF !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1) !important;
} */
.innerfilterMobileContent .accordion-header .accordion-button, .innerfilterMobileContent .accordion-header .accordion-button:focus{
    border-radius: 4px !important;
}
.innerfilterMobileContent .accordion-item{
    background-color: transparent;
}
.innerfilterMobileContent .accordion-header .accordion-button .icon_tab{
    width: 33px;
    height: 33px;
    color: #888CC4;
    border-radius: 50%;
    line-height: 33px;
    display: inline-block;
    background-color: #FFF;
    margin-right: 5px;
    text-align: center;
    background-color: #F5F5FD;
}
.innerfilterMobileContent .accordion-header .accordion-button .icon_tab i{
    font-size: 14px;
}
.innerfilterMobileContent .accordion-body{
    padding: 8px 0px 0px 0px;
}
/* New Skin */
/* .innerfilterMobileContent .accordion-header .accordion-button:not(.collapsed){
    background-color: #888CC4 !important; 
    color: #FFF;
} */
.innerfilterMobileContent .accordion-header .accordion-button:not(.collapsed):after{
    color: #FFF;
}
.boxEmpathyTherapistMobile{
    text-align: left;
    padding: 15px 0px;
    font-size: 13px;
}
.boxEmpathyTherapistMobile h3{
    font-size: 15px;
}
/* New Skin */
/* .mobilecoachTabContent .row_coachDetail{
    padding: 40px 0px 0px 0px;
} */
.mobilecoachTabContent .row_coachDetail{
    padding: 10px 0px 0px 0px;
}
.btnViewMore{
    margin-top: 14px;
}
.btnViewMore .btn{
    color: #888CC4;
    box-shadow: none;
    margin: 0px -20px -20px -20px;
    background-color: #E6E6E6;
    height: 53px;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 53px;
    border-radius: 0px 0px 10px 10px;
}
.btnViewMore .btn.collapsed i{
    transform: rotate(-180deg);
}
.mobilecoachTabContent{
    display: none;
}
.box_editprofile_tabs ul.nav-pills li .nav-link{
    min-width: 200px;
}
.box_editprofile_tabs ul.nav-pills li + li{
    margin-left: 30px;
}
.box_editprofile_tabs.box_landing_tabs .tab-content{
    max-height: inherit;
}
.box_editprofile_tabs h4{
    font-size: 16px;
    margin-bottom: 20px;
}
.form-text{
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #202020;
}
.columnAction{
    width: 200px;
}
ul.listSimple{
    list-style: none;
    padding: 0px;
}
ul.listSimple li{
    font-weight: 400;
    position: relative;
    padding-left: 15px;
}
ul.listSimple li:after{
    content: "\f0da";
    left: 0px;
    top:0px;
    color: #888CC4;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

ul.listSimple li + li{
    margin-top: 15px;
}
.rowTransferBalance{
    margin-bottom: 100px;
}
.rowTransferBalance .content_box_normal{
    height: 100%;
}
.boxMyWalletMain{
    margin-bottom: 25px;
}
.radioBtnsBox .form-check{
    padding: 10px 20px 10px 20px;
    color: #303030;
    position: relative;
    border-radius: 5px;
    z-index: 1;
    background-color: #F5F5FD;
}
.radioBtnsBox .form-check-label{
    position: initial !important;
    opacity: 0.6;
}
.radioBtnsBox .form-check-label:before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top:0px;
    z-index: -1;
    border-radius: 5px;
    left: 0px;
    background-color: transparent;
}
.radioBtnsBox .form-check-input:checked + .form-check-label{
    color: #FFF;
    opacity: 1;
}
.radioBtnsBox .form-check-input:checked + .form-check-label:before{
    background-color: #888CC4;
}

.radioBtnsBox .form-check .form-check-input{
    margin: 2px 0px 0px 0px;        
}
.radioBtnsBox .form-check-input:checked{
    border-color: #FFF;
}
.rowBalanceDetail{
    margin-bottom: 30px;
}
.btn-round{
    padding: 0px 20px;
    text-transform: none;
    border-radius: 30px;
}
.dropdown_simple{
    width: 200px;
    z-index: 1;
    position: relative;
    display: inline-block;
}
.dropdown_simple .select2-container .select2-selection{
    border:none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.dropdown_simple .select2-selection__rendered{
    padding: 0px !important;
}
.dropdown_simple .select2-container--default .select2-selection .select2-selection__rendered{
    font-size: 15px;
    font-weight: 600;
    color: #888CC4;
}
.boxCustomAmount, .boxPackage{
    display: none;
}
.boxCustomAmount.show, .boxPackage.show{
    display: block;
}
.columnDate2{
    width: 146px !important;
}
.columnDetails2{
    width: 170px !important;
}
.columnExpiryDate{
    width: 100px !important;
}
.detailWithdrawal{
    padding-bottom: 20px;
}


ul.listIconsslots li a input[type="hidden"]{
    opacity: 0.5;
}
ul.listIconsslots li a input[class*="icon"]{
    width: 15px;
    height: 15px;
    font-size: 0px;
    background: url(../img/icon-services.svg) no-repeat center center;
    background-color: transparent;
    border: none;
}
ul.listIconsslots li a input.iconVideo{
    background-position: 0px -2px;
}
ul.listIconsslots li a input.iconAudio{
    background-position: -27px -1px;
}
ul.listIconsslots li a input.iconText{
    background-position: -54px -1px;
}
ul.listIconsslots li a input.iconPerson{
    background-position: -81px -2px;
}
ul.listIconsslots li a input.iconHome{
    background-position: -104px 0px;
}
.boxDetailSlots.slotsBooked ul.listIconsslots li a input.iconVideo{
    background-position: 0px -22px;
}
.boxDetailSlots.slotsBooked ul.listIconsslots li a input.iconAudio{
    background-position: -27px -22px;
}
.boxDetailSlots.slotsBooked ul.listIconsslots li a input.iconText{
    background-position: -54px -22px;
}
.boxDetailSlots.slotsBooked ul.listIconsslots li a input.iconPerson{
    background-position: -81px -22px;
}
.boxDetailSlots.slotsBooked ul.listIconsslots li a input.iconHome{
    background-position: -104px -21px;
}
#toast-container{
    z-index: 10600000100000 !important;
}
.message_bottom .form-check-input.error{
    position: relative;
    top:5px;
}
/* .boxShortDescription{
    height: 140px;
    overflow: auto;
    margin-bottom: 15px;
} */
ul.listIconsslots li .medium_0{
    opacity: 0.5;
    pointer-events: none;
}
ul.listIconsslots li .medium_0{
    opacity: 0.5;
    pointer-events: none;
}
.popupModal{
    max-width: 340px;
    padding: 15px;
    z-index: 1000;
    width: 100%;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    position: absolute;
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);
}
.popupModal ul.listSlotsDetail{
    max-height: 293px;
    overflow: auto;
    padding: 10px 5px 10px 10px;    
    margin: -10px -5px -5px -10px;
}

.tableSmall{
    max-width: 800px;
    margin: 0px auto;
}
/* .ourFlowContent{ > .pagination
    height: 183px;
    overflow: auto;
} */
.boxTherapists .box_therapists{
    margin-bottom: 25px;
}
.mobilecoachTabContent > .pagination{
    margin-top: 20px;
}
.boxTherapists .row > .pagination, .mobilecoachTabContent > .pagination{
    background-color: transparent;
    padding: 0px;
    box-shadow: none;
}
.page-item.active .page-link{
    color: #FFF;
    background-color: #888CC4;
    border-color: transparent;
}

.box_editprofile_content{
    padding-bottom: 80px;
}
.formFillintake p{
    margin-bottom: 5px; 
    font-size: 14px;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    background-color: #888CC4;
    box-shadow: none;
    height: 18px !important;
    width: 18px !important;
    font-size: 18px !important;
    line-height: 19px !important;
    font-family: 'Poppins', sans-serif;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{
    background-color: #888CC4;
}
.table th.column_session {
    width:250px !important;
}
table.dataTable>tbody>tr.child ul.dtr-details{
    width: 100%;
    padding-left: 40px;
    line-height: 1.2;
}
table.dataTable>tbody>tr.child .child{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{
    padding-left: 40px;
}
table.dataTable>tbody>tr.child span.dtr-title br{
    display: none;
}
table.dataTable>tbody>tr.child span.dtr-title{
    font-weight: 500;
    color: #888CC4;
    min-width: inherit;
    width: 35%;
    padding-right: 10px;
    display: block;
    flex: 1 0 0%;
    padding-bottom: 3px;
}
table.dataTable>tbody>tr.child span.dtr-data{
    flex: 1 0 0%;
    width: 75%;
    word-wrap: break-word;
}
table.dataTable tr.dt-hasChild.parent td{
    border-bottom: none;
}
table.dataTable>tbody>tr.child ul.dtr-details li{
    width: 100%;
    display: flex;
    border:none;
    flex-wrap: wrap;
}

/* table.dataTable>tbody>tr.child ul.dtr-details>li{
    border:none;
    position: relative;
    padding: 0px 0px 0px 100px;
    margin-bottom: 10px;
} */
.modal_booking3 .modal-xl{
    max-width: 824px;
}
.row_wallet2{
    padding: 20px;
    display: inherit;
}
.box_currentAppointment{
    margin-bottom: 20px;
    font-size: 13px;
    padding: 13px;
    border-radius: 10px;
    background-color: #F5F5FD;
}
.box_currentAppointment h4{
    font-size: 13px;
    margin: 0px 0px 3px 0px;
}
.box_locationOverflow.box_locationOverflow2{
    height: 175px;
}
.accordion-button:focus{
    border-color: transparent;
    box-shadow: none !important;
}
.carouselOthertherapistsMobile {
    display: none !important;
}
.carouselOthertherapistsMobile{
    margin: 0px -10px;
}
.carouselOthertherapistsMobile .slick-slide{
    float: left;
    padding: 0px 10px;
}
.carouselOthertherapistsMobile .row_bookingContent .box_therapists .content_therapists{
    padding: 10px !important;
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
.modal-content .dataTable {
    width: 100% !important;
}
.owl-carousel-works .imageWorks{
    margin-bottom: 15px;
}
.owl-carousel-works .imageWorks img{
    object-fit: cover;
}
.dataTables_paginate{
    background-color: #FFF;
    border-radius: 40px;
    padding: 8px !important;
    display: flex;
    width: fit-content;
    margin: 20px auto 25px auto !important;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 12%);
    float: none !important;
}
html body .dataTables_wrapper .dataTables_paginate .paginate_button{
    display: inline-block;
    top:0px !important;
    cursor: pointer;
}

html body .dataTables_wrapper .dataTables_paginate .paginate_button.previous, html body .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border: none !important;
    color: #888CC4;
    font-size: 0px !important;
    width: 40px;
    position: relative;
    height: 40px;
    padding: 0px;
    top:0px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    border-radius: 50% !important;
    background: #F5F5FD !important;
}
html body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, html body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
    display: inline-block;
} 


html body .dataTables_wrapper .dataTables_paginate .paginate_button.previous{
    margin-right: 8px !important;
}
html body .dataTables_wrapper .dataTables_paginate .paginate_button.next{
    margin-left: 8px !important;
}
html body .paginate_button.previous:after, html body .paginate_button.next:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top:50%;
    color: #888CC4;
    left: 50%;
    font-size: 15px !important;
    transform: translate(-50%,-50%);
    position: absolute;
}
html body .paginate_button.previous:after{
    content: "\f053";
}
html body .paginate_button.next:after{
    content: "\f054";
}
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current, html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, html body .dataTables_wrapper .dataTables_paginate .paginate_button{
    border:none !important;
    color: #888CC4 !important;
    font-size: 14px;
    width: 40px;
    height: 40px;
    position: relative;
    top:4px;
    padding: 0px;
    line-height: 40px;
    font-weight: bold;
    border-radius: 50% !important;
    text-align: center;
    background: transparent !important; 
}
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current, html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    color: #FFF !important;
    background-color: #888CC4 !important;
}
html body .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    color: #888CC4 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}

/* jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}

/* jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #888CC4 none;
    color: white;
}
.ui-datepicker-calendar{
    width: 100%;
    text-align: center;
}
.ui-datepicker-header{
    position: relative;
    background-color: #F5F5FD;
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 15px;
}
.ui-datepicker-calendar{
    font-size: 12px;
    font-weight: 500;
}
.ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
    width: 30px;
    height: 30px;
    color: #333333;
    line-height: 30px;
    display: block;
    border-radius: 50%;
    text-align: center;
}
.ui-datepicker-calendar thead th span{
    width: 30px;
    height: 30px;
    color: #888CC4;
    list-style: 30px;
    display: block;
    border-radius: 50%;
    text-transform: uppercase;
    text-align: center;
}
/* .ui-datepicker-calendar td a.ui-state-active{
    background-color: #888CC4;
    color: #FFF;
    font-weight: bold;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2); 
} */
.ui-datepicker .ui-datepicker-title{
    text-align: center;
    color: #888CC4;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    position: absolute;
    top:50%;
    border-radius: 50%;
    width: 25px;
    cursor: pointer;
    height: 25px;
    transform: translateY(-50%);
    background-color: #FFF !important;
    z-index: 1;
    font-size: 0px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.ui-datepicker .ui-datepicker-prev{
    left: 10px;
}
.ui-datepicker .ui-datepicker-next{
    right: 10px;
}

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before{
    content: "";
    top:50%;
    left: 50%;
    border-radius: 50%;
    /* z-index: -1; */
    transform: translate(-50%,-50%);
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top:50%;
    left: 50%;
    font-size: 10px;
    transform: translate(-50%,-50%);
    position: absolute;
}
.ui-datepicker .ui-datepicker-prev:before{
    content: "\f053" !important;
}
.ui-datepicker .ui-datepicker-next:before{
    content: "\f054" !important;
}

.loading-btn{
    font-size: 0px !important;
    cursor: not-allowed !important;
    pointer-events: none;
}
.loading-btn:before{
    content: "\f2f1";
    font-size: 15px;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    animation: loading .9s infinite linear;
    -webkit-animation: loading .9s infinite linear;
}
.loading-btn:after{
    content: "Loading...";
    display: inline-block;
    font-size: 14px;
}
.tyho-loading-btn{
    font-size: 0px !important;
    cursor: not-allowed !important;
    pointer-events: none;
}

.tyho-loading-btn:before{
    content: "";
    background-image: url("/assets/img/tyho-loader.gif");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: var(--loader-size, 50px);
    height: var(--loader-size, 50px);
    display: block;
    margin: 0 auto;
}
.tyho-loading-btn .loading {
    animation: loading .9s infinite linear;
    -webkit-animation: loading .9s infinite linear;
}

.loading-btn .loading {
    animation: loading .9s infinite linear;
    -webkit-animation: loading .9s infinite linear;
}

@-webkit-keyframes loading {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes loading {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.pageHeader{
    background-color: #F5F5FD;
}

.pageHeader .siteHeader:before{
    display: none;
}
.btns_header .btn.btn-secondary{
    line-height: 41px;
    border:solid 2px #888CC4;
}
.borderBig{
    opacity: 1 !important;
    height: 10px !important;
    border-width: 10px;
    border-color:#888CC4;
    background-color: #888CC4;
}
.btn.btn-icon.btn-primary{
    color: #FFF;
    position: relative;
    min-width: 45px !important;
    font-size: 15px;
}
.notificationText{
    top: -7px;
    width: 20px;
    height: 20px;
    right: -7px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border-radius: 50%;
    position: absolute;
    background-color: #FF3434;
    line-height: 17px;
    border: solid 2px #FFF;
    font-size: 11px;
    font-weight: bold;
}

.notificationSmallText{
    width: 7px;
    height: 7px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border-radius: 50%;
    position: absolute;
    background-color: #FF3434;
    line-height: 17px;
    border: solid 2px #FFF;
    font-size: 11px;
    font-weight: bold;
}

#calendar li.inside ul.listSlotsDots{
    padding: 4px 4px;
    bottom: 0px;
    left: 0px;
    display: flex;
    position: absolute;
    width: 100%;
}
#calendar li.inside ul.listSlotsDots li{
    min-height: inherit;
    width: 50%;
    margin: 0px;
}
#calendar .calendar ol.days .outside ul.listSlotsDots{
    display: none;
}
.iti-mobile .iti--container{
    z-index: 99999999999999999;
    width: 200px;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text]{
    padding-left: 65px;
}
.carouselCoach .slick-slide{
    padding: 0px 10px;
    opacity: 0.5;
    cursor: pointer;
}
.carouselCoach .slick-list{
    margin: 0px -10px;
}
.carouselCoach .slick-slide.slick-center{
    opacity: 1;
}
.slick-slider div:focus{
    outline: none !important;
}
.carouselCoach .slick-arrow, .carouselCoachSessions .slick-arrow{
    width: 36px;
    height: 36px;
    top: 50%;
    font-size: 0px;
    z-index: 100;
    cursor: pointer;
    border:none;
    color: #888CC4 !important;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 50%;
    background-color: #FFF !important;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
.carouselCoach .slick-arrow:after, .carouselCoachSessions .slick-arrow:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    opacity: 1;
    line-height: 36px;
}

.carouselCoach .slick-arrow.slick-prev{
    left: -42px;
}
.carouselCoach .slick-arrow.slick-prev:after, .carouselCoachSessions .slick-arrow:after{
    content: "\f053";
}
.carouselCoach .slick-arrow.slick-next{
    right: -42px;
}
.carouselCoachSessions .slick-arrow.slick-prev{
    left: -15px;
}
.carouselCoachSessions .slick-next{
    right: -15px;
}
.carouselCoach .slick-arrow.slick-next:after, .carouselCoachSessions .slick-next:after{
    content: "\f054";
}
.carouselCoach .slick-slide.slick-current{
    opacity: 1;
}
.boxCurrrentOut{
    min-height: 325px;    
}
.dataTables_length{
    margin-bottom: 35px;
}
.dataTables_length > label{
    display: flex;
    align-items: center;
}
.dataTables_length > label .select2-container{
    margin: 0px 15px;
}
.dataTables_length .select2-container--default .select2-selection .select2-selection__arrow b{
    margin-left: -13px;
}
.dataTables_filter{
    margin-bottom: 20px;
    /* max-width: 280px; */
    /* width: 100%; */
    
}
html body .dataTables_filter input[type="search"]{
    width: 250px;
    font-size: 14px;
    margin: 0px;
    color: #333333;
    padding: 11px 18px;
    border-radius: 5px;
    background-color: #F9F9F9;
    border: 1px solid #E9E9E9;
    font-weight: 400;
    /* width: 100%; */
    position: relative;
    line-height: 1.5;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
html body .dataTables_filter input[type="search"]:focus{
    border-color: #888CC4;
    background-color: #FFF;
    z-index: 1;
    box-shadow: 0px 0px 30px rgb(136 140 196 / 40%);
}
html body .dataTables_filter label:not(.tp_status_filter_label){
    font-size: 0px;
    display: block;
    position: relative;
}
html body .dataTables_filter label:not(.tp_status_filter_label):before{
    right: 4px;
    top: 6px;
    cursor: pointer;
    position: absolute;
    min-width: 37px;
    z-index: 2;
    border-radius: 5px;
    height: 33px;
    color: #FFF;
    line-height: 33px;
    font-size: 14px;
    padding: 0px 15px;
    background-color:#888CC4;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f002";
}
html body .dataTables_filter label:not(.tp_status_filter_label):after{
    content: "Search";
    left: 20px;
    top: 12px;
    opacity: 0.8;
    position: absolute;
    font-size: 14px;
}
.dataTables_wrapper .dataTables_filter {
    text-align: left !important;
    /* float: right; */
    /* text-align: right; */
}
.datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover{
    color: #999 !important;
}
a:focus-visible{
    outline: none !important;
}

.ui-state-disabled{
    opacity: 0.5;
    color: #999;
}

.boxBalanceTable{
    max-height: 75px;
    overflow: auto;
    padding-right: 7px;
    margin-right: -7px;
    /* background-color: #FFF;
    padding: 15px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    border-radius: 15px; */
}
.boxBalanceTable .table{
    margin-bottom: 0px;
}
.content-slotsAvaiable{
    min-height: 299px;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
    background-color: transparent !important;
}
.content-slotsAvaiable .textSlots ul.listactionsButtons li.dropdownTimeZone{
    display: inherit;
}
#toast-container > div{
    opacity: 1 !important;
    border-radius: 20px;
    
}
#toast-container > div:hover {
    box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 15%) !important;
}
.toast {
    border:solid 1px transparent;
    background-color: #E2F8FC !important;
}
.toast-success {
    color: #333C48 !important;
    border-radius: 10px !important;
    border-color: #BEE5C8 !important;
    background-color: #EBF7EE !important;
    box-shadow: 0px 0px 15px rgba(190, 229, 200,0.5) !important;
}
.toast-success:after{
    color: #FFF;
    content: "\f058";
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 22px;
    line-height: 35px;
    left: 7px;
    top:50%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 13px;
    background-color: #3EBF62;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.toast-error {
    color: #333C48 !important;
    border-radius: 10px !important;
    border-color: #EB4E2B !important;
    background-color: #FCEDEA !important;
    box-shadow: 0px 0px 15px rgba(248, 218, 212,0.5) !important;
}
.toast-error:after{
    color: #FFF;
    content: "\f071";
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    left: 7px;
    top:50%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 13px;
    background-color: #EB4E2B;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.toast-info {
    color: #333C48 !important;
    border-radius: 10px !important;
    border-color: #B3D2F2 !important;
    background-color: #E5EFFA !important;
    box-shadow: 0px 0px 15px rgba(179, 210, 242,0.5) !important;
}
.toast-info:after{
    color: #FFF;
    content: "\f05a";
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 22px;
    line-height: 35px;
    left: 7px;
    top:50%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 13px;
    background-color: #006CE5;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}



.toast-warning {
    color: #333C48 !important;
    border-radius: 10px !important;
    border-color: #FAE1B5 !important;
    background-color: #FEF7EA !important;
    box-shadow: 0px 0px 15px rgba(250, 225, 181,0.5) !important;
}
.toast-warning:after{
    color: #FFF;
    content: "\f071";
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 22px;
    line-height: 35px;
    left: 7px;
    top:50%;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 13px;
    background-color: #EF9400;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}

.mdtimepicker{
    z-index: 100000000000;
}
/* .mdtp__wrapper{
    top:50%;
    left: 50%;
    bottom: inherit;
    overflow: inherit;
    transform: translate(-50%,-50%) scale(1);
} */



.toast-top-right {
    top: 10px;
    right: 50px !important;
}

.inputTime .form-control:disabled, .inputTime .form-control:read-only{
    border: 1px solid #E9E9E9;
    background-color: #F9F9F9;
}
.row_mainsessions div.pagination{
    background-color: transparent;
    box-shadow: none;
}
.page-link:focus{
    box-shadow: none;
}
.rowbalanceObject{
    font-size: 14px;
    margin-bottom: 25px;
}
.rowcurrent{
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
}
.rowcurrent div:first-child{
    padding-right: 30px;
}
.rowcurrent h6{
    margin: 0px;
    color: #888CC4;
    font-size: 15px;
    font-weight: 600;
}
.table-walletledger{
    width: 100%;
}
.table-walletledger tr th{
    font-weight: 500;
}
.table-walletledger tr td, .table-walletledger tr th{
    padding-bottom: 3px;
}
.table-walletledger tr th:nth-child(2){
    text-align: right;
}
.table-walletledger tr td:nth-child(2){
    text-align: right;
}
.btnClose.closeSlot{
    font-size: 11px;
    width: 20px;
    height: 20px;
    right: -7px;
    top: -8px;
    padding: 0px;
    border:none;
    line-height: 21px;
}
.btnCloseUpload{
    padding: 0px;
    border:none;
    width: 20px;
    border-radius: 50% !important;
    height: 20px;
    font-size: 11px;
    border-radius: 15px;
    line-height: 20px;
    text-align: center;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
}

.btnClose.closeSlot:hover{
    color: #FFF;
}
html body .swal2-styled.swal2-confirm{
    letter-spacing: 0.5px;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    padding: 0px 15px;
    text-transform: uppercase;
    min-width: 110px;
    background-color: #888CC4;    
    border-radius: 8px;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}
html body .swal2-styled.swal2-confirm:hover{
    background-color: #797DB8;
    border-color: #797DB8;
    box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
}
html body .swal2-popup{
    font-family: 'Poppins', sans-serif;
}
html body .swal2-title{
    color: #888CC4;
}
.content-slotsAvaiable .textSlots{
    padding-bottom: 10px;
}
.content-slotsAvaiable ul.listactionsButtons{
    margin-top: 5px;
}
.rowbalanceObject{
    border-radius: 15px;
    background-color: #F5F5FD;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px;
    align-items: center;
}
.boxbalanceObjectContent{
    padding-right: 80px
}
.rowbalanceObject .col-md-3{
    display: none;
}
.rowbalanceObject .col-md-5{
    width: 60%;
}
.rowbalanceObject .col-md-4{
    width: 40%;
}
.boxbalanceObjectContent{
    /* padding: 20px; */
    color: #212529;
    border-radius: 15px;
    background-color: #F5F5FD;
}
.mainBalaveArea{
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 10px;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
}
.boxbalanceObjectContent h4{
    font-size: 16px;
}
.box_table .tableWallet tbody tr td:nth-child(4), .box_table .tableWallet thead tr th.columnTransactionID {
    max-width: 100px !important;
    word-wrap: break-word;
    font-size: 12px;
    white-space: normal !important;
}
/* .dropdownWalletBalance .textWallet.dropdown a:after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top:0px;
    right: 0px;
    border-radius: 40px;
} */
#showClientSessionsData tr td br{
    display: none;
}
#showClientSessionsData tr td{
    vertical-align:middle;
}
.breadcrumb-align .breadcrumb li + li a i{ margin: 0px !important;}
#showClientsData tr td:nth-child(7){
    text-align: center;
}
.form-field select.form-control + .error{
    position: absolute;
    bottom: -21px;
    left: 0px;
}
.boxFindTherapist{
    padding-top: 10px;
    font-size: 14px;
}
.boxFindTherapist .btn-transparent{
    border:solid 2px #888cc4;
    color: #888cc4;
    line-height: 41px;
}
.boxFindTherapist .btn-transparent:hover{
    background-color: #797DB8;
    color: #FFF;
    border-color: #797DB8;
}
.boxFindTherapist .btnsFind{
    margin-bottom: 0px;
}
.carouselCoach  .slick-track{
    margin-left: 0px;
}
.content_whiteBoxDatePicker{
    min-height: 299px;
}
.betaText{
    position: absolute;
    left: 10px;
    top: 0px;
    padding: 5px 10px;
    background-color: #eb4d4b;
    color: #FFF;
    line-height: 1;
    font-weight:600;
    border-radius: 5px;
    top: -10px;
    font-size: 14px;
}
.boxTopNotification{
    padding: 20px 40px 20px 20px;
    color: #FFF;
    margin: 0px;
    font-size: 13px;
    top:0px;
    left: 0px;
    z-index: 0;
    position: relative;
    border-radius: 0px;
    background-color: #888CC4;
    transition:all ease-in-out 0.5s;
}

.boxTopNotificationCustom {
    padding: 10px 20px 10px 10px !important;
    border-radius: 25px;
}

.messageBoard{
    padding: 25px 25px 25px 20px;
    font-size: 13px;
    top:0px;
    left: 0px;
    border-radius: 15px;
    background-color: #F5F5FD;
    transition:all ease-in-out 0.5s;
    color: #303030;
}

.messageBoard a{
    display: inline;
}

.messageBoard p{
    line-height: 1.5;
    overflow: hidden;
}

.messageBoard .btn-close{
    background-color: #FFF;
    color: rgba(0,0,0,0.5);
    /* box-shadow: 0px 0px 15px rgb(0 0 0 / 60%); */
    padding: 5px;
    width: 10px;
    height: 10px;
    line-height: 1.2;
    border-radius: 50%;
    top: 8px;
    right: 13px;
    font-size: 8px; 
    transition: ease-in-out 0.5s;  
}

.messageBoardClient{
    padding: 30px 30px 40px 30px;
    font-size: 13px;
    top:0px;
    left: 0px;
    border-radius: 15px;
    background-color: #fff;
    transition:all ease-in-out 0.5s;
    border: 0.5px solid #eee;
    color: #303030;
    /* height: 279px; */
}

.messageBoardClient a{
    display: inline;
}

.messageBoardClient p{
    line-height: 1.5;
    overflow: hidden;
    margin-bottom: 0 !important;
}

.forMessageBoard.showContent p{
    height: auto !important;
}
.forMessageBoardT.showContent p{
    height: auto !important;
}

.messageBoardClient .btn-close{
    background-color: #FFF;
    color: rgba(0,0,0,0.5);
    /* box-shadow: 0px 0px 15px rgb(0 0 0 / 60%); */
    padding: 5px;
    width: 10px;
    height: 10px;
    line-height: 1.2;
    border-radius: 50%;
    top: 8px;
    right: 13px;
    font-size: 8px; 
    transition: ease-in-out 0.5s;  
}
.addSticky .boxTopNotification{
    position: fixed;
    box-shadow: 0px 0px 25px rgba(0,0,0,0.3);
}

.boxTopNotification .btn-close{
    color: #888CC4;
    padding: 5px;
    opacity: 1;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50%;
    background: #FFF;
    top: 8px;
    right: 10px;
}
.boxTopNotification a{
    color: #FFF;
    text-decoration: underline;
}



.visuallyhidden{position:absolute;clip:rect(1px,1px,1px,1px)}
.copybutton{background-color:#fff;border:0;outline:0;cursor:pointer;opacity:1;position:absolute;width:40px;height:40px;z-index:9;border-radius:24px}
.button-tooltip-container {
    display: flex;
    align-items: center;
    margin-top: 16px;
    min-height: 30px;

}
#custom-tooltip {
    display: none;
    margin-left: 40px;
    padding: 5px 12px;
    background-color: #000000df;
    border-radius: 4px;
    color: #fff;
}
.linkPopupLedger{
    cursor: pointer;
}

.lg-backdrop.in{
    opacity: 0.9;
}
.lg-outer .lg-img-wrap{
    padding: 50px 10px;
}
.lg-toolbar{
    background-color: transparent;
}
.lg-outer .lg-image{
    border-radius: 15px;
}
.imageWorks a{
    cursor: pointer;
}
.messageForClient{
    padding: 15px 18px;
    color: #FFF;
    margin-bottom: 25px;
    font-size: 12px;
    border-radius: 15px;
    background-color: #eb4d4b;
}
.messageForClient p{
    line-height: 1.4;
    margin: 0px;
}
#modeltemporarilyblocked{
    overflow: auto !important;
}
.rowDetailOne{
    position: relative;
}
.textSession{
    position: absolute;
    right: 0px;
    top: 0px;
}

.videobutton a{
    display: block;
    position: relative;
    z-index: 1;
    -webkit-animation: pulseNew 2s infinite;
}

.videobutton a:after{
    content: "Watch Video";
    position: absolute;
    padding: 0px 15px;
    border-radius: 40px;
    text-transform: uppercase;
    line-height: 40px;
    right: -24px;
    width: 142px;
    opacity: 0;
    color: #888CC4;
    font-family: "Poppins",Sans-serif;
    background-color: #FFF;
    transition: all ease-in-out 0.5s;
    font-size: 12px;
    z-index: -1;
    top:50%;
    transform: translateY(-50%);
    text-align: left;
    font-weight: 500;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}
.content_innerBox:hover .videobutton a:after, .box_therapists:hover .videobutton a:after{
    opacity: 1;
    right: -5px;
}

.box-allcoahes:hover .videobutton a, .content_innerBox:hover .videobutton a, .box_therapists:hover .videobutton a{
    -webkit-animation: none;
}

@-webkit-keyframes pulseNew {
    0% {
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    70% {
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);

    }
    100% {
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }


  /* .carouselCoach .slick-slide{
      pointer-events: none;
  } */
  .carouselCoach .slick-slide.slick-current{
    pointer-events: inherit;
  }

  .boxSteps{
    padding: 30px 0px 0px 0px;
}
.boxSteps .btn.btn-lg{
    padding-left: 30px;
    padding-right: 30px;
}
.contentSessionPopup{
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0px 25px;
}
.imgStepsOuter{
    display: inline-block;
    margin: 0px auto 25px auto;
    border: solid 12px #F3F3F3;
    border-radius: 50%;
    background-color: #FFF;
}
.contentSessionPopup .imgSteps .stepNumber{
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    text-align: left;
    font-size: 24px;
    color: #FFF;
    font-weight: 600;
    opacity: 0;
    position: absolute;
    top: 10px;
    z-index: -1;
    border-radius: 20px;
    background-color: #888CC4;
    left: 0px;
    min-width: 120px;
    transition: all ease-in-out 1.3s;
}
.contentSessionPopup .imgSteps{
    width: 118px;
    height: 118px;
    line-height: 118px;
    text-align: center;
    position: relative;
    display: flex;
    background-color: #FFF;
    border-radius: 50%;
    align-items: center;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 13%);
}
.contentSessionPopup h3{
    font-size: 18px;
}
.contentSessionPopup .imgSteps .iconCheck{
    position: absolute;
    right: -7px;
    bottom: 0px;
    top: inherit;
    height: auto;
    line-height: 1;
    border-radius: 50%;
}
.contentSessionPopup .imgSteps > img{
    display: table;
    margin: 0px auto;
}
.boxSteps .arrowLeft{
    right: -81px;
    top: 90px;
    position: absolute;

}
.boxSteps .row [class*="col-"]{
    position: relative;
}
.boxSteps .arrowLeft img{
    width: 100%;
}
.sliderSteps{
    padding-top: 120px;
    margin: 0px auto;
    max-width: 450px;
    padding-left: 40px;
    padding-right: 40px;
}
.sliderSteps .slick-arrow{
    width: 36px;
    height: 36px;
    top: 50%;
    font-size: 0px;
    z-index: 100;
    cursor: pointer;
    border:none;
    color: #888CC4 !important;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 50%;
    background-color: #FFF !important;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 10%);
}

.sliderSteps .slick-arrow:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    opacity: 1;
    line-height: 36px;
}

.sliderSteps .slick-arrow.slick-prev{
    left: 0px;
}
.sliderSteps .slick-arrow.slick-prev:after{
    content: "\f053";
}
.sliderSteps .slick-arrow.slick-next{
    right: 0px;
}
.sliderSteps .slick-arrow.slick-next:after{
    content: "\f054";
}
.sliderSteps .slick-arrow:hover{
    background-color: #888CC4 !important;
    color: #FFF !important;
}
html body .sliderSteps  ul.slick-dots{
    position: absolute;
    top:0px;
    display: flex;
    left: 50%;
    width: auto;
    padding: 10px;
    border-radius: 30px;
    background-color: #F5F5FD;
    transform: translateX(-50%);
    bottom: inherit;
}
.sliderSteps  ul.slick-dots li {
    width: auto;
    height: auto;
    margin: 0px;
}
.sliderSteps  ul.slick-dots li + li{
    padding-left: 20px;
}
.sliderSteps  ul.slick-dots li.slick-active button{
    background-color: #888CC4;
    color: #FFF;
}
.sliderSteps  ul.slick-dots li button{
    width: 44px;
    height: 44px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    border:none;
    padding: 0px;
    color: #888CC4;
    background-color: #FFFFFF;
    transition: all ease-in-out 1.6s;
}
.sliderSteps  ul.slick-dots li button:before{
    content: "0";
    position: initial;
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    opacity: 1;
}
.desktopViewSteps{
    display: none;
}
.desktopViewSteps .btnStartSession{
    opacity: 0;
    position: relative;
    transition: all ease-in-out 1.3s;
}
.desktopViewSteps .iconCheck{
    opacity: 0;
    position: relative;
    transform: scale(0);
    transition: all ease-in-out 1.1s;
}
.desktopViewSteps .iconCheck{
    opacity: 0;
    position: relative;
    transform: scale(0);
    transition: all ease-in-out 1.1s;
}


.show .contentSessionPopup .imgSteps .stepNumber{
    opacity: 1;
    left: -53px;
    transition-delay: 0.3s;
}
.show .contentSessionPopup .imgSteps .stepNumber.stepNumber2{
    transition-delay: 1.5s;
}
.show .contentSessionPopup .imgSteps .stepNumber.stepNumber3{
    transition-delay: 2.8s;
}

.show .desktopViewSteps .btnStartSession{
    opacity: 1;
    transition-delay: 4.4s;
}

.desktopViewSteps .row [class*="col"]{
    position: relative;
}
.desktopViewSteps .row [class*="col"] + [class*="col"]:after{
    width: 1px;
    height: 50%;
    left: 0px;
    top: 50%;
    content: "";
    background-color: #DDD;
    transform: translateY(-50%);
    position: absolute;
}
.sliderSteps .slick-arrow.slick-disabled{
    opacity: 0.5 !important;
}
.slick-initialized .slick-slide.slick-current.slick-active{
    transition: opacity 800ms ease 0.7s !important;
}
.notify-para {
font-family: Poppins;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;

}
/* @media (max-width: 1440px) {
    .tp-info-review {
        min-height: 230px;
    }
    .test-carousel {
        min-height: 230px;
    }
} */

@media (max-width: 440px) {
    .fc .fc-toolbar-title {
        font-size: 15px !important;
    }
}

@media (min-width: 991px) {
    .sticky-col {
        position:sticky;
        top:125px;
        height:570px;
    }
}

@media (min-height: 900px){
    .sticky-col {
        height:1046px;
    }
}
@media (max-width: 440px) {
    .test-carousel {
        min-height: auto;
        margin-top: 45px;
        margin-bottom: 40px;
    }

    .customW{
        width: 100% !important;
    }

    html body .dataTables_filter label:not(.tp_status_filter_label):before{
        right: 2.5px;
        top: 2.5px;
        min-width: 41px;
    }

    /* .tp_status_filter_div {
        width: 150px;
    } */

    .form-control:not(.sp-form), html body .dataTables_filter input[type="search"]{
        width: 200px;
    }
    .mobiletextcenter{
        text-align: center !important;
    }
}
.mb-custom-6 {
  margin-bottom: 5rem !important; /* or any value you want */
}
@media (min-width: 426px) {
    .tp-info-btn-mb {
        max-width: 350px;
    }
}

/* @media (max-width: 1439px) {
    .tp-info-review {
        min-height: 280px;
    } 
    .test-carousel {
        height: 240px;
    }
}
@media (max-width: 1055px) {
    .test-carousel {
        height: 210px !important;
    }
} */
@media (min-width: 1400px) { 
    .bg-img {
        background-position-x: 710px;
    }
}
@media (min-width: 1400px) { 
    .bg-img {
        background-position-x: 710px;
    }
}
@media (min-width: 1200px) {
    .siteHeader.siteHeaderFull.new-skin{
        padding: 40px 78px 80px 78px;
    }  
    /* .bg-img {
        background-position-x: 710px;
    } */
}
@media (min-width: 1200px) {
    .siteHeader.siteHeaderFull.new-skin{
        padding: 40px 80px 80px 80px;
    }  
}
@media (min-width: 1024px){
    .rowFooterContent .col-md-6 .row [class*="col"]:nth-child(2){
        padding-left: 0px;
    } 
}

@media (min-width: 426px) and (max-width: 786px){
    .form-check-input.error + .error {
        top: 24px !important;
    }
    
}
@media (max-width: 425px){
    .form-check-input.error + .error {
        top: 43px !important;
    }
}
@media (max-width: 451px){
    .customTop{
        margin-top: 30px;
    }
}


@media (min-width: 981px){
    .mobileViewSteps{
        display: none;
    }  
    .desktopViewSteps{
        display: block;
    }
}

@media (min-width: 767px){
    .clientText{
        width: 50%;
        margin-bottom: -34px;
        padding: 9px 0px 0px 0px;
    }
    .mdtp__wrapper{
        bottom: 50%;
        transform: translate(-50%, 50%) scale(1);
    }
    .inlineSearchBox{
        padding-bottom: 35px;
        position: absolute;
        width: 50%;
        padding-top: 50px;
    }
    .inlineSelectBox{
        position: absolute;
        /* padding-top: 15px; */
        z-index: 1;
        left: 700px;
        bottom: 260px;
    }
    

}
@media (max-width: 1200px){
    .container{ padding-left: 20px; padding-right: 20px;}
    .modal-xl{ max-width: 100%; padding-left: 20px; padding-right: 20px;}

}
@media (max-width: 1150px){
    .mobilecoachTabContent{
        display: block;
        /* margin-bottom: 20px; */
    }
    .navbar{ padding: 15px 20px;}
    .navbar-brand{ margin-right: 40px;}
    .navbar-nav .nav-item + .nav-item {
        margin-left: 20px;
    }
    .rowFooterContent > [class*="col"]{
        width: 100%;
    }
    .rowFooterContent > [class*="col"] + [class*="col"] {
        margin-top: 40px;
    }
    .row_profileDetail .profile_leftColumn{
        width: 100%;
    }
    .content_height{
        min-height: inherit;
    }
    .row_profileDetail .profile_rightColumn{
        width: 100%;
    }
    .box_landing_tabs .tab-content{
        max-height: inherit;
    }
    /* New Skin */
    /* .box_filter .row [class*="col"]{
        width: 100%;
    } */
    /* .box_filter .row [class*="col"] + [class*="col"]{
        margin-top: 15px;
        text-align: left !important;
    } */
    .box_filter .row [class*="col"] + [class*="col"]{
        text-align: left !important;
    }
    ul.listFilterBtns{
        text-align: left;
    }
    .rowSteps3 [class*="col"]{
        width: 100%;
    }
    .tablesSteps .table tbody tr td{
        white-space: nowrap;
    }
    .tablesSteps {
        padding-bottom: 0px;
        margin-bottom: 30px;
    }
    .innerSlotsArea ul.listSlotsDetail > li{
        width: 50%;
    }
    .innerSlotsArea ul.listSlotsDetail > li{
        padding-right: 23px;
    }
    .innerSlotsArea ul.listSlotsDetail li .close_button{
        right: 3px;
    }
    ul.listIconsslots li + li{
        margin-left: 10px;
    }
    footer .accordion-item + .accordion-item, .accordion_mobile .accordion-item + .accordion-item{
        margin-top: 8px;
    }
    footer .accordion-item{
        background-color: #F5F5F5;
        border:none;
        border-radius: 10px !important;
    }
    .accordion_mobile .accordion-item{
        background-color: #FFF;
        border:none;
        border-radius: 10px;
    }
    /* New Skin */
    /* footer .accordion-button, .accordion_mobile .accordion-button{
        background-color: transparent;
        box-shadow: none;
        font-size: 16px;
        font-weight: 600;
        color:#888CC4;
        text-transform: uppercase;
    } */
    footer .accordion-button, .accordion_mobile .accordion-button{
        background-color: transparent;
        box-shadow: none;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }
    .accordion_mobile .accordion-button{
        text-transform: none;
    }
    footer .accordion-body{
        padding-bottom: 30px;
    }
    .ui-datepicker-calendar thead th span, .ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
        margin: 0px auto;
    }
    .ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
        width: 27px;
    }
    .popupModal{
        left: 50% !important;
        top:120px !important;
        max-width: 100%;
   }
   .popupModal ul.listSlotsDetail{
       max-height: 204px;
   }
   .rowSlotsDate .col-md-9{
       width: 70%;
   }
   .rowSlotsDate .col-md-3{
       width: 30%;
   }
}
@media (max-width: 992px){

    .textNewClients{
        position:absolute;
        left:50%;
        z-index: 88888;
    }
    .navbar-toggler{
        padding: 0px 10px;
        position: relative;
        margin-left: 5px;
        font-size: 27px;
        border:none !important;
        box-shadow: none !important;
    }
    .navbar-collapse{
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 20px;
        background-color: rgb(255, 255, 255);
        left: 0px;
        border-radius: 15px;
        box-shadow: rgb(0 0 0 / 20%) 0px 0px 15px;
        z-index: 10;
    }
    .navbar-nav .nav-item + .nav-item{
        margin-left: 0px;
        margin-top: 5px;
    }
    .navbar-nav .nav-link.active{
        background-color: #888CC4;
        color: #FFF;
    }
    .navbar-nav .nav-link{
        padding: 11px 15px !important;
        border-radius: 5px !important;
    }
    .navbar-nav .nav-link:after{
        display: none;
    }
    .rowFooterContent{
        margin-bottom: 40px;
    }
    .rowFooterContent > [class*="col"] + [class*="col"]{
        display: none;
    }
  
    ul.footerMenu li + li{
        margin-top: 0px;
    }
    ul.footerMenu li{
        margin-bottom: 15px;
    }
    ul.footerMenu li{
        width: 50%;
        float: left;
        padding-right: 15px;
    }
    ul.footerMenu{
        width: 100%;
        display: inline-block;
    }
    .btns_header{
        display: inline-flex;
    }
    .headerBanner img{
        max-height: 110px;
    }
    h1{
        font-size: 23px;
    }
    footer .accordion{
        display: block;
    }
    ul.listLogos{
        float: none;
    }
    .boxTherapists > .row > [class*="col"]{
        width: 50%;
        margin-bottom: 30px;
    }
    .modal-body{
        padding: 30px 23px;
    }
    .rowInnerProfileDetail .innerProfileDetailLeft{
        width: 100%;
    }
    .rowInnerProfileDetail .innerProfileDetailRight{
        width: 100%;
    }
    .innerProfileDetailLeft .imageBox{
        border-bottom: solid 1px #EEEEEE;
        margin-bottom: 20px;
        text-align: center;
        margin-left: -20px;
        margin-right: -20px;
    }
    .innerProfileDetailRight > .row > [class*="col"]{
        flex: 0 0 auto;
        width: 100%;
    }
    .rowInnerProfileDetail ul.listIcons{
        margin-left: auto;
        margin-bottom: 20px;
        margin-right: auto;
    }
    .innerProfileDetailRight h2, .rowInnerProfileDetail .innerProfileDetailRight h6{
        text-align: center;
    }
    ul.listServices{
        min-height: inherit;
    }
    .rowInnerProfileDetail .innerProfileDetailRight > .row > .col-5 .d-grid.mt-5{
        margin-top: 0px !important;
    }
    .rowInnerProfileDetail .innerProfileDetailRight > .row > .col-5{
        margin-bottom: 20px;
    }
    .boxEmpathy h5{
        font-size: 15px;
    }
    .content_innerBox{
        padding: 20px;
    }
    /* New Skin */
    /* .boxTestimonials.reviewBox .carousel{
        padding: 15px;
    } */
    .boxTestimonials.reviewBox .carousel{
        padding: 32px 24px;
    }
    .innerProfileDetailLeft .imageBox img{
        max-width: 165px;
    }
    ul.listCheck{
        min-height: inherit;
    }
    .profile_leftColumn{
        margin-bottom: 20px;
    }
    /* .box_landing_tabs{
        display: none;
    } */
    .box_editprofile_tabs.box_landing_tabs{
        display: block !important;
    }
    .box_filter .dropdown-sort{
        display: none !important;
    }
    .checkbox_therapist{
        width: 100%;
        text-align: center;
    }
    /* New Skin */
    /* ul.listFilterBtns{
        text-align: center;
    } */
    ul.listFilterBtns li{
        padding: 4px 0px;
    }
    /* New Skin */
    /* .box_filter{
        padding: 25px 0px 30px 0px;
    } */
    .checkbox_therapist{
        padding: 12px 10px;
    }
    .boxFull p.mb-5{
        margin-bottom: 25px !important;
    }
    .row_filters [class*="col"]{
        width: 100% !important;
    }
    .boxMobilefilter{
        display: block;
    }
    /* New Skin */
    /* .boxMobilefilter .row .col-6{
        width: 100%;
    }
    .boxMobilefilter .row .col-6 + .col-6 {
        display: none;
    } */
    .textOR{
        height: auto;
    }
    .textOR span{
        position: inherit;
        transform: none;
        display: inline-block;
        width: auto;
    }
    .textOR{
        margin: 20px auto;
    }
    .textOR:after{
        width: 100%;
        height: 1px;
        left: 0;
        top: 60px;
        z-index: -1;
        content: "";
        background-color: #E9E9E9;
        position: absolute;
    }
    .textOR:after{
        top:30px;
    }
    .rowSteps3 .boxDatepicker{
        margin: 0px auto;
    }
    .row_bookingDetail > [class*="col"]{
        width: 100%;
        padding: 0px 15px !important;
    }
    .row_bookingDetail .border-end{
        border:none !important;
    }
    .rowBalanceDetail > [class*="col"] {
        width: 100%;
        text-align: center !important;
    }
    .rowBalanceDetail > [class*="col"] + [class*="col"]{
        margin-top: 15px;
    }
    .rowBalanceDetail .select2-container--default .select2-selection .select2-selection__arrow b{
        margin-left: 0px;
    }
    .navbar-expand-lg .navbar-nav{ display: inherit;}
    .navbar-expand-lg .navbar-nav .nav-item{ display: inherit;}
    .nav-link.toggle-mobile{
        font-size: 14px !important;
        color: #FFF !important;
        margin-left: 4px;
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: #888CC4;
        border: solid 1px #888CC4;
        transition:all ease-in-out 0.5s;
    }
    .nav-link.toggle-mobile i{
        transition:all ease-in-out 0.5s;
    }
    .nav-link.toggle-mobile.show i{
        transform: rotate(180deg);
        -webkit-transform:rotate(180deg);
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu{
        background-color: #F7F8FC;
        box-shadow: none;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu li + li{
        border-top:solid 1px rgba(0,0,0,0.05);
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu a{
        font-size: 14px;
        font-weight: 500;
    }
    .navbar-nav .nav-link{
        padding: 7px 10px !important;
    }
    .rowbalanceObject .col-md-5{
        margin-bottom: 15px;
    }
    .boxbalanceObjectContent{
        padding-right: 0px;
    }
    .rowbalanceObject .col-md-5, .rowbalanceObject .col-md-4{
        width: 100%;
    }
    .section_CoachDetail > .container > .row > .col-md-9, .section_CoachDetail > .container > .row > .col-md-3{
        width: 100%;
    }
    .section_CoachDetail > .container > .row > .col-md-3{
        margin-top: 15px;
    }
    .ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
        width: 30px;
    }
    .boxSessions  > .row > .col-md-9,  .boxSessions  > .row > .col-md-3{
        width: 100%;
    }
    .boxSessions  > .row > .col-md-3{
        margin-top: 15px;
    }
    .betaText{
        top:-12px;
        font-size: 12px;
    }

    .contentSessionPopup{ padding: 0px;}
    .mobileViewSteps .btn{ height: auto; font-size: 15px; line-height: 1.3; padding: 13px 20px;}

}
@media (max-width: 854px){
    .modal-dialog {
        margin-left: 15px;
        margin-right: 15px;
    }
    .rowaddnewSlots [class*="col"]{
        width: 100%;
    }    
    .slotsActions{
        padding-left: 10px;
    }
    .row_bookingContent [class*="col"]{
        width: 100%;
    }
    .row_bookingContent{
        flex-direction: column-reverse;
    }
    .row_bookingContent .content_whiteBox .row{
        flex-direction: column-reverse;
    }
    .box_therapists_right .box_therapists .text_therapist{
        padding: 9px 20px;
        display: table;
        margin: 0px auto;
    }
    .box_therapists_right{
        margin: 0px;
    }
    .row_popup_calender > [class*="col"] + [class*="col"]{
        padding-top: 15px;
    }
    ul.listTherapistsServices li{
        margin-bottom: 8px;
    }
    .textSlots ul.listactionsButtons{
        width: 100%;
    }
    .textSlots{
        flex-flow: wrap;
        margin-bottom: 10px;
    }

    .textSlots ul.listactionsButtons li{
        justify-content: inherit;
    }
    .boxSelectedSlots{
        display: inherit;
    }
    .boxSelectedSlots .text-end{
        text-align: left !important;
    }
    .row_bookingContent > [class*="col"] + [class*="col"]{
        margin-bottom: 15px;
    }
    .row_wallet .boxWallet, .row_wallet .boxTotal{
        width: 50%;
    }
    .row_wallet{
        position: relative;
    }
    .row_wallet .btn.btn-lg{
        position: absolute;
        bottom: 20px;
        width: calc(100% - 40px);
        left: 20px;
    }
    .row_wallet .btn.btn-lg:after{
        height: 1px;
        top: -16px;
        left: 0px;
        content: "";
        position: absolute;
        background-color: #EEEEEE;
        right: 0px;
        margin: 0px -20px;
    }
    .row_wallet{
        padding-bottom: 80px;

    }
    .boxTotal{
        padding: 15px;
    }
    .boxTotal h2{
        font-size: 16px !important;
    }
    .row_bookingContent .box_therapists .content_therapists{
        padding: 10px 20px 25px 20px;
    }
    .boxMyWalletMain > .row > [class*="col"]{
        width: 100%;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .boxMyWalletMain > .row > [class*="col"] + [class*="col"]{
        margin-top: 40px;
    }
    .datepicker-container{width: 100%;}
    .tablesSteps .table tbody tr td{ padding-top: 12px !important; padding-bottom: 12px !important;}
    .content_whiteBox.content-slotsAvaiable{
        margin-top: 15px;
    }
}
@media (max-width: 810px){
    .btn_checkout_spacing{ margin-top: 83px;}
}
@media (max-width: 767px){

    .centre{
        text-align: center;
        margin-bottom: 15px;
    }

    body{
        font-size: 14px;
    }
    .boxCopyright{
        font-size: 14px;
    }
    .boxCopyright .text-end, .boxCopyright{
        text-align: center !important;
    }
    .boxSecure{
        font-size: 14px;
        padding: 25px;
    }
    .boxSecure br{
        display: none;
    }
    ul.listLogos{
        padding-top: 20px;
    }
    ul.listLogos li + li{
        padding-left: 30px;
    }
    .btn{
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        min-width: 91px;
        padding: 0px 10px;
    }
    /* New Skin */
    .btn_new{
        width: 80px;
    }
    .btns_header .btn.btn-secondary{
        line-height: 35px;
    }
    .btn + .btn{
        margin-left: 7px;
    }
    .btn.btn-icon{
        font-size: 17px;
    }
    .navbar-brand{
        margin-right: 0px;
    }
    .siteHeader.siteHeaderFull .navbar-brand img{
        width: 48px;
    }
    .navbar-toggler{
        padding: 0px 8px;
        font-size: 23px;
    }
    .navbar{
        padding: 13px 12px 13px 17px;
    }
    .siteHeader.siteHeaderFull .navbar-nav .nav-link{
        font-size: 14px;
    }
    .navbar-collapse{
        padding: 10px;
    }
    h1{
        font-size: 20px;
    }
    .headerBanner{
        top:0px;
        height: auto;
        padding-top: 30px;
    }
    .headerBanner [class*="col"]{
        width: 100%;
        text-align: center;
    }
    .headerBanner .text-end{
        text-align: center !important;
    }
    .headerBanner h1{
        margin-bottom: 15px;
    }

    .siteHeader:before{
        background-size: 130% 100%;
    }
    .boxCopyright{
        padding: 10px 0px;
    }
    .breadcrumb-align .breadcrumb{
        padding: 10px 15px;
        font-size: 13px;
    }
    .boxTherapists > .row > [class*="col"]{
        width: 100%;
        margin-bottom: 30px;
    }
    h2.heading-md{
        font-size: 20px;
    }
    .breadcrumb-align{
        min-width: 270px;
        margin-top: 20px;
    }
    .breadcrumb-align .breadcrumb li.active:before{
        padding-left: 7px;
        padding-right: 7px;
    }
    .modal-dialog{
        margin: 70px 15px;
    }
    .modal-body{
        padding: 30px 18px;
    }
    .form-control, html body .dataTables_filter input[type="search"]{
        height: 38px;
        font-size: 14px;
        padding: 7px 15px;
    }
    html body .dataTables_filter label:after{
        top:8px;
    }
    .input-withButton .iti{
        margin-right: 103px !important;
    }
    .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.txt-therapist-search){
        margin-right: 13px;
    }
    h2{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .btn.btn-lg{
        font-size: 14px;
        height: 43px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 43px;
    }
    .f15{
        font-size: 14px;
    }
    .iti__selected-flag{
        top:13px;
        padding: 0px 0px 0px 13px;
    }
    .iti--separate-dial-code .iti__selected-dial-code{
        margin-left: 25px;
    }

    #payment-form .iti__selected, #docLogin .iti__selected-flag, #loginForm .iti__selected-flag {
        top: 10px !important;
    }

    html body #tel-email-container .iti input[type=tel].form-control,
    html body #tel-email-container .iti input[type=tel].form-control
    {
        padding-left: 100px !important;
    }
    html body .iti input[type=tel].form-control{
        padding-left: 60px !important;
    }

    .boxForm{
        padding: 0px;
        max-width: 100%;
        box-shadow: none;
        margin: 0px 0px 50px 0px;
    }   
    .boxForm .form-field .row .col-md-6, .boxFormModal .form-field .row .col-md-6{
        width: 50%;
    }
    .boxForm .form-field .row .col-12.col-md-6, .boxFormModal .form-field .row .col-12.col-md-6{
        width: 100%;
    }
    .row [class*="col"],  .row{
        margin-top: 0px;
        font-size: 12px;
    }
    ul.listContactDetail li{
        padding: 12px 0px 12px 30px;
    }
    .input-password .iconEye{
        height: 38px;
        line-height: 38px;
        right: 12px !important;
    }
    .select2-container .select2-selection--single{
        min-height: 38px;
    }
    .select2-container .select2-selection{
        height: 38px;
    }
    .dataTables_length{
        max-width: 200px;
        margin: 0px auto 15px auto;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow b{
        margin-left: -11px;
        margin-top: -6px;
    }
    .boxintakeForm .form-field{
        width: 100%;
        display: inline-block;
    }
    .boxintakeForm .form-field .form-check {
        width: 50%;
        float: left;
        padding-right: 15px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 38px;
    }
    .boxintakeForm2.boxintakeForm .form-field .form-check{
        width: auto;
    }
    .boxForm.onboardingAccordion h2{
        font-size: 17px;
    }
    .boxForm.onboardingAccordion .accordion-header h2{
        padding-right: 15px;
    }
    .hideMobile{
        display: none;
    }
    .imgMobile{
        display: block;
    }
    ul.listBenefits li{
        position: inherit;
    }
    ul.listBenefits li + li{
        margin-top: 0px;
    }
    ul.listBenefits li{
        margin-bottom: 20px;
    }
    .imgPhysical{
        padding-bottom: 60px;
        text-align: center;
    }
    .imgPhysical{
        max-width: 280px;
        margin: 0px auto;
    }
    .contentBenefits{
        padding-bottom: 30px;
    }
    .infoBox, ul.listBenefits.listBenefitsRight li .infoBox{
        padding: 16px 25px 16px 80px;
    }
    .infoBox .iconBenefits{
        right: inherit;
        left: 20px;
    }
    .boxTestimonials .carousel{
        padding: 30px 20px;
    }
    .boxTestimonials .carousel:after{
        left: 30px;
        top: -19px;
        font-size: 28px;
    }
    .boxTestimonials .carousel:before{
        bottom: -20px;
        font-size: 28px;
    }
    .group-span-filestyle{
        top:4px;
    }
    .group-span-filestyle .btn{
        right: 5px;
    }
    .imgPhysical{
        display: block;
    }
    .text_therapist_mobile{
        text-align: left;
        padding: 0px;
        margin-bottom: 15px;
        background-color: transparent;
    }
    .hideOnmobile{
        display: none;
    }
    .showOnmobile{
        display: block;
    }
    .boxNeed{
        padding: 20px;
    }
    .content_innerBox{
        margin-bottom: 0px;
    }
    .boxLeftMenu{
        height: auto;
        margin-bottom: 20px;
    }
    ul.listactionsButtons li{ 
        width: 100%;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    ul.listactionsButtons li + li{
        margin-top: 15px;
        margin-left: 0px;
    }
    ul.listactionsButtons li ul.dropdown-menu li{
        padding: 0px;
    }  
    ul.listactionsButtons li ul.dropdown-menu li + li{
        margin-top: 0px;
    }   
    ul.listactionsButtons li ul.dropdown-menu li a{
        line-height: 1;
        font-size: 14px;
    }
    .carouselCoachSessions .box_therapists{
        margin-bottom: 25px;
    }
    .carouselCoachSessions .owl-dots{
        bottom: 20px;
        position: relative;
    }
    .box_banner{
        height: auto;
        padding: 20px;
    }
    .textBanner{
        width: 100%;
        text-align: center;
    }
    .boxSessionsInner h2{
        font-size: 20px;
        padding-bottom: 15px;
    }
    .customMargin{
        padding-bottom: 15px;
    }
    ul.listOptions{
        width: 100%;
        display: flex;
    }
    ul.listOptions li{
        width: 50%;
        text-align: center;
    }
    .content_session .bottom_session_part{
        height: auto;
        min-height: 40px;
        padding:10px 20px;
    }
    .rowDetailOne h3{
        font-size: 14px;
        margin-bottom: 10px;
        padding-right: 120px;
    }
    .content_session .top_session_part{
        padding: 15px;
        min-height: inherit;
    }
    .rowDetailOne {
        flex-direction: column-reverse;
    }
    .popupDelay{
        padding: 15px;
    }
    .boxInnerPopup .inline_radioBtns .form-check{
        width: 49%;
        font-size: 12px;
        margin-right: 0px !important;
        padding-right: 10px;
    }
    textarea.form-control{
        height: 70px;
    }
    .btn-calendar.dropdown-toggle{
        min-width: 40px;
    }
    .rowDetailTwo{
        padding-right: 50px;
    }

    .rowSessionAction .btn{
        width: auto;
        min-width: 160px;
        display: table !important;
        margin: 0px auto 15px auto;
    }
    .rowDetailTwo{
        margin-bottom: 15px;
        height: auto !important;
    }
    ul.listSession{
        padding-bottom: 8px;
    }
    .boxEvents{
        padding: 20px;
    }
    .eventsInner .col-md-4 > p, .eventsInner .textEventPrice{
        width: 50%;
        float: left;
    }
    ul.listTimeTables{
        padding-bottom:20px;
    }
    .textEventPrice{
        padding: 0px;
    }
    .eventsInner .col-md-4 .btn{
        margin-top: 5px;
    }
    .boxEvents h4{
        font-size: 17px;
    }
    .sessionDate p{
        line-height: 1.4;
    }
    .sessionDate .linkShare{
        font-size: 12px;
    }
    .textAddress{
        font-size: 12px;
        padding-top: 3px;
    }
    .linkShare{
        margin-top: 5px;
        font-size: 12px;
        display: inline-block;
    }
    .linkWallet{
        width: 100%;
        display: flex;
        align-items: center;
    }
    .textWallet{
        margin-left: auto;
    }
    /* .boxSessions_therapist > .row{
        flex-flow: column-reverse;
    } */
    /* New Skin */
    /* .boxfill{
        padding: 20px 18px;
    } */
    .boxfill{
        /* padding: 16px 4px; */
        padding-bottom: 20px !important;
    }

    .boxfill.mobile-boxfill{
        padding: 10px 25px !important;
    }
    .userBox{
        padding: 15px 10px 15px 68px;
    }
    .textEventPrice h3{
        font-size: 20px;
    }
    .textEventPrice{
        font-size: 13px;
    }
    .boxEvents{
        font-size: 14px;
    }
    ul.listactionsButtons li{
        font-size: 14px;
        padding: 10px 10px 10px 13px;
    }
    ul.listactionsButtons li .select2-container--default .select2-selection--single .select2-selection__rendered{
        font-size: 14px;
        padding-right: 20px !important;
    }
    ul.listactionsButtons li .select2-container--default .select2-selection--single .select2-selection__arrow b{
        margin-top: -3px;
    }
    .carouselCoachSessions .owl-nav button{
        top:50%;
    }
    .owl-carousel.carouselCoachSessions .owl-nav button.owl-prev{
        margin-left: 0px;
    }
    .owl-carousel.carouselCoachSessions .owl-nav button.owl-next{
        margin-right: 0px;
    }
    .owl-carousel.carouselCoachSessions .owl-stage-outer{
        padding-bottom: 0px;
    }
    .owl-nav button{
        top: inherit;
        bottom: 0px;
    }
    .owl-carousel .owl-nav button.owl-prev{
        left: 50%;
        margin-left: -42px;
    }
    .owl-carousel .owl-nav button.owl-next{
        right: 50%;
        margin-right: -42px;
    }
    .section_Events .owl-dots{
        display: none;
    }
    .owl-carousel-works .owl-stage-outer{
        padding-bottom: 0px;
    }
    .owl-stage-outer{
        padding-bottom: 50px;
    }
    .section_Events{
        padding-bottom: 50px;
    }
    .row_coachDetail{
        font-size: 13px;
    }
    .row_coachDetail h4{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .row_coachDetail > [class*="col"] + [class*="col"]{
        margin-top: 8px;
    }
    .hideMobile{
        display: none;
    }
    .box_therapists{
        margin-bottom: 20px;
    }
    .section_CoachDetail{
        padding-bottom: 20px;
    }
    .heading-sm{
        font-size: 20px;
    }
    .box_top_content .boxNeed{
        margin-bottom: 0px !important;
    }
    .form-full.form-field .form-check,  .form-field.form-fieldDays .form-check{
        width: 100% !important;
    }
    .form-field.form-fieldDays .row .col-md-6{
        width: 100% !important;
    }
    .textOR{
        height: auto;
        margin: 20px auto;
    }
    ul.listDays{
        flex-wrap: wrap;
    }
    ul.listDays li + li{
        padding-left: 0px;
    }
    ul.listDays li{
        padding-bottom: 5px;
        padding-right: 10px;
    }
    .datepicker-container{
        margin: 0px auto;
    }
    .datepicker-panel > ul:first-child li{
        height: 18px !important;
        line-height: 18px;
    }
    .datepicker-panel > ul > li{
        line-height: 23px;
        font-size: 11px;
        height: 23px;
    }

    .content_whiteBox{
        padding: 13px;
    }
    
    .modal-body .btn-long{
        width: 100%;
    }
    .modal-body .btn-long + .btn-long{
        margin-top: 13px !important;
        margin-left: 0px !important;
    }
    /* .rowSlotsDateInner [class*="col"]{
        width: 100%;
    }
    .rowSlotsDateInner [class*="col"] + [class*="col"]{
        margin-top: 10px;
    }
    .rowSlotsDateInner .text-end{
        text-align: left !important;
    } */
    .modal-body h2{
        font-size: 20px;
    }
    .modal-body h2.mb-4.pb-3{
        padding-bottom: 0px !important;
    }
    .box-whiteAddSlots .inline-checkbox .form-check{
        width: 100%;
    }
    .innerSlotsArea ul.listSlotsDetail > li{
        width: 100%;
    }
    .box_cancel_appointment{
        padding: 15px;
    }
    .columnformDetail {
        width: 100%;
    }
    .column_normal .row{
        padding: 14px 20px;
    }
    .box_form_detail{
        font-size: 13px;
    }
    .btn-mfull{ width: 100%;}

    .table .badge{ min-width: inherit; padding: 4px 10px; font-size: 10px;}
    .row_servicesDetail .col-md-3{
        flex: 0 0 auto;
        width: 26%;
    }
    .row_servicesDetail .col-md-7{
        flex: 0 0 auto;
        width: 49%;
    }
    .row_servicesDetail .col-md-2{
        flex: 0 0 auto;
        width: 25%;
    }
    .row_servicesDetail .col-md-5{
        width: 41.6666666667%;
        flex: 0 0 auto;
    }
    .row_servicesDetail .col-md-10{
        flex: 0 0 auto;
        width: 75%;
    }
    .row_bookingDetail > [class*="col"] + [class*="col"]{
        padding-top: 20px !important;
    }
    .content_box_normal > .row > [class*="col"] + [class*="col"]{
        padding-top: 25px !important;
    }
    
    .inputs_carddetail .form-control.inputCard{
        padding-right: 15px;
    }
    .inputs_carddetail .form-control.inputMonth{
        position: initial;
        width: 100%;
        height: 38px;
        text-align: left;
        font-size: 14px;
        padding: 7px 50% 7px 15px;
        border-radius: 5px;
        margin-top: 12px;
        border:solid 1px #E9E9E9;
    }
    .inputs_carddetail .form-control.inputCVV {
        width: 50%;
        right: 10px;
        bottom: 8px;
        top: inherit;
        text-align: left;
        padding-left: 15px;
    }
    .inputs_carddetail .form-control.inputCVV.error{
        top:80px;
    }
    .btn_checkout_spacing{
        margin-top: 20px;
    }
    .box_booking_details .row [class*="col"]:first-child{
        flex: 0 0 auto;
        width: 50%;
    }
    .box_booking_details .row [class*="col"] + [class*="col"]{
        flex: 0 0 auto;
        width: 50%;
    }
    .box_editprofile_tabs ul.nav-pills li .nav-link{
        min-width: inherit;
    }
    .box_landing_tabs ul.nav-pills li .nav-link{
        height: 40px;
    }
    .box_landing_tabs ul.nav-pills li .nav-link .icon_tab{
        width: 21px;
        height: 21px;
        line-height: 21px;
        font-size: 11px;
    }
    .tab_landing{
        padding: 10px 0px;
    }
    .box_editprofile_tabs ul.nav-pills li + li{
        margin-left: 10px;
    }
    .box_editprofile_tabs .nav{
        justify-content: center;
    }
    .box_landing_tabs .tab-content{
        padding: 25px 0px;
    }
    .box_editprofile_tabs .row.mt-5{
        margin-top: 15px !important;
    }
    .box_editprofile_tabs .row.pt-5{
        padding-top: 15px !important;
    }
    .rowmyClientSearch [class*="col"] + [class*="col"]{
        margin-top: 10px;
    }
    .boxSearch{
        width: 100%;
        max-width: 100%;
    }
    .boxSearch .btn-sm, html body .dataTables_filter label:before{
        right: 4px;
        top: 4px;
        height: 30px;
        line-height: 30px;
        width: 30px;
        padding: 0;
    }
    .dataTables_wrapper .dataTables_info{
        padding-top: 50px;
    }
    .row-dateSelect{
        width: 100%;
        justify-content: inherit;
        display: inline-block;
    }
    .row-dateSelect .form-field{
        width: 48%;
        margin-bottom: 14px !important;
        float: left;
        margin-right: 2%;
        display: block !important;
    }
    .row-dateSelect .form-field + .form-field{
        margin: 0px 0px 0px 2%;
    }
    .row-dateSelect .btn{
        display: block;
        width: 100%;
        margin: 0px !important;
    }
    .row-dateSelect .form-control{
        max-width: 100%;
    }
    ul.list_slots li .slots_address{ display: block; padding-left: 0px;}
    ul.list_servicesDetail li.column_price{ width: auto;}
    .rowBalanceDetail .btn{
        width: 100%;
    }
    .rowBalanceDetail .btn + .btn{
        margin: 15px 0px 0px 0px;
    }
    .rowBalanceDetail .dropdown_simple{
        margin-top: 15px;
    }
    .radioBtnsBox .form-check{
        font-size: 13px;
        padding: 10px 10px 10px 10px;
    }
    .rowTransferBalance > [class*="col"] + [class*="col"]{ margin-top: 20px; }
    .rowTransferBalance .row .col-6{ width: 100%;}
    .rowTransferBalance .row .col-6 + .col-6{ padding-top: 0px !important;} 
    #calendar li.inside{
        height: 75px;
    }
    .calendar .days li{
        min-height:inherit;
    }
    .carouselOthertherapists{
        display: none !important;
    }
    .carouselOthertherapistsMobile{
        display: block !important;
    }
    .carouselOthertherapistsMobile .box_therapists{
        margin-bottom: 20px;
    }
    .mainSliderBox .box_therapists .content_therapists{
        padding: 10px !important;
    }
    .marginB{
        margin-bottom: 1rem!important;
    }
    table.dataTable>tbody>tr.child ul.dtr-details>li ul.list-inline li{
        margin-bottom: 5px;
    }
    .row_servicesDetailMobiel1 h6{
        padding-bottom: 5px;
    }
    .row_servicesDetailMobiel1 [class*="col-"]:first-child{
        width: 100% !important;
    }
    .row_servicesDetailMobiel1 [class*="col-"]:nth-child(2), .row_servicesAmountDue .col-md-10{
        width: 70% !important;
    }
    .row_servicesTotalCredits [class*="col-"]:first-child{
        width: 70%;
    }
    .row_servicesTotalCredits [class*="col-"]:nth-child(2){
        display: none;
    }
    .row_servicesDetailMobiel1 .col-md-2, .row_servicesTotalCredits [class*="col-"]:nth-child(3){
        width: 30% !important;
        text-align: right;
    }
    .row_servicesAmountDue .col-md-2, .row_servicesAmount .col-md-2{
        width: 30% !important;
        text-align: right;
    }
    .row_servicesAmount .col-md-3, .row_servicesAmount .col-md-7{
        width: 35% !important;
    }
    .boxFormModal .form-field p{
        line-height: 1.5;
    }
    .rowDetailOne{
        margin-bottom: 8px;
    }
    .boxintakeForm .form-field .form-label.text-dark{
        display: block;
    }
    .onboardingAccordion .form-field .row [class*="col"] + [class*="col"]{
        padding-top: 10px;
    }
    .onboardingAccordion .form-field .f13{
        font-size: 14px !important;
    }
    .onboardingAccordion .form-field .row .col-md-6{ width: 100% !important;}
    .onboardingAccordion .form-field .row .col-md-6:first-child .form-field{ margin: 0px !important; }
    .owl-carousel-works .imageWorks img{ height: auto;}
    ul.footerMenu li{ line-height: 1.5; }
    .box_top_content.inlineSearchBox{ padding-bottom: 0px; }
    .profile_leftColumn .content_innerBox { margin-bottom: 20px;}
    
    .breadcrumb-align .breadcrumb li.active:before, .breadcrumb-item+.breadcrumb-item:before{ padding-left: 7px; padding-right: 7px; }
    .rowcurrent div:first-child{ width: 50%;}
    .boxFindTherapist .btn-transparent{ line-height: 36px;}
  
    #bulkAddForm{ margin-bottom: 20px;}
    .mainSliderBox .box_therapists .imageBox{
        min-height: 116px;
    }
    ul.listTherapistsServices{ text-align: center;}
    #expiry_month_year-error + .form-control.inputCVV{
        bottom:31px;
    }
    .rowDetailTwo{
        min-height: inherit;
    }
    .pagination li .page-link{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    html body .dataTables_wrapper .dataTables_paginate .paginate_button.current, html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, html body .dataTables_wrapper .dataTables_paginate .paginate_button{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    html body .dataTables_wrapper .dataTables_paginate .paginate_button.previous, html body .dataTables_wrapper .dataTables_paginate .paginate_button.next{
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
    html body .paginate_button.previous:after, html body .paginate_button.next:after{
        font-size: 13px !important;
    }
    .rowDetailOne h3{
        overflow: inherit;
        white-space: inherit;
        text-overflow: ellipsis;
    }
    .tablesSteps{
        overflow-x: auto;
    }
    html body #showClientsData_wrapper table.dataTable tbody th:first-child, html body #showClientsData_wrapper table.dataTable tbody td:first-child{
		min-width: 100px;
	}
    html body #showClientsData_wrapper table.dataTable tbody th:nth-child(2), html body #showClientsData_wrapper table.dataTable tbody td:nth-child(2){
		min-width: 150px;
	}
    html body #showClientSessionsData_wrapper table.dataTable tbody th:first-child, html body #showClientSessionsData_wrapper table.dataTable tbody td:first-child{
		min-width: 40px;
	}
    html body #showClientSessionsData_wrapper table.dataTable tbody th:nth-child(2), html body #showClientSessionsData_wrapper table.dataTable tbody td:nth-child(2){
		min-width: 150px;
	}
    html body #showClientSessionsData_wrapper table.dataTable tbody th:nth-child(3), html body #showClientSessionsData_wrapper table.dataTable tbody td:nth-child(3){
		min-width: 150px;
	}
    html body #tableSessionReceipt table.dataTable tbody th:nth-child(1), html body #tableSessionReceipt table.dataTable tbody td:nth-child(1){
		min-width: 150px;
	}
    html body #tableSessionReceipt table.dataTable tbody th:nth-child(2), html body #tableSessionReceipt table.dataTable tbody td:nth-child(2){
		min-width: 150px;
	}
    html body #dataTableForWalletLedger_wrapper table.dataTable tbody th:nth-child(1), html body #dataTableForWalletLedger_wrapper table.dataTable tbody td:nth-child(1){
		min-width: inherit;
	}
    html body #dataTableForWalletLedger_wrapper table.dataTable tbody th:nth-child(2), html body #dataTableForWalletLedger_wrapper table.dataTable tbody td:nth-child(2){
		min-width: 150px;
	}
    html body #dataTableForWalletLedger_wrapper table.dataTable tbody th:nth-child(3), html body #dataTableForWalletLedger_wrapper table.dataTable tbody td:nth-child(3){
		min-width: 150px;
	}

    .boxTopNotification{
        padding: 15px 30px 15px 15px;
    }
    .boxTopNotification p{
        line-height: 1.5;
    }
    .boxTopNotification .btn-close{
        top: 6px;
        right: 5px;
        font-size: 11px;
        padding: 3px;
    }
    .betaText{
        top: -10px;
        padding: 4px 7px;
        font-size: 11px;
    }
    .addSticky .boxTopNotification{
        position: relative;
    }

}
@media (max-width: 407px){
    /* Overriding styles */

    .txt-therapist-search::placeholder {
        font-size: 12px!important;
    }
}
@media (max-width: 640px){
    .dataTables_filter{ max-width: 100%;}
}
@media (max-width: 576px){
    .modal-dialog{ 
        margin-left: 15px;
        margin-right: 15px;
    }
    .modal-xl{
        padding-left: 0px;
        padding-right: 0px;
    }
    .boxForm.onboardingAccordion h2{
        font-size: 14px;
        line-height: 1.5;
    }
    .box_cancel_appointment .btn{
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .box_cancel_appointment{
        padding: 10px;
    }
    /* .row_servicesDetail, .row_servicesDetail h6{
        font-size: 12px;
    } */
    .row_servicesDetail{
        margin-left: -5px;
        margin-right: -5px;
    }
    .row_servicesDetail > [class*="col"]{
        padding-left: 5px;
        padding-right: 5px;
    }
    ul.list_servicesDetail li.column_services{ width: auto;}
    .textBalanceTable{ min-width: inherit;}
    .form-check-wallet .form-check-input[type="checkbox"]{ margin-top: 0px;}
    /* .row_servicesDetail h3{ font-size: 12px;} */
    .box_discountCode .form-control{ font-size: 12px;}
    .box_discountCode .btn{ min-width: inherit; font-size: 12px; padding: 0px 10px;}
    .box_discountCode{ max-width: 150px;}
    .row_servicesDetail + .row_servicesDetail{ margin-top: 10px;}
    .box_discountCode{ margin-bottom: 5px;}
    ul.list_slots{ font-size: 14px;}
    .form-check-wallet{ display: block; margin: 4px 0px 0px 0px; }
    .f14 {
        font-size: 14px !important;
    }
    ul.list_servicesDetail li.column_price{ width: auto;}
    .boxfill.boxPaymentMethod{ padding: 0px !important;}
    ul.listPaymentcard li + li{ margin-left: 3px;}
    .row_servicesDetail.align-items-center{ align-items: start !important;}
    ul.list_servicesDetail li + li{ padding-left: 0px;}
    ul.list_servicesDetail li{ padding-right: 10px;}
    ul.list_servicesDetail li.column_course{ width: auto;}
    #calendar .date{ font-size: 15px;}
    #calendar li.inside{ height: 55px;}
    .calendar{ min-width: 100%;}
    #calendar li.inside{ height: 44px;}
    .button-cal .btn{ width: 100%;}
    .button-cal .btn + .btn{ margin: 15px 0px 15px 0px;} 
    .button-cal{ padding-bottom: 30px;}
    #calendar li.inside ul.listSlotsDots{ font-size: 8px; padding: 0px 1px;}
    /* #calendar li.inside ul.listSlotsDots li + li{ padding-left: 2px;} */
    #calendar li.inside ul.listSlotsDots li .dots{ margin-right: 0px; width: 4px; height: 4px; top:-1px; position: relative;}
    .form-check-wallet{ line-height: 1.3;}
}
@media (max-width: 480px){
    .box_editprofile_tabs .nav li{
        display: block;
        width: 100%;
    }
    .box_editprofile_tabs .nav{
        width: 100%;
    }
    .box_landing_tabs ul.nav-pills li .nav-link{
        width: 100%;
    }
    .box_editprofile_tabs ul.nav-pills li + li{
        margin: 10px 0px 0px 0px;
    }
    .ui-datepicker-calendar thead th span{
        width: 20px;
    }
    /* .ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
        width: 20px;
        line-height: 20px;
        height: 20px;
    } */
    .dropdownWalletBalance .linkWallet  #wallet_ledger{ width: 50%; line-height: 1.2;}
    .dropdownTimeZone .select2-container{ width: 150px !important;}
    .dropdownTimeZone .textTimeZone{ line-height: 1.2;} 

    .btnsFind .btn{
        width: 100%;
    }
    .btnsFind .btn + .btn{
        margin-top: 10px;
        margin-left: 0px;
    } 
    .content_whiteBoxDatePicker{ min-height: 245px;}
    .linkWallet .text-primary{ width: 50%; line-height: 1.3;}
}
@media (max-width: 400px){
    .navbar .btn{
        min-width: inherit;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 12px;
        height: 33px;
        line-height: 33px;
    }
    .btns_header .btn.btn-secondary{
        line-height: 29px;
    }
    .navbar-toggler{
        font-size: 20px;
        padding: 0px 5px;
    }
    .content_box_normal{
        padding: 15px !important;
    }
    .ui-datepicker-calendar td a, .ui-datepicker-calendar td span{
        width: 20px;
    }
    ul.listTherapistsServices li .btn-sm{
        height: 30px;
        line-height: 30px;
        padding: 0px 9px;
        font-size: 12px;
    }
    .innerfilterMobileContent{
        max-width: 260px;
    }
    .innerfilterMobileContent{
        font-size: 13px;
    }
    .innerfilterMobileContent h3{
        font-size: 14px;
    }
    .innerfilterMobileContent .accordion-header .accordion-button{
        padding: 10px 12px;
        font-size: 15px;
    }
    .innerfilterMobileContent{
        padding: 20px;
    }
    .inlineSearchBox .row [class*="col"]{
        width: 100%;
    }
}
@media (max-width: 380px){
    ul.listPaymentcard{ float: none; margin-bottom: 15px;}
    .checkbox_therapist .form-check + .form-check{ margin-left: 15px; }
    .checkbox_therapist{ font-size: 13px; padding: 12px 5px; }
    .checkbox_therapist .form-check + .form-check:before{ left: -10px; }
    .checkbox_therapist .form-check-label{ padding-left: 0px; }
    .navbar{ padding: 13px 10px 13px 13px;}
    #calendar li.inside ul.listSlotsDots{ font-size: 6px; padding: 0px 1px;}
    #calendar li.inside ul.listSlotsDots li + li{ padding-left: 1px;}
    .box_booking_details .row{ margin-left: -5px; margin-right: -5px; }
    .box_booking_details .row [class*="col"]{ padding-left: 5px; padding-right: 5px;}
    .box_booking_details{ padding: 10px 10px 10px 14px; }
    .box_booking_details h4{ font-size: 15px;}
    .box_booking_details .btn{ min-width: auto; font-size: 13px;}
    .box_booking_details .row [class*="col"] + [class*="col"]{  width: 58%;}
    .box_booking_details .row [class*="col"]:first-child{ width: 42%;}
}
@media (max-width: 350px){
    .navbar .btn{
        padding-left: 8px;
        padding-right: 8px;
        font-size: 11px;
    }   
    .navbar .btn +.btn{
        margin-left: 4px;
    }
    .navbar-toggler{
        margin-left: 2px;
    }

}
.pageNotFound {
    padding: 0px 25px 25px 25px;
}
.pageNotFound img{
    max-height: 700px;
    display: table;
    margin: 0px auto;
}

.modelCenter {
    display:flex !important;
    justify-content: center;
}

#modelSignInWrapper .show {
    display:flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.headerCountry {
    margin-left: 12px;
}

.headerCountry .select2-container {
    min-width: 155px;
    width: auto !important;
}

.country-banner .select2-selection {
    background-color:#282828;
}

.country-banner .select2-container{
    /*z-index: 99999999999;*/
    min-width: 100px;
}

.country-banner .select2-selection .select2-selection__rendered {
    color:white;
}

/* .country-banner .select2-container--open{
    border-color: #ced4da;
    background-color: #F5F5F5;
    box-shadow: 0px 0px 15px rgb(222 222 222 / 80%);
} */

.country-banner .select2-container .select2-selection--single:focus, .select2-container .select2-selection--single:active{
    border-color: #ced4da;
    background-color: black;
    box-shadow: 0px 0px 15px rgb(222 222 222 / 13%);
}

.country-banner .select2-container .select2-selection:focus, .select2-container .select2-selection:active{
    border-color: #ced4da;
    background-color: black;
    box-shadow: 0px 0px 15px rgb(222 222 222 / 13%);
}


.country-banner .select2-selection .select2-selection__arrow {
    color:#888CC4;
}


.country-banner .select2-results {
    background-color: #F5F5F5;
    color: white;
}

.flag-text {
    font-size: 15px;
}

.black-banner-close {
    cursor: pointer;
}

.login-icon {
    width:40px;
    height:40px;
    cursor: pointer;
}

.dynamic-field {
    background-color:#F9F9F9;
    padding : 5px 10px 25px 10px;
}

.dynamic-field input {
    background-color: #fff;
}

.remove-decoration, .remove-decoration:hover {
    text-decoration: inherit;
    color: inherit;
}

.alertWhatsapp{
    position: fixed !important; /* Fixed/sticky position */
    bottom: 15px; /* Place the button at the bottom of the page */
    right: 80px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    margin-bottom: 0px;
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 7px 10px; /* Some padding */
    font-size: smaller;
    background-color: #f6f7f5;
    /* display: inline-block; */
    
}

.alertWhatsappWithFilter{
    position: fixed !important; /* Fixed/sticky position */
    bottom: 65px; /* Place the button at the bottom of the page */
    right: 80px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 7px 10px; /* Some padding */
    font-size: smaller;
    background-color: #f6f7f5;
    /* display: inline-block; */
}

.btnWhatsapp{
    position: fixed !important; /* Fixed/sticky position */
    bottom: 0px; /* Place the button at the bottom of the page */
    right: 0px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    /* display: inline-block; */
    
}

.btnWhatsappWithFilter{
    position: fixed !important; /* Fixed/sticky position */
    bottom: 50px; /* Place the button at the bottom of the page */
    right: 0px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    /* display: inline-block; */
    
}

.social-signin-button-group button {
    border-color: #888CC4 !important;
    color: #888CC4;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.social-signin-button-group button img {
    margin-right: 10px;
}

.social-signin-button-group button:hover {
    background-color: #888CC4;
    color: white;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 14px;
    /* color: #E9E9E9; */
}
  
.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #E9E9E9;
   
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}


/*
    Vertical Line
*/
.line {
    position: absolute;
    left: 49%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #E9E9E9;
    z-index: 1;
}

.wordwrapper {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
}

.word {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 3px;
    font-size: 14px;
    background: #fff;
}

#modelPhoneNumber {
    z-index: 1060000001 !important; 
}

.marginBottom {
    margin-bottom: 15px;
}

.cardWidget { 
    border-radius: 15px;
    border: 0.5px solid #eee;
    background-color: #fff;
    padding-top: 10px;  
    max-width: 280px; 
    margin-right: 5px;
}

.customBold{
    font-size: 24px;
    color: #888CC4;
    font-weight: 600;
    margin: 0px 0px 20px 0px;
}

@media (max-width:853px) {
   

    .marginTop{
        margin-top: 21px !important;
    }

    .paddingNo{
        padding-bottom: 0 !important;
    }

}

@media (max-width:557px) {
    .marginTop2{
        margin-top: 22px !important;
    }
}

.marginTop{
    margin-top: 21px;
}

@media (min-width:913px) and (max-width:1025px) {
    .marginLeftt{
        margin-left: 75px !important;
    }
}
@media (min-width:770px) and (max-width:821px) {
    .marginLeftt{
        margin-left: 95px !important;
    }
}
@media (min-width:541px) and (max-width:769px) {
    .marginLeftt{
        margin-left: 54px !important;
    }
}

@media (min-width:430px) and (max-width: 540px){
    .messageBoard{
        padding-left: 12px !important;
    }
    .cardWidget{
        max-width: 380px !important;
    }
}

@media (min-width:414px) and (max-width: 429px){
    .messageBoard{
        padding-left: 12px !important;
    }
    .cardWidget{
        max-width: 355px !important;
    }
}

@media (min-width:390px) and (max-width: 410px){
    .messageBoard{
        padding-left: 12px !important;
    }
    .cardWidget{
        max-width: 331px !important;
    }
}

@media (max-width: 380px){
    .messageBoard{
        padding-left: 12px !important;
    }
    .cardWidget{
        max-width: 321px !important;
    }
}

.mbCustom{
    margin-bottom:15px !important;
}


.newflow-font h1{   
    font-family: Poppins;
    font-size: 32px;
    line-height: 56px;
    letter-spacing: 0px;
    }

.newflow-font h2{   
    font-family: Poppins;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0px;
    }

.newflow-font h3{   
    font-family: Poppins;
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0px;
    }

.customProperties{
    background-color: #F3F3F9;
    border-radius: 4px;
}
.newflow-bl-color {
    color: #333333;
}

.understandChecked_error {
    padding: 0px !important;
}

.understandChecked-label {
    font-size: 14px;
    color: #333333;
}

.journal_left_box {

    background-color: #F5FBFF !important;
    border-radius: 16px;
    /* border: 1px solid #EEEEEE; */
    width: 296px;
    height: 100%;
   
}

.quote_box{
    /* background-color: #F5FBFF; */
    border-radius: 16px;
    min-height: 120px;
    
    border: 1px solid #eeeeee;
    margin-bottom: 32px;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

.journal_right_box{
    background-color: #FFFFFF;
    border-radius: 16px;
    
    /* height: 100%; */

    border: 1px solid #eeeeee;
    opacity: 1px;
    
    
}


.journal_calendar{
    background-color: #E2F8FC;
    border-radius: 16px 16px 0px 0px;
    height: 328px;
    margin-bottom: 16px;
    /* border: 1px solid #eeeeee; */
    
}

.quote_label{
    padding: 16px 16px 8px 16px;
    font-weight: 700;
    font-size: 26px !important;
    line-height: 32px;
    color: #FFF;
}

.journal_entry_box{
    padding: 16px;
    /* margin-bottom: 10px; */
    
}
.mood_entry_box{
    padding: 16px;
}
.save_button_box{
    padding: 16px;
}
.intervention_entry_box{
    padding: 16px 16px 8px 16px;
}
.previous_entry_box, .my_milestone_box, .my_habit_box, .challenge_box{
    padding: 16px;
}

#btnSuccessful {
    border: 1px solid #888CC4 !important;
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 8px;
    height: 40px;
    line-height: 24px;
    font-size: 16px;
    padding: 8px 16px 8px 16px;
    min-width: inherit;
}

.previous_entries{
    display: flex;
    width: 120px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    flex-shrink: 0;

    border-radius: 4px;
    background:grey;
    
}
.previous_entries_label{
    color: var(--System-White, #FFF);

    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom:0;
    padding-top:6px;
}

.previoius_entry_date{
    color:#CFD1E7;

    /* Body Small/Bold */
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px; /* 123.077% */
    margin-top: auto;
}

.usePrompt{
    height: 32px;
    letter-spacing: 0.5px;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    padding: 8px;
    min-width: 90px;
    border-radius: 8px;
    color: black;
    background-color: #FFF !important;
    border: 1px solid grey !important;
}
#entry {
    border-top: none;
    background-color: #F5F5F5 !important;

    border-radius: 0px 0px 5px 5px !important;
}

#entry:focus {
    border: none;
    background-color: #F5F5F5 !important;
    box-shadow: 0px 0px 30px rgb(136 140 196 / 40%);
}

#prompt_textarea:disabled,
    #prompt_textarea:read-only {
        background-color: #F5F5F5 !important;

    }

#prompt_textarea:focus {
    border: none;
    background-color: #F5F5F5 !important;
    box-shadow: none !important;
}

#intervention_click {
color: #888CC4;


font-size: 13px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0px;
text-align: left;


}

#intervention_input{
    height: 30px;
    margin-right: 10px;
}
#intervention_label{
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    color: #333333;
    padding: 8px 0 0 0;
    border: none;
    /* border-radius: 5px; */
    /* border-color: #E9E9E9; */
    background-color: transparent;
}

#submit_intervention{
    color: #888CC4;
    height: 30px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    padding: 0px;
    min-width: 10px;
    border-radius: 0px;
    box-shadow: none;
    
}

#submit_intervention:hover {
    color: #888CC4 !important;
    background-color: #FFF;
    border-color: #FFF;
}

#prompt_modal{
    width: 700px;
    right: 100px;
}

#previous_entries1,#previous_entries2,#previous_entries3{
    background: #D1766F;
}
#previous_entries4,#previous_entries5,#previous_entries6,#previous_entries7{
    background: #CCE5ED ;
    
}
#previous_entries4 .previous_entries_label {
    color: #525476 !important; 
}
#previous_entries4 .previoius_entry_date {
    color: #757575 !important; 
}
#previous_entries5 .previous_entries_label {
    color: #525476 !important; 
}
#previous_entries5 .previoius_entry_date {
    color: #757575 !important; 
}
#previous_entries6 .previous_entries_label {
    color: #525476 !important; 
}
#previous_entries6 .previoius_entry_date {
    color: #757575 !important; 
}
#previous_entries7 .previous_entries_label {
    color: #525476 !important; 
}
#previous_entries7 .previoius_entry_date {
    color: #757575 !important; 
}
#previous_entries8 .previous_entries_label {
    color: #525476 !important; 
}
#previous_entries8 .previoius_entry_date {
    color: #757575 !important; 
}

#previous_entries9 .previous_entries_label {
    color: #525476 !important; 
}
#previous_entries9 .previoius_entry_date {
    color: #757575 !important; 
}
#previous_entries10 .previous_entries_label {
    color: #525476 !important; 
}
#previous_entries10 .previoius_entry_date {
    color: #757575 !important; 
}

#previous_entries8,#previous_entries9,#previous_entries10{
    background: #FDDD98 ;
}
#previous_entries11,#previous_entries12,#previous_entries13{
    background: #719094 ;
}
#btnMilestone, #btnHabit{
    height: 32px;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    padding: 8px;
    min-width: 110px;
    border-radius: 8px;
    color: #888CC4;
    background-color: #FFF !important;
    border: 1px solid #888CC4 !important;

    box-shadow: 0px 4px 8px 0px rgba(136, 140, 196, 0.25);

}

#submit_milestone{
    width: 300px; 
        position: relative; 
}

#btnAddHabit, #btnAddMilestone{
    height: 24px;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 4px 8px;
    min-width: 60px;
    border-radius: 12px;
    color: #888CC4;
    background-color: #FFF !important;
    border: 1px solid #888CC4 !important;
}

#habit_input {
    height: 24px;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 4px 20px 4px 8px;
    width: 160px;
    border-radius: 12px;
    color: #888CC4;
    background-color: #FFF !important;
    border: 1px solid #888CC4 !important;
    margin-right: 0px;
    margin-bottom: 5px;
}

.habitNameLabel{
    height: 24px;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 4px 8px;
    min-width: 60px;
    border-radius: 12px;
    color: #888CC4;
    background-color: #FFF !important;
    border: 1px solid #888CC4 !important;
    margin-bottom:8px;
}

.btnSetMilestone{
    padding: 0px;
    border:none;
    width: 20px;
    border-radius: 50% !important;
    height: 20px;
    font-size: 11px;
    border-radius: 15px;
    line-height: 20px;
    text-align: center;
    right: 1%;
    top: 50%;
    transform: translateY(-50%);

    font-size: 16px;
    color:#888CC4;
    background-color: transparent;
}
.btnSetMilestone:hover {
    background-color: transparent;
    cursor:pointer;
    /* border-color: #797DB8; */
}
#milestone_input{
    margin-right: 0px !important;
    padding-right: 30px;
    background-color: #F5F5F5 !important;
}

.btnClearHabit {
    padding: 0px;
    border: none;
    width: 20px;
    border-radius: 50% !important;
    height: 20px;
    font-size: 11px;
    border-radius: 15px;
    line-height: 20px;
    text-align: center;
    left: 140px;
    top: 55%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #888CC4;
    background-color: transparent;
}

#input_habit_box{
    display: inline;
}

#all_habit_box{
    background-color: #F5FBFF;
}

#all_entry_box{
    background-color: #F5FBFF;
}

.habitMonthLabel{
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #888CC4;

}

.habit_label{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #1b1c27 !important;
}

#habitSubmit,#milestoneSubmit {
    border: none;
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 8px;
    height: 40px;
    line-height: 24px;
    font-size: 16px;
    padding: 8px 16px 8px 16px;
    min-width: inherit;
}

#habitSubmit:hover,
#habitSubmit.active,
#habitSubmit:focus {
    color: #FFF;
    background-color: #424242 !important;
}
#milestoneSubmit:hover,
#milestoneSubmit.active,
#milestoneSubmit:focus {
    color: #FFF;
    background-color: #424242 !important;
}

#milestoneDate{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #A9A9A9;

}






.fc .fc-button-primary {
    background-color: #888CC4 !important;
    border-color: #888CC4 !important;
    text-transform: capitalize !important;
}
#showClientsData th {
    text-align: center;
}
.tooltipCustom {
    position: relative;
    display: inline-block;
}

.tooltipCustom .tooltiptext {
    visibility: hidden;
    padding: 16px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: -143px;
    font-size: 12px;
    line-height: 1.5;
    opacity: 1 !important;
    max-width: 400px;
    color: #FFFFFF;
    background-color: #36384E;
    font-family: 'Poppins', sans-serif;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.16);
    text-align: left;
    border-radius: 8px;
    font-weight: 400;
    width: 300px;
}

.tooltipCustom .tooltiptext2 {

  visibility: hidden;
  width: 100px;
  background-color: #E2F8FC;
  color: #333333;
  text-align: center;
  border-radius: 6px;
  padding: 6px 12px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: -50%;
  margin-left: -50px;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
  font-family: 'Poppins', sans-serif;
  font-size: 12px;

}

.tooltipCustom .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #E2F8FC transparent transparent transparent;
}

.tooltipCustom:hover .tooltiptext{
  visibility: visible;
}

.tooltipCustom .tooltiptext2::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.tooltipCustom:hover .tooltiptext2{
  visibility: visible;
}

.labelColor{
    color:#333333;
}

.textarea-custom{
    height: 80px;
}

.hidden{
    display: none;
}

@media (max-width:900px){
    .mt10{
        margin-top: 16px;
    }
}

.fontFeedback{
    font-size:14px;
    margin-top:3px; 
    color:#719094;
}

.positionFirst{
    position: relative;
}

.tellus{
    position: absolute;
    bottom: 20px;
    right: 50px;
    text-align: right;
}

.feedbacklink{
    text-decoration: underline; 
    color: #888CC4; 
    font-size:14px;
}
.walletLabel{
    font-size: 16px;
    color:#333333;
    font-weight: 500;
}

.walletTitle{
    font-size: 12px !important;
    color:#1B1C27 !important;
    font-weight: 700 !important;
}

.mb16{
    margin-bottom: 5px !important;
}

.emergency_field_info{
    color:#719094 ;
    font-size: 11px;
    font-weight: 400;
    
}

.emergency_form_label, .client_intake_label {
    color: #1B1C27;
    font-size: 12px;
    font-weight: 700;
}

.messageClient{
    width:100% !important;
}

.eapText {
    align-items: start;
    color: #719094;
    font-size: 11px;
    display: flex;
    flex-direction: row;
}