@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{font-size:16px;color:#344763;font-family: 'Poppins', sans-serif;font-weight:400;margin:0;padding:0;line-height:normal;background-color:#f5f6fa}
a,a:focus,button:focus,input:focus{outline:0;box-shadow:inherit;box-shadow:none}
a,a:focus,a:hover,button:hover{text-decoration:none;transition:all .5s ease-in-out}
img{max-width:100%}
a:focus,button:focus{outline:0;box-shadow:none}
ul{margin:0;padding:0}
li{list-style:none}
section{width:100%}
.overflow,.overflow .rightContent{overflow:hidden}

html {
  scroll-behavior: smooth;
}
.b24-widget-button-position-bottom-right{
  right: 15px !important;
  bottom: 15px !important;
}
.caricons{
  max-width: 234px;
}
.extracontrol{
border: 1px solid #eeeff4;
    border-radius: 16px;
    background-color: #fff;
    color: #344763;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    height: 48px;
    padding: 24px 16px 8px;
    resize: none;
}
#docChart{width: 100%;}

.tabsProfile-img{
  position: relative;
}
#consulting{
  list-style-type: none;
}


::-webkit-scrollbar {width: 3px;height: 3px;}
/* Handle */
::-webkit-scrollbar-thumb {background:#99A5B1; border-radius: 10px;}
/* Track */
::-webkit-scrollbar-track {background:#F5F6FA;}

/* typography CSS Start */
.btn.focus, .btn:focus {box-shadow: inherit;outline: none;}
.title-row {position: relative;}
.minTitle {display: inline-block;}
.minTitle span {text-transform: uppercase;background-color: #f5f6fa;font-weight: 800;font-size: 40px;line-height: 48px;color: #7C808E;display: inline-block;position: relative;z-index: 1;padding-right: 40px;}
.minTitle::after {content: "";position: absolute;height: 1px;right: 0;background-color: #DCDDE0;top: 50%;transform: translate(0, -50%);width: 100%;z-index: 0;}

.subText {font-weight: 800;font-size: 16px;line-height: 19px;color: #C4C4C4;}
.title1 {font-weight: 600;font-size: 24px;line-height: 30px;color: #344763;}
.title2 {font-weight: 600;font-size: 16px;line-height: 20px;color: #344763;}
.title3 {font-weight: 600;font-size: 14px;line-height: 18px;color: #344763;}

.paragraphTitleText {font-weight: 800;font-size: 16px;line-height: 19px;color: #C4C4C4;}
.paragraphTitle1 {font-weight: 300;font-size: 16px;line-height: 26px;color: #344763;}
.paragraphTitle2 {font-weight: 600;font-size: 20px;line-height: 24px;color: #344763;}
.paragraphTitle3 {font-weight: normal;font-size: 20px;line-height: 24px;color: #344763;}
.paragraphTitle4 {font-weight: 600;font-size: 16px;line-height: 20px;color: #344763;}
.paragraphTitle5 {font-weight: normal;font-size: 16px;line-height: 20px;color: #344763;}
.paragraphTitle6 {font-weight: 600;font-size: 12px;line-height: 16px;color: #344763;}
.paragraphTitle7 {font-weight: normal;font-size: 12px;line-height: 16px;color: #344763;}
.paragraphTitle8 {font-weight: 600;font-size: 10px;line-height: 14px;color: #344763;}
.paragraphTitle9 {font-weight: normal;font-size: 10px;line-height: 12px;color: #344763;}


.largeBtnRow {display: flex;}
.largeBtnTitle {flex: 0 1 150px;}
.largeBtnCol, .mediumBtnCol, .smallBtnCol, .xsmallBtnCol {flex: 1 1 auto;}
.largeBtnTitle h3 {font-weight: 800;font-size: 20px;line-height: 24px;text-transform: uppercase;color: #000000;}

.largeBtn {display: flex;justify-content: space-between;}


.large_btn {display: flex;align-items: center;background: #55BC7E;border-radius: 16px;font-weight: 600;font-size: 20px;line-height: 24px;text-align: center;text-transform: uppercase;color: #FFFFFF;border:none;padding: 20px 40px;}
.large_btn img, .large_btn_link img, .medium_btn img, .medium_btn_link img, .small_btn img, .small_btn_link img, .xsmall_btn img, .xsmall_btn_link img {padding: 0 10px;}
.large_btn:hover, .medium_btn:hover, .small_btn:hover, .xsmall_btn:hover  {color: #fff;background-color: #479e6a;}
.large_btn_link {display: flex;align-items: center;background: transparent;border-radius: 16px;font-weight: 600;font-size: 20px;line-height: 24px;text-align: center;text-transform: uppercase;color: #55BC7E;border:none;padding:0px;}
.large_btn_link:hover, .medium_btn_link:hover, .small_btn_link:hover, .xsmall_btn_link:hover {color: #479e6a;}

.pl-24 {padding-left:24px !important;}
.pr-24 {padding-right:24px !important;}
.pl-16 {padding-left:16px !important;}
.pr-16 {padding-right:16px !important;}
.pl-12 {padding-left:12px !important;}
.pr-12 {padding-right:12px !important;}
.pl-8 {padding-left:8px !important;}
.pr-8 {padding-right:8px !important;}
.pl-6 {padding-left:6px !important;}
.pr-6 {padding-right:6px !important;}
.largeBtnRow ul {display: flex;align-items: center;justify-content: space-between;}
.xsmall-icon-width {width: 20px;}
.small-icon-width {width: 26px;}

.medium_btn {display: flex;align-items: center;background: #55BC7E;border-radius: 16px;padding: 14px 114px;font-weight: 600;font-size: 16px;line-height: 20px;text-align: center;text-transform: uppercase;color: #FFFFFF;}
.medium_btn_link {display: flex;align-items: center;background:transparent;border-radius: 16px;padding: 0px;font-weight: 600;font-size: 16px;line-height: 20px;text-align: center;text-transform: uppercase;color: #55BC7E;}
.small_btn {display: flex;align-items: center;background: #55BC7E;border-radius: 12px;font-weight: 600;font-size: 12px;line-height: 16px;text-align: center;text-transform: uppercase;color: #FFFFFF;padding:12px 16px;}
.small_btn_link {display: flex;align-items: center;font-weight: 600;font-size: 12px;line-height: 16px;text-align: center;text-transform: uppercase;color: #55BC7E;    padding: 0;}
.xsmall_btn {font-weight: 600;font-size: 10px;line-height: 14px;text-align: center;text-transform: uppercase;color: #FFFFFF;background: #55BC7E;border-radius: 8px;}
.xsmall_btn_link {display: flex;align-items: center;font-weight: 600;font-size: 10px;line-height: 14px;text-align: center;text-transform: uppercase;padding: 0;color: #55BC7E;}

.iconTitle {padding-bottom: 20px;}
.iconTitle {font-weight: 800;font-size: 20px;line-height: 24px;text-transform: uppercase;color: #000000;}
.formTitle {font-weight: 900;font-size: 32px;line-height: 38px;text-transform: uppercase;color: #000000;}
.iconRow ul {display: flex;align-items: center;flex-wrap: wrap;}
.iconRow ul li {width: 5.3%;text-align: center;padding-bottom: 30px;}

.formTitleSub {font-weight: 800;font-size: 20px;line-height: 24px;text-transform: uppercase;color: #000000;}
.formLabel {font-weight: 600;font-size: 10px;line-height: 12px;color: #FFFFFF;background: #344763;border-radius: 10px;padding: 2px 4px;margin-bottom: 18px; display: inline-block;}

.formCol {padding-bottom: 50px;}
.disabled {opacity: 0.7;}
.disabled.container-row:hover input~.checkmark {background-color: #fff;border: 1px solid transparent;}
.disabled.container-row input:checked~.checkmark {background-color: #55bc7e;border: 1px solid #55bc7e;}
/*! Switch Button */
.togglebutton {display:flex;align-items:center;padding-top:30px}
.togglebutton  p{font-weight:400;font-size:16px;line-height:20px;color:#344763;margin-bottom:0;padding-left:16px}
.togglebutton  input[type=checkbox]{height:0;width:0;visibility:hidden}
.togglebutton  label{cursor:pointer;width:70px;height:32px;background:#808b96;display:block;border-radius:30px;position:relative;margin:0}
.togglebutton  label::before{content:attr(data-off);position:absolute;top:50%;right:10px;font-weight:600;font-size:12px;line-height:16px;color:#fff;transform:translate(0,-50%)}
.togglebutton  input:checked+label::before{content:attr(data-on);position:absolute;left:10px;top:50%;font-weight:600;font-size:12px;line-height:16px;color:#fff;transform:translate(0,-50%)}
.togglebutton  label::after{content:'';position:absolute;top:50%;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;transform:translate(0,-50%)}
.togglebutton  input:checked+label{background:#55bc7e}
.togglebutton  input:checked+label::after{-webkit-transform:translate(0,-50%) translateX(28px);transform:translate(0,-50%) translateX(28px);left:14px}
/*! Switch Button */
.largeBtn  label {width: 56px;height: 32px;}
.largeBtn  label::after {width: 24px;height: 24px;}
.largeBtn input:checked+label::after {left: 0;}
/* smallBtn */
.smallBtn label {width: 48px;height: 24px;}
.smallBtn label::after {width: 18px;height: 18px;}
.smallBtn input:checked+label::after {left: -2px;}
/*! Switch Button */
.form-control.is-invalid{border-color: #FF4C49 !important;background: inherit;}
.errorMessage {font-weight: normal;font-size: 10px;line-height: 12px;color: #FF4C49;padding: 0 16px; display: block; margin-top: 2px;}

.invalidMessage {padding-left: 20px;}
.invalidMessage li {list-style: disc;color: #ff4c49;font-size: 16px;line-height: 20px;font-weight: 400;margin: 8px 0;}


.control-right-icon {background-image: url(../../images/front/location-icon.svg);background-repeat: no-repeat;background-position: center right 15px;padding-right: 46px !important;}
.control-left-icon {background-image: url(../../images/front/location-icon.svg);background-repeat: no-repeat;background-position: center left 20px;padding-left: 46px !important;}
.form-group .control-left-icon+.floating-label,
.form-group .control-left-icon~.floating-label {left: 46px;}
.form-control.control-left-icon+.select2 .selection .select2-selection--single  {background-image: url(../../images/front/location-icon.svg);background-repeat: no-repeat;background-position: center left 20px;padding-left: 46px !important;}

.formGroup {position: relative;}
.formGroup .formControl {background: #FFFFFF;border: 1px solid #EEEFF4;border-radius: 16px;height: 48px;width: 100%;font-weight: 400;font-size: 12px;line-height: 16px;color: #344763;padding: 16px;padding-right: 45px;}
.formGroup .btn {border: 0;padding: 0;position: absolute;top: 50%;transform: translate(0,-50%);right: 16px;width: 30px;height: 30px;outline: 0;box-shadow: inherit;}

.otpNubmer .form-group {display: flex; align-items: center;}
.otpNubmer .form-group .form-control {padding: 5px;width: 66px;text-align: center;margin: 0 4px;font-weight: 600;font-size: 20px;line-height: 24px;color: #111318;}
.otpNubmer .form-group .form-control:focus {background-color: transparent;}

.inputsValues {display: flex;align-items: center;}
.clickIcon {background: #FFFFFF;border-radius: 12px;padding: 8px;width: 40px;height: 40px;text-align: center;display: flex;align-items: center;justify-content: center; cursor: pointer;}
.clickIcon.add {background: #55BC7E;}
.valuesRow {width: 30%;}
.valuesRow input {font-weight: 600;font-size: 20px;line-height: 24px;text-align: center;color: #111318;width: 100%;background: inherit;border: none;padding: 0;}

.verifyNumber {margin-bottom: 20px;}
.verifyNumber span {font-weight: 600;font-size: 20px;line-height: 24px;color: #344763;display: flex;align-items: center;}
.verifyNumber span i {margin-left: 8px;width: 14px;display: block;}
.verifyTime {display: flex;align-items: center;padding-top: 17px;}
.verifyTime label {font-weight: 600;font-size: 10px;line-height: 12px;color: #FFFFFF;background: #808B96;border-radius: 10px;padding: 2px 4px;margin-right: 20px;}
.verifyTime p{font-weight: 600;font-size: 10px;line-height: 14px;text-align: center;text-transform: uppercase;color: #99A5B1;}

.selectRow+.select2-container--default .select2-selection--single {padding: 16px 16px;}
.select2-container--open .select2-selection--single .select2-selection__arrow {transform: translate(0, -50%) rotate(180deg);transition:all .5s ease-in-out;}

.badgesRow {font-weight: 600;font-size: 12px;line-height: 16px;color: #4ECCF3;margin: 0;background: rgba(78, 204, 243, 0.1);border-radius: 8px;padding: 0 4px;white-space: nowrap;margin-bottom: 8px;}
.badgesCounterTag {font-weight: 600;font-size: 12px;line-height: 16px;text-align: center;color: #fff;margin: 0;background: #ff4c49;border-radius: 50%;height: 20px;width: 20px;display: flex;align-items: center;justify-content: center;}

.staticCardsTitle {font-weight: 800;font-size: 20px;line-height: 24px;text-transform: uppercase;color: #000000;}

.previewDetails .card-services ul li {background:inherit;}
.previewDetails .tegBorder {width: 36px;}

.rightPracticeRow.smallBox {width: 100%;height: auto;background-color: #fff;margin: 0;}
.smallBox .dropeFileProgress .progress {background: #EEEFF4;height: 11px;border-radius: 4px;}
.dropzone-wrapper.smallBox {padding: 16px;}
.smallBox .uploadText {display: flex;align-items: center;justify-content: center;margin-top: 18px;}
.smallBox .uploadText strong {margin:0;margin-right: 6px;font-weight: 600;font-size: 14px;line-height: 18px;color: #344763;}

.uploaderTextRow {border: 2px dashed #99a5b1;border-radius: 16px;padding: 16px;width: 100%;height: auto;background-color: #fff;margin: 0;}
.uploaderTextRow p {margin-bottom:5px;font-weight: normal;font-size: 12px;line-height: 16px;color: #808B96;}
.uploaderTextName {display: flex;align-items: center;flex-wrap: wrap;}
.uploaderTextName label {position: relative;font-weight: 600;font-size: 10px;line-height: 14px;text-align: center;text-transform: uppercase;color: #344763;background: #EEEFF4;border-radius: 8px;padding: 5px 8px;margin: 0 2px 4px;padding-right: 28px;}
.uploaderTextName label::after {content: "";position: absolute;top: 50%;right: 10px;height: 14px;width: 14px;background: url(../../images/front/typography-icon3.svg) right no-repeat;transform: translate(0, -50%);background-size: 10px;cursor: pointer;}
.checkBoxCenter .checkmark {top: 50%;transform: translate(0, -50%);}
/* typography CSS End */




/*! Custom CSS */
/*! check box */
.container-row{display:block;position:relative;padding-left:32px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;font-size:12px;line-height:24px;color:#344763}
.container-row input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#fff;border:1px solid #eeeff4;border-radius:8px;transition:all .4s ease}
.container-row:hover input~.checkmark{background-color:#55bc7e;border:1px solid #55bc7e}
.container-row input:checked~.checkmark{background-color:#55bc7e;border:1px solid #55bc7e}
.checkmark::after{content:'';position:absolute;display:none}
.container-row input:checked~.checkmark::after{display:block}
.container-row .checkmark::after{left:8px;top:2px;width:7px;height:15px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.btn{transition:all .5s ease-in-out;outline:0!important}
.btn-primary{color:#fff;background-color:#55bc7e;border-color:#55bc7e}
.btn-primary.disabled,.btn-primary:disabled,.btn-primary:disabled:hover{color:#fff;background-color:#55bc7e;border-color:#55bc7e;opacity:.3;pointer-events:none}
.btn-primary.focus,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle,.show>.btn-primary.dropdown-toggle:focus{color:#fff;background-color:#479e6a;border-color:#479e6a;box-shadow:inherit}
.btn-primary:hover{color:#fff;background-color:#479e6a;border-color:#479e6a}
.btn-transparent{background-color:transparent;border-radius:0;border:0;padding:0;box-shadow:inherit!important}
.btn-medium{font-weight:600;font-size:16px;line-height:20px}
.btn-icon-right i{margin-left:12px}
/*! label focus */

.form-group{margin-bottom:16px;position:relative}
.form-group .form-control{border:1px solid #eeeff4;border-radius:16px;background-color:#fff;color:#344763;font-size:12px;line-height:16px;font-weight:400;height:48px;padding:24px 16px 8px; resize: none;}
.form-group .form-control:focus{box-shadow:inherit;border-color:#344763}
.form-group .floating-label{color:#808b96;font-size:12px;line-height:16px;pointer-events:none;position:absolute;top:17px;left:16px;-webkit-transition:all .4s ease;transition:all .4s ease;margin:0;opacity:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:calc(100% - 30px)}
.form-group .form-control.input-has-value~.floating-label,.form-group .form-control:focus~.floating-label{top:7px;font-size:10px;transform:inherit}
.form-group .form-control.input-has-value~.floating-label img,.form-group .form-control:focus~.floating-label img{width:10px}
.form-group .invalid-feedback{font-size:10px;line-height:12px;color:#ff4c49;padding-left:16px;display:block}
select.form-control{-webkit-appearance:none;-moz-appearance:none;background-image:url(../../images/front/select-arrow.svg);background-repeat:no-repeat;background-position:98% 50%}
/*! check box */
.container-row{display:block;position:relative;padding-left:32px;margin-bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;font-size:12px;line-height:28px;color:#344763}
.container-row input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#fff;border:1px solid #eeeff4;border-radius:8px;transition:all .4s ease}
.container-row:hover input~.checkmark{background-color:#55bc7e;border:1px solid #55bc7e}
.container-row input:checked~.checkmark{background-color:#55bc7e;border:1px solid #55bc7e}
.checkmark::after{content:'';position:absolute;display:none}
.container-row input:checked~.checkmark::after{display:block}
.container-row .checkmark::after{left:8px;top:2px;width:7px;height:15px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.autocomplete-suggestions{background:#fff;box-shadow:0 16px 80px rgba(0,0,0,.12);border-radius:12px;border:0;margin-top:8px;height:245px;overflow:auto}
.autocomplete-suggestions .autocomplete-suggestion{border-bottom:1px solid #f5f6fa;padding:12px 16px;font-size:12px;line-height:16px;color:#344763;font-weight:400;transition:all .3s ease-in-out;cursor:pointer}
.autocomplete-suggestions .autocomplete-suggestion:hover{background:#f5f6fa}
.autocomplete-suggestions .autocomplete-suggestion strong{background:#ccd2d8;font-weight:400}
.autocomplete-suggestions .autocomplete-suggestion:last-child{border-bottom:0}
.daterangepicker .drp-calendar.right,.daterangepicker::after,.daterangepicker::before{display:none}
.daterangepicker{background:#fff;box-shadow:0 16px 80px rgba(0,0,0,.12);border-radius:16px;border:0;width:255px}
.daterangepicker{background:#fff;box-shadow:0 16px 80px rgba(0,0,0,.12);border-radius:16px;border:0;width:255px;overflow:hidden}
.daterangepicker .drp-calendar,.daterangepicker .drp-calendar .calendar-table{padding:0!important;max-width:100%!important;width:100%;table-layout:fixed}
.daterangepicker .drp-calendar .calendar-table table{table-layout:fixed;display:flex;flex-direction:column}
.daterangepicker .drp-calendar .calendar-table table thead tr:first-child{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eeeff4}
.daterangepicker .drp-calendar .calendar-table table thead tr .available{height:48px;padding:10px 12px;background:0 0;width:auto;min-width:auto}
.daterangepicker .drp-calendar .calendar-table table thead tr:first-child th{border:0;display:flex;align-items:center;justify-content:center}
.daterangepicker .drp-calendar .calendar-table table thead tr .available span{display:block;height:10px;width:10px;margin:auto;border:0;background:url(../../images/front/left-black-icon.svg) no-repeat center;transform:rotate(0);-webkit-transform:rotate(0)}
.daterangepicker .drp-calendar .calendar-table table thead tr .available.next span{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.daterangepicker .drp-calendar .calendar-table table thead tr th.month{min-width:auto;color:#344763;font-size:12px;line-height:16px;font-weight:400;font-family:Poppins,sans-serif}
.daterangepicker .calendar-table tr:last-child{display:flex;align-items:center;padding:0 12px}
.daterangepicker .calendar-table tr:last-child th{font-weight:500;font-size:12px;line-height:16px;color:#99a5b1;flex:1;border:8px solid transparent;border-radius:8px!important;max-width:25px;width:25px;font-family:Poppins,sans-serif;min-width:25px;height:25px;display:flex;align-items:center;justify-content:center;padding:0;margin:4px}
.daterangepicker .calendar-table tbody tr{display:flex;align-items:center;padding:0 12px}
.daterangepicker .calendar-table tbody td{color:#344763;font-weight:400;font-size:12px;text-align:center;line-height:16px;flex:1;border-radius:8px!important;font-family:Poppins,sans-serif;max-width:25px;width:25px;min-width:25px;height:25px;display:flex;align-items:center;justify-content:center;padding:0;margin:4px}
.daterangepicker tbody td.off{color:#99a5b1}
.daterangepicker tbody td.in-range,.daterangepicker tbody td.off.in-range{background:rgba(85,188,126,.15)}
.daterangepicker tbody td.active,.daterangepicker tbody td.available:hover{background:#55bc7e;color:#fff}
/*! Custom CSS End  */
.responsiveChatButton{display:none}
/*! header Css Start*/
.responsiveHeader{background:#fff;box-shadow:0 4px 32px rgba(0,0,0,.08);border-radius:0 0 16px 16px;padding:20px 15px 20px 5px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:100;display:none}
.responsiveHeader .headerLeft{display:flex;align-items:center}
.responsiveHeader .headerLeft .menuBtn{padding-right:5px; flex: 0 0 45px;}
.responsiveHeader .headerLeft .menuBtn button{width:40px;height:40px;background:#fff;border-radius:12px;border:0;outline:0; padding: 7px 10px;}
.responsiveHeader .headerRight{display:flex;align-items:center;justify-content:flex-end}
.responsiveHeader .headerRight .head-profile{height:40px;width:40px;border-radius:8px;overflow:hidden}
.responsiveHeader .headerRight .head-profile img{height:100%;width:100%;object-fit:cover}
.responsiveHeader .headerRight .notificationIcon{padding-right:16px}
.responsiveHeader .headerRight .notificationIcon a{position:relative}
.responsiveHeader .headerRight .notificationIcon a label{font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#fff;margin:0;background:#ff4c49;border:3px solid #fff;border-radius:50%;height:20px;width:20px;position:absolute;top:-10px;right:-8px}
/*! header Css End*/
/*! login page start */
.loginMain{height:100vh;width:100%;display:flex;flex-direction:column}
.loginHeader{width:100%;background:#55bc7e;border-radius:0 0 24px 24px;padding:10px 36px 10px 24px;height:85px;flex:0 0 85px;display:flex;justify-content:space-between;align-items:center}
.loginHeader .backHomeBtn .btn{color:#fff}
.loginHeader .backHomeBtn .btn:hover{color:#344763}
.loginHeader .backHomeBtn svg path{transition:all .5s ease-in-out}
.loginHeader .backHomeBtn .btn:hover svg path{fill:#344763}
.loginFormMain{flex:1 1 auto;overflow:auto;height:100%;padding:30px;display:flex}
.loginCard{background:#fff;border-radius:24px;max-width:430px;margin:auto}
.loginCard .loginCardHead{padding:40px 40px 48px}
.loginCard .loginCardHead h3{font-weight:600;font-size:24px;line-height:30px;margin:0 0 8px;color:#344763}
.loginCard .loginCardHead p{font-weight:400;font-size:12px;line-height:16px;margin:0;color:#808b96}
.loginCard .loginCardBody{padding:0 40px}
.loginCard .form-group .form-control{background:#f5f6fa}
.modal-login-btn{display:flex;align-items:center;justify-content:space-between;margin-top:32px}
.modal-login-btn button{border:none;font-weight:600;font-size:16px;line-height:20px;text-align:center;padding:14px 54px;border-radius:16px}
.modal-login-btn a{font-weight:600;font-size:12px;line-height:16px;color:#344763}
.modal-login-btn a:hover{color:#55bc7e}
.loginCardFooter{padding-top:20px}
.invalid-message{background-color:rgba(255,76,73,.1);border-radius:16px;padding:8px 16px}
.invalid-message ul{padding-left:20px}
.invalid-message ul li{list-style:disc;color:#ff4c49;font-size:16px;line-height:20px;font-weight:400;margin:8px 0;word-break: break-all}
/*! login page End */
/*! Dashboard Page Start */
.chartDetailsList{display:none}
.mainBody{display:flex;flex-direction:column;position:relative;height:100vh}
.alert-row{margin:0px;background:#344763;width:100%;text-align:center;padding:18px 15px;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 56px}
.alert-row p{font-weight:400;font-size:16px;line-height:20px;color:#02c39a;margin:0}
.alert-row p img{margin-right:8px;width:18px}
.alert-row a{position:absolute;top:50%;right:20px;transform:translate(0,-50%)}
.main{display:flex;flex:1 1 auto;height:100%;overflow:hidden}
.leftSidebar{height:100%;display:flex;flex-direction:column;width:243px}
.leftSidebar .leftSidebarInner{height:100%;display:flex;padding:0 40px 0 24px;flex-direction:column;background:#55bc7e;overflow:auto;-ms-overflow-style:none;/*! IE 11 */position:relative;scrollbar-width:none}
.leftSidebar .leftSidebarInner .sidebarClose{position:absolute;top:33px;left:18px;display:none}
.leftSidebar .leftSidebarInner .sidebarClose button{background-color:transparent;border:0;padding:0;width:14px;}
.leftSidebar .leftSidebarInner::-webkit-scrollbar{display:none}
.leftSidebar .logo{padding:48px 0 49px}
.sidebarMenu ul{display:flex;flex-direction:column}
.sidebarMenu ul li{margin:5px 0}
.sidebarMenu ul li a{padding:5px 0;font-weight:600;font-size:12px;line-height:16px;color:#fff;display:flex;align-items:center;opacity:.7}
.sidebarMenu ul li a:hover{opacity:1;}
.sidebarMenu ul li a.active{ opacity:1 !important  }
.sidebarMenu ul li a span{margin-right:8px;height:24px;width:24px;display:flex;align-items:center;justify-content:center}
.sidebar-banner{padding:46px 0 80px}
.sidebar-banner img{width:100%}
.rightContent{flex:1 1 auto;scrollbar-width:thin;width:calc(100% - 243px);background:#f5f6fa;border-radius:24px 0 0 24px;height:100vh;overflow:auto;margin-left:-22px;position:relative;padding:16px;flex-direction:column}
.rightContentMain{display:flex;align-items:flex-start;flex:1 1 auto; overflow: visible; }
.contentLeft{flex:1 1 auto;width:calc(100% - 334px);padding:0 30px 0 14px;display:flex;height:100%;flex-direction:column}
.contentRightSidebar{background:#fff;border-radius:24px;flex:0 0 334px;max-width:334px;position:-webkit-sticky;/*! Safari */position:sticky;top:0;padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}
/*! Dashboard Page End */

.dashboard-body {  width: 100%;}
.pageTitle{display:flex;align-items:center;justify-content:space-between;padding:32px 0 24px;flex:1 1 auto;}
.pageTitle h1{font-weight:600;font-size:24px;line-height:30px;color:#344763;margin:0}
.pageTitle p{font-weight:400;font-size:12px;line-height:16px;color:#808b96;margin:0}
.dashboard-search-form{display:flex; width: 100%;}
.dashboard-search-form .dashboardFillterItem{flex:1 1 auto;margin-right:16px}
.dashboard-search-form .dashboardFillterItem.listing-type{max-width:220px}
.dashboard-search-form .dashboardFillterItem.state-row{max-width:260px}
.dashboard-search-form .dashboardFillterItem.searchBtn{max-width:48px}
.dashboard-search-form .dashboardFillterItem.sort-row{max-width:200px;margin-right:0}
.dashboard-search-form .dashboardFillterItem:last-child{margin-right:0}
.dashboard-search-form .dashboardFillterItem .select2-container{width:100%!important;display:block}
.state-row .locationSearch{background-image:url(../../images/location-icon.svg);background-repeat:no-repeat;background-position:center left 20px;padding-left:46px}
.form-group .locationSearch+.floating-label{left:46px}
.dashboard-search-form .dashboardFillterItem.selectTypeFileItem{max-width:220px}
.dashboard-search-form .selectTypeFileItem .form-control{background-image:url(../../images/front/select-arrow.svg);background-repeat:no-repeat;background-position:center right 20px;padding-right:46px}
.dashboard-search-form .dashboardFillterItem.selectDateItem{max-width:220px}
.dashboard-search-form .selectDateItem .form-control{background-image:url(../../images/calendar-icon.svg);background-repeat:no-repeat;background-position:center left 18px;padding-left:48px}
.dashboard-search-form .selectDateItem .form-control+.floating-label{left:48px}
.searchBtn .form-group button{transition:all .5s ease-in-out;background:#fff;border:1px solid #eeeff4;border-radius:16px;width:48px;height:48px}
.searchBtn .form-group button:focus{border:1px solid #55bc7e}
.right_header{display:flex;align-items:center;justify-content:space-between;padding:24px}
.right_header .head-profile{height:64px;width:64px;border-radius:16px;overflow:hidden}
.right_header .head-profile img{height:100%;width:100%;object-fit:cover}
.head_icon ul{display:flex;align-items:center}
.head_icon ul li{padding-left:38px}
.head_icon ul li a{position:relative}
.head_icon ul li a label{font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#fff;margin:0;background:#ff4c49;border:3px solid #fff;border-radius:50%;height:20px;width:20px;position:absolute;top:-5px;left:10px}
.dashboard-chart{padding:24px 24px 0;text-align:center}
.dashboard-chart .canvasBox {width: 136px; height: 136px; margin: 0 auto;}
.dashboard-chart .chartInfoList {padding-top: 24px;}
.dashboard-chart .chartInfoList ul li {font-weight: normal;font-size: 12px;line-height: 16px; color: #344763;}
.listingChart .chartInfoList ul {display: flex;}
.listingChart .chartInfoList ul li {display: flex; flex-direction: column; flex: 0 1 33.33%; max-width: 33.33%; text-align: center; align-items: center;}
.listingChart .chartInfoList ul li strong{ font-weight: 600;  font-size: 24px;  line-height: 30px; color: #344763;}
.listingChart .chartInfoList ul li span{font-weight: normal;font-size: 10px;line-height: 12px; color: #344763;}
.listingChart .chartInfoList ul li .legendIcon { margin: 8px 0 0 0;}
.subscriptionChartInfo {text-align: center; padding-top: 16px; }
.subscriptionChartInfo h5 {font-weight: 600;font-size: 16px;line-height: 20px;color: #344763; margin: 0 0 8px;}
.subscriptionChartInfo p {font-weight: 400;font-size: 12px; line-height: 16px; color: #344763;}
.chatting-row{padding-top:56px;display:flex;flex-direction:column;overflow:hidden;mask:linear-gradient(to top,transparent 0,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%,transparent 100%);mask-size:cover;-webkit-mask:linear-gradient(to top,transparent 0,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%,transparent 100%);-webkit-mask-size:cover;margin-top:auto}
.chatting-row .chatting-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 24px}
.chatting-title h3{font-weight:600;font-size:16px;line-height:22px;color:#344763;margin:0}
.chatting-title a{font-weight:600;font-size:10px;line-height:14px;color:#55bc7e}
.chatting-title a i{margin-left:6px}
.chatting-title a:hover{color:#344763}
.chatting-box{overflow:auto}
.chatting-box ul li a{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #f5f6fa;padding:16px 24px;transition:all .3s ease-in-out}
.chatting-box ul li a:hover{background:#f5f6fa}
.chatactive{background:#f5f6fa}
.chatting-box ul li:last-child a{border-bottom:none}
.chatting-profile{display:flex;align-items:flex-start;width:calc(100% - 60px);flex:1 1 auto}
.chatting-profile-img{flex:0 0 48px;width:48px;height:48px;border-radius:16px;overflow:hidden}
.chatting-profile-img img{height:100%;width:100%}
.chatting-profile-name{padding:0 8px;width:calc(100% - 48px);flex:1 1 auto}
.chatting-profile-name span{font-weight:400;font-size:12px;line-height:16px;color:#344763;margin-bottom:8px;display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.chatting-profile-name p{font-weight:400;font-size:10px;line-height:12px;color:#808b96;margin-bottom:0;position:relative;padding-left:10px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.chatting-box ul li a .chatting-profile-name p::after{content:'';position:absolute;top:50%;left:0;height:5px;width:5px;border-radius:50%;transform:translate(0,-50%)}
.chatting-box ul li.lightblue a .chatting-profile-name p::after{background-color:#4eccf3}

.chatting-box ul li.orange a .chatting-profile-name p::after{background-color:#ff9066}
.chatting-box ul li.darkblue a .chatting-profile-name p::after{background-color:#5743be}
.chatting-box .chatting-profile-time{display:inline-flex;align-items:flex-end;flex-direction:column;padding-top:5px}
.chatting-profile-time p{font-weight:400;font-size:10px;line-height:12px;color:#99a5b1;margin-bottom:8px;text-align: right;}
.chatting-profile-time label{font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#fff;background:#ff4c49;border:0;border-radius:50%;min-width:16px;display:inline-flex;height:16px;align-items:center;justify-content:center;margin-left:auto;margin-bottom:0}
.card-row{padding-bottom:16px;position:relative;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.card-row.heiglight{z-index:999}
.card-row::after{content:'';background:rgba(5,14,38,.7);height:100vh;width:100%;position:fixed;top:0;left:0;z-index:-1;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.card-row.heiglight::after{opacity:1;visibility:visible}
.card-col{display:flex;background:#fff;border-radius:16px}
.card-open .card-col{border-radius:16px 16px 0 0}
.card-left{flex:1 1 auto;border-right:1px solid #eeeff4;padding:24px}
.card-right{flex:0 0 205px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.card-top{display:flex;align-items:flex-start;justify-content:space-between}
.card-top-left{display:flex;align-items:center;justify-content:space-between;width:65%}
.card-icon{flex:0 0 40px;align-self:flex-start}
.card-icon-text{flex:1 1 auto;padding-left:8px}
.card-icon-text h3{font-weight:600;font-size:16px;line-height:20px;color:#344763;display:flex;flex-wrap:wrap;align-items:center;margin:0}
i.tegBorder{background:#eeeff4;border-radius:20px;height:10px;width:190px;display:block;font-size:0}
.card-icon-text h3 span{margin:0 8px 8px 0}
.card-icon-text h3 label{font-weight:600;font-size:12px;line-height:16px;color:#4eccf3;margin:0;background:rgba(78,204,243,.1);border-radius:20px;padding:0 4px;white-space:nowrap;margin-bottom:8px}
.card-icon-text h3 label i.tegBorder{width:44px}
.card-icon-text h3 label.orange-bg{background:rgba(255,144,102,.1);color:#ff9066}
.card-icon-text h3 label.activated{background:rgba(226, 230, 19, 0.1);color:rgb(11, 236, 67)}
.card-icon-text h3 label.rejected{background:rgba(226, 230, 19, 0.1);color:rgb(212, 40, 10)}
.card-icon-text h3 label.noResponsed{background:rgba(226, 230, 19, 0.1);color:rgb(233, 191, 128)}
.card-icon-text h3 label.waitings{background:rgba(226, 230, 19, 0.1);color:rgb(212, 218, 165)}
.card-icon-text h3 label.solded{background:rgba(226, 230, 19, 0.1);color:rgb(22, 22, 5)}
.card-icon-text h3 label.darkblue-bg{background:rgba(87,67,190,.1);color:#5743be}
.card-icon-text h3 label.pink-bg{background:rgba(242, 177, 241,.1);color:#fc00f8}
.card-icon-text p{display:flex;flex-wrap:wrap;align-items:center;font-style:italic;font-weight:400;font-size:10px;line-height:15px;color:#99a5b1;margin-bottom:0}
.card-icon-text p a{font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#344763;padding:0 5px 0 0;display:flex;align-items:center}
.card-icon-text p a img{margin-right:6px}
.card-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:24px}
.card-link ul{display:flex;align-items:center;flex-wrap:wrap}
.card-link ul li{font-weight:400;font-size:12px;line-height:16px;color:#808b96;background:#f5f6fa;border-radius:20px;padding:4px 8px;display:flex;align-items:center;margin-top:10px;margin-right:8px;white-space:nowrap}
.card-link ul li span{font-weight:600;font-size:12px;line-height:16px;color:#344763;margin-left:5px}
.card-btn a{font-weight:600;font-size:10px;line-height:14px;color:#344763;white-space:nowrap}
.card-btn a img{margin-left:7px;transition:all .5s ease-in-out;width:10px}
.arrow_top a img{transform:rotate(180deg)}
.right-price-row{display:flex;align-items:center}
.card-right-price{flex:1 1 auto}
.card-right-icon{flex:0 0 15px;text-align:right}
.card-right-price label{font-weight:400;font-size:10px;line-height:12px;color:#99a5b1;margin-bottom:4px;display:block}
.card-right-price strong{font-weight:600;font-size:20px;line-height:24px;color:#344763;display:flex;align-items:center}
.card-right-price strong i.tegBorder{height:20px;width:100px}
.card-right-btn .btn{position:relative;padding:11px 8px;font-weight:600;font-size:12px;line-height:16px;text-align:center;width:100%;display:block;outline:0;box-shadow:inherit;border-radius:12px}
.practiceHeadRow .card-link ul li{background:inherit}
.card-link ul li span i.tegBorder{width:55px;margin-left:4px}
.light-btn{background:rgba(85,188,126,.15);color:#55bc7e}
.light-btn:hover{background:rgba(85,188,126,.7);color:#fff}
.btn-close{background:#99a5b1;color:#fff}
.btn-close:hover{background:#818c96;color:#fff}
.requestsCounterTag{font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#fff;margin:0;background:#ff4c49;border:3px solid #fff;border-radius:50%;height:20px;width:20px;position:absolute;bottom:-5px;left:-10px}
.card-right-btn .statusTag{font-weight:600;font-size:12px;line-height:16px;border-radius:8px;padding:2px 10px;margin:0}
.card-right-btn .statusTag.rejected{color:#ff4c49;background:rgba(255,76,73,.1)}
.card-right-btn .statusTag.noResponse{color:#808b96;background:#eeeff4;text-align:center;}
.waiting {color: #FF9549;background: rgba(255, 149, 73, 0.1);}
.card-details{background:#fff;box-shadow:0 24px 64px rgba(60,52,99,.08);border-radius:0 0 16px 16px;padding:24px;display:none;border-top:1px solid #eeeff4;position:relative;top:0}
.card-services ul{display:flex;flex-wrap:wrap;align-items:center}
.card-services ul li{font-weight:400;font-size:12px;line-height:16px;color:#808b96;background:#f5f6fa;border-radius:20px;padding:4px 8px;display:flex;align-items:center;margin-right:8px;margin-bottom:10px}
.card-services ul li span{font-weight:600;font-size:12px;line-height:16px;color:#344763;margin-left:5px}
.quickbooks-row{margin:10px 0 0}
.quickbooks-row ul li{display:flex;align-items:center;padding:4px 0}
.quickbooks-row ul li p{font-weight:400;font-size:12px;line-height:16px;color:#344763;margin:0;max-width:200px;width:100%}
.quickbooks-row ul li span{font-weight:600;font-size:12px;line-height:16px;color:#344763;display:block;padding-left:16px}
.personal-information{margin-top:24px;display:flex;align-items:center}
.personal-information .information-row{padding-right:20px}
.information-chart,.information-row{width:50%}
.information-title label{font-weight:400;font-size:10px;line-height:12px;color:#99a5b1;margin:0 0 16px;text-transform:uppercase;display:block}
.information-chart-box {display: flex; align-items: center;}
.information-chart-box .chartInfoList {flex: 1 1 auto;}
.chartInfoList ul{margin: 0; padding: 0; list-style: none;}
.chartInfoList ul li {font-weight: normal;font-size: 10px;line-height: 12px; color: #344763; margin: 0 0 12px; display: flex; align-items: center;}
.chartInfoList ul li:last-child {margin: 0px;}
.chartInfoList ul li .legendIcon {display: block; background-color: #fff; border:4px solid #fff; height: 16px; width: 16px; border-radius: 50%; margin-right: 8px; position: relative;}

.information-chart-box .canvasBox{width: 150px !important; height: 150px !important;}
.rent-details p{font-weight:400;font-size:12px;line-height:16px;color:#344763;margin:0 0 8px;display: flex;align-items: center;}
.rent-details p span{font-weight:600;margin-left:8px;}
.rent-details ul{margin-top:4px}
.rent-details ul li{font-weight:400;font-size:12px;line-height:16px;color:#3c3463;padding:4px 0;padding-left:23px;position:relative}
.selectr{content:'';position:absolute;top:50%;left:0;height:20px;width:20px;background:url(../../images/front/bg-right-icon.svg) left no-repeat;transform:translate(0,-50%)}
.selling-row{margin-top:24px}
.selling-row p{font-weight:400;font-size:10px;line-height:12px;color:#99a5b1;margin-bottom:8px}
.selling-row span{font-weight:400;font-size:12px;line-height:16px;color:#3c3463;display:block;}
.information-chart-box img{width:100%}
.card-top-right-edit ul{display:flex;align-items:center;padding-top:6px}
.card-top-right-edit ul li{padding-left:16px}
.card-top-right-edit ul li a{width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.card-banner img{width:100%}
.pagination{margin-top:20px}
.pagination ul{display:flex;align-items:center}
.pagination ul li{margin:0 8px}
.pagination ul li a{font-weight:600;font-size:16px;line-height:20px;text-align:center;color:#99a5b1;padding:6px 14px;background:0 0;border-radius:8px}
.pagination ul li a {font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#344763;padding:6px 6px; height: 40px; min-width: 40px; border-radius:12px; display: flex; align-items: center; justify-content: center; border: 1px solid #EEEFF4; background: #FFFFFF;}
.pagination ul li a svg path {fill: #344763;}
.pagination ul li a:hover {color:#55BC7E;}
.pagination ul li.active a{color:#fff;background:#55bc7e}
.pagination ul li:first-child a,.pagination ul li:last-child a{background:inherit; border: 0px;}
.pagination ul li:first-child a:hover svg path,.pagination ul li:last-child a:hover svg path{fill:#55bc7e}
.dropdown-toggle::after{display:none}
.dropdown-menu{min-width:inherit;padding:16px 0;margin:0;font-size:inherit;color:inherit;text-align:inherit;list-style:inherit;background:#fff;box-shadow:0 16px 80px rgba(0,0,0,.12);background-clip:padding-box;border:none;border-radius:16px;left:10px!important;top:8px!important}
.dropdown-menu::after{content:'';position:absolute;top:-8px;background:#fff;height:20px;width:20px;right:19px;transform:rotate(45deg)}

#listing_dropdown{min-width:inherit;padding:16px 0;margin:0;font-size:inherit;color:inherit;text-align:inherit;list-style:inherit;background:#fff;box-shadow:0 16px 80px rgba(0,0,0,.12);background-clip:padding-box;border:none;border-radius:16px;left:10px!important;top:30px!important}


#listing_dropdown-responsive{
  min-width:inherit;padding:16px 0;margin:0;font-size:inherit;color:inherit;text-align:inherit;list-style:inherit;background:#fff;box-shadow:0 16px 80px rgba(0,0,0,.12);background-clip:padding-box;border:none;border-radius:16px;left:10px;top:-10px;
}

.dropdown-menu .dropdown-item{font-weight:600;font-size:12px;line-height:16px;color:#344763;padding:8px 24px}
.dropdown-top-details{border-bottom:1px solid #f5f6fa;padding-bottom:8px;margin-bottom:8px}
.dropdown-menu .dropdown-bottom-details .dropdown-item{font-weight:400;font-size:12px;line-height:16px;color:#344763;padding:8px 24px}
.dropdown-menu .dropdown-item:hover{background:inherit;color:#ff4c49}
.no-found-bg{background:#fff url(../../images/front/no-found-bg.svg) center no-repeat;border-radius:16px;padding:24px;text-align:center}
.no-found-bg h2{font-weight:600;font-size:16px;line-height:20px;margin:19px 0 24px}
.no-found-bg a{display:inline-block;width:auto}
.modal.right .modal-dialog{position:fixed;margin:auto;width:368px;padding:16px;height:100%;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.modal.right.fade .modal-dialog{right:-368px;-webkit-transition:opacity .3s linear,right .3s ease-out;-moz-transition:opacity .3s linear,right .3s ease-out;-o-transition:opacity .3s linear,right .3s ease-out;transition:opacity .3s linear,right .3s ease-out}
.modal.right.fade.show .modal-dialog{right:0}
.modal-backdrop.cardHeiglight{opacity:0!important}
.modal-backdrop.show{opacity:.3}
.modal-backdrop{background:rgba(5,14,38)}
.modal.right .modal-content{background:#fff;border-radius:24px;width:100%;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;padding-top:70px}
.chatBox{display:flex;flex-direction:column;height:100%;flex:1 1 auto;overflow:hidden}
.rightModalClose{position:absolute;top:29px;left:26px}
.rightModalClose .btn{box-shadow:inherit;border:0;padding:0;background:0 0}
.chatBox .chateBoxGroup{flex:1 1 auto;height:100%;overflow:hidden;display:flex}
.chatBox .chatBoxListing{flex:1 1 auto;height:100%;overflow:hidden;display:flex;flex-direction:column;transform:scaleX(1);transform-origin:left;transition:all .3s ease-in-out;max-width:100%}
.chatBox .chatBoxListing.hideChatListing{transform:scaleX(0);max-width:0}
.chatBox .chateBoxGroup .chatboxHead{padding:0 26px 30px 24px;display:flex;justify-content:space-between;align-items:center;flex:0 0 50px}
.chatBox .chateBoxGroup .chatboxHead h3{font-weight:600;font-size:16px;line-height:20px;color:#344763;margin:0}
.chatBox .chateBoxGroup .chatboxHead a{font-weight:600;font-size:10px;line-height:14px;color:#55bc7e;white-space:nowrap}
.chatBox .chateBoxGroup .chatboxHead a.btn-icon-right i{margin-left:6px}
.chatBox .chatBoxListing .nav-pills{background:#eeeff4;display:flex;flex:0 1 56px}
.chatBox .chatBoxListing .nav-pills .nav-item{width:50%;flex:0 1 50%; display: block;}
.chatBox .chatBoxListing .nav-pills .nav-item .nav-link{font-weight:600;font-size:12px;line-height:16px;border-radius:0;background:0 0;text-align:center;padding:20px 10px;color:#344763;position:relative;display:flex;align-items:center;justify-content:center}
.chatBox .chatBoxListing .nav-pills .nav-item .nav-link::after{content:'';position:absolute;height:3px;width:100%;bottom:-3px;left:0;background:#55bc7e;border-radius:3px;opacity:0}
.chatBox .chatBoxListing .nav-pills .nav-item .nav-link.active{color:#55bc7e}
.chatBox .chatBoxListing .nav-pills .nav-item .nav-link.active::after{opacity:1}
.chatBox .chatBoxListing .nav-pills .nav-item .nav-link .dots{background:#ff4c49;height:5px;width:5px;border-radius:50%;margin-right:8px;display:block}
.chatBox .chatBoxListing .tab-content{flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column}
.chatBox .chatBoxListing .tab-content .tab-pane{flex:1 1 auto;height:100%;overflow:auto;mask:linear-gradient(to top,transparent 0,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%,transparent 100%);mask-size:cover;-webkit-mask:linear-gradient(to top,transparent 0,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%,transparent 100%);-webkit-mask-size:cover}
.chatBox .chatting-box ul li a{padding:16px 24px 15px 24px}
.chatBox .chatting-box ul li a .chatting-profile-name p{padding:0}
.chatBox .chatting-box ul li a .chatting-profile-name p::after{display:none}
.chatBox .chateFiltter{padding:16px 24px;border-bottom:1px solid #f5f6fa}
.chatBox .chateFiltter .filtterDropdownRow{display:flex;align-items:center;margin:0 -8px}
.chatBox .chateFiltter .filtterDropdownRow .filtterDropdownItem{flex:0 1 50%;padding:0 8px}
.chateFiltter .select2{display:block;width:100%;outline:0!important}
.chateFiltter .select2 .select2-selection{padding:8px 22px 8px 8px;border:1px solid #eeeff4;border-radius:12px;background-color:#f5f6fa;width:100%;height:32px}
.chateFiltter .select2 .select2-selection .select2-selection__arrow{width:9px;background-size:contain;right:10px}
.requestActionBtn{display:flex;align-items:center;margin-top:12px}
.requestActionBtn .btn{background:#f5f6fa;border:1px solid #fff;border-radius:8px;padding:5px 8px;font-weight:600;font-size:10px;line-height:14px;color:#808b96;margin-right:14px}
.requestActionBtn .btn:hover{color:#55bc7e}
.requestActionBtn .btn:last-child{margin-right:0}
.requestStatus{margin-top:12px}

.requestStatus label{font-weight:600;font-size:12px;line-height:16px;color:#ff4c49;padding:5px 0;margin:0}
.chatting-box.requestsList ul li a,.requestsList .chatting-profile{align-items:flex-start}
.chatting-box.requestsList .chatting-profile-time{padding-top:2px;scrollbar-width: thin;}
.chateMessageBox{flex-direction:column;display:flex;flex:1 1 auto;overflow:hidden;height:100%;transform:scaleX(0);max-width:0;transform-origin:right;transition:all .3s ease-in-out}
.chateMessageBox.showChat{transform:scaleX(1);max-width:100%}
.chatMessengerBox{flex-direction:column;display:flex;flex:1 1 auto;overflow:hidden}
.messengerHead{flex:0 0 73px;padding:0 28px 25px 24px;display:flex;align-items:center}
.messengerHead .userThumb{height:48px;width:48px;border-radius:16px;overflow:hidden}
.messengerHead .userThumb img{height:100%;width:100%;object-fit:cover}
.messengerHead .userDetails{flex:1 1 auto;padding:0 8px}
.messengerHead .userDetails h4{font-weight:400;font-size:12px;line-height:16px;color:#344763;margin:0 0 4px}
.messengerHead .userDetails .statusTag{border-radius:8px;font-weight:600;font-size:12px;line-height:16px;color:#fff;background:#99a5b1;margin:0;padding:0px 4px; display: block;}
.messengerHead .userDetails .statusTag.online{background:#02c39a}
.messengerHead .userChatAction{flex:0 0 24px;margin-left:auto}
.messengerHead .actionBtn{background:#f5f6fa;border-radius:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.chatActionDropdownMenu{width:210px}
.chatActionDropdown .userDetails{padding:10px 47px 24px 23px}
.chatActionDropdown .userDetails p{font-weight:400;font-size:12px;line-height:16px;color:#344763;margin:0}
.chatActionDropdown .userDetails p .rejected{color:#ff4c49}
.chatActionDropdown .userDetails p .approved{color:#02c39a}
.chatActionDropdown ul{border-top:1px solid #f5f6fa;padding:24px}
.chatActionDropdown ul li{margin-bottom:16px}
.chatActionDropdown ul li:last-child{margin-bottom:0}
.chatActionDropdown ul li a{font-weight:600;font-size:12px;line-height:16px;color:#344763;display:block}
.chatActionDropdown ul li a.approvedOption{color:#02c39a}
.chatActionDropdown ul li a.rejectOption{color:#ff4c49}
.messengerBody{overflow:hidden;flex:1 1 auto;background:#f5f6fa;height:100%;display:flex;flex-direction:column;position:relative}
.messengerBodyScroll{
  overflow-x: hidden;
  scrollbar-width: thin;
  height:100%;padding:0px 24px;margin: 10px 0px;flex:1 1 auto;display:flex;flex-direction:column;overflow-y: scroll}
.messageList {
  margin-top: auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex: 1 1 auto;
  flex-direction: column}
.messengerBody .messageItemTime{font-weight:400;font-size:10px;line-height:12px;color:#808b96;text-align:center;margin:16px 0 8px}
.messengerBody .messageItem{margin-bottom:8px}
.popImage img{border-radius: 4px;}
.messengerBody .message-out .messageText{word-break: break-all;display:inline-block;background:#fff;border-radius:8px 8px 8px 0;padding:8px;min-width:80px;position:relative;max-width:238px}
.messengerBody .message-out .messageText .textNessage{font-size:16px;line-height:20px;font-weight:400;color:#344763;margin-bottom:5px}
.messengerBody .message-out .messageText .time{font-size:10px;line-height:12px;color:#99a5b1;position:absolute;bottom:0;right:8px}
.messengerBody .message-in{text-align:right}
.messengerBody .message-in .messageText{display:inline-block;background:#55bc7e;border-radius:8px 8px 0 8px;padding:8px;min-width:80px;position:relative;max-width:238px}
.messengerBody .message-in .messageText .textNessage{font-size:16px;line-height:20px;font-weight:400;color:#fff;margin-bottom:5px;word-break: break-all;}
.messengerBody .message-in .messageText .time{font-size:10px;line-height:12px;position:absolute;bottom:0;left:8px;right:inherit;color:rgba(255,255,255,.5)}
.messengerBody .messageFileItem{margin-bottom:8px}
.messengerBody .messageFileItem .messageText{padding:8px 12px 8px 8px;width:100%;text-align:left}
.messengerBody .messageFileDetails{display:flex;align-items:center;}

.time-file {
  right: 8px !important;
  left: auto !important;
}
.chat-error{
  background: bisque;
    padding: 5px;
    display: inline-block;
    border-radius: 16px;
    text-align: right;
    float: right;
}
.chat-error p{
  margin:5px 10px !important;
}

.messengerBody .messageFileDetails .fileThumb{flex:0 0 24px;height:24px;display:flex;align-items:center;justify-content:center}
.messengerBody .messageFileDetails .fileDetails{padding:0 8px;flex:1 1 auto;width:120px;max-width:215px}
.messengerBody .messageFileDetails .fileDetails .fileName{margin:0;font-weight:600;font-size:12px;line-height:16px;color:#344763;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.messengerBody .messageFileDetails .fileDetails .fileSize{margin:0;font-size:10px;line-height:12px;color:#808b96;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.messengerBody .fileAction{margin-left:auto}
.messengerBody .fileAction a{color:#55bc7e;font-weight:600;font-size:10px;line-height:14px;margin-bottom:5px;display:block}
.messengerBody .message-in .fileDetails .fileName{color:#fff}
.messengerBody .message-in .fileDetails .fileSize{color:rgba(255,255,255,.8)}
.messengerBody .message-in .fileAction a{color:#fff}
.messageTopStickyFileDetails{background:#eeeff4;top:0;left:0;width:100%;display:flex;align-items:center;padding:8px 24px;z-index:10; flex: 0 0 45px; height: 45px;}
.messageTopStickyFileDetails .fileThumb{flex:0 0 24px;height:24px;display:flex;align-items:center;justify-content:center}
.messageTopStickyFileDetails .fileDetails{padding:0 8px;flex:1 1 auto;width:140px;max-width:152px}
.messageTopStickyFileDetails .fileDetails .fileName{margin:0;font-weight:600;font-size:12px;line-height:16px;color:#344763;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.messageTopStickyFileDetails .fileDetails .fileSize{margin:0;font-size:10px;line-height:12px;color:#808b96;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.messageTopStickyFileDetails .fileAction{margin-left:auto}
.messageTopStickyFileDetails .fileAction a{color:#55bc7e;font-weight:600;font-size:12px;line-height:16px}
.messengerFoot .typeMessageBox .formGroup .form-control{resize:none;background:#fff;border:1px solid #eeeff4;border-radius:16px;font-weight:400;font-size:12px;line-height:16px;color:#344763;padding:15px 48px 15px 49px;min-height:48px;max-height:100px;box-shadow:inherit;-ms-overflow-style:none;/*! IE 11 */scrollbar-width:none; -webkit-appearance: none;}
.messengerFoot .typeMessageBox .formGroup .form-control::-webkit-scrollbar{display:none}
.messengerFoot .typeMessageBox .formGroup .attachmentBtn{position:absolute;left:16px;bottom:12px;padding:0;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:0;box-shadow:inherit;background-color:transparent}
.messengerFoot .typeMessageBox .formGroup .attachmentBtn img{max-width:100%;width:auto;height:auto;max-height:100%}
.messengerFoot .typeMessageBox .formGroup .sendBtn{position:absolute;right:16px;bottom:12px;padding:0;width:24px;height:24px;padding:0;background:#55bc7e;border:0;box-shadow:inherit;border-radius:8px;display:flex;align-items:center;justify-content:center}
.messengerFoot .typeMessageBox .typingStatus {position: absolute;bottom: -15px;left: 15px;}
.messengerFoot .typeMessageBox .typingStatus p {margin: 0; font-weight: normal;font-size: 10px;line-height: 12px; color: #808B96;}
.messengerFoot .typeMessageBox { padding: 8px 24px 24px; border-top: 1px solid #eeeff4; display: block;position: relative;}
.messengerFoot .userRequestAction{display:flex;align-items:center;padding:8px 16px 23px}
.messengerFoot .userRequestAction .userRequestItem{padding:0 8px}
.messengerFoot .userRequestAction .btn{background:#ff4c49;border-radius:16px;width:131px;height:48px;font-weight:600;font-size:16px;line-height:20px;border:0;outline:0;color:#fff}
.messengerFoot .userRequestAction .btn:hover{background-color:#e44542}
.messengerFoot .userRequestAction .btn img{margin-right:13px}
.messengerFoot .userRequestAction .btn.btn-accept{background-color:#55bc7e;width:139px}
.messengerFoot .userRequestAction .btn.btn-accept img{margin-right:11px}
.messengerFoot .userRequestAction .btn.btn-accept:hover{background-color:#49a26d}
.messengerFoot .requestRejectLable{padding:8px 24px 23px}
.messengerFoot .requestRejectLable .rejectedTag{background:rgba(255,76,73,.16);border-radius:16px;display:block;margin:0;font-weight:600;font-size:16px;line-height:20px;color:#ff4c49;text-align:center;padding:14px}

.applyJobDetails{display:flex;flex-direction:column;flex:1 1 auto;height:100%;overflow:hidden}
.applyJobDetails .applyJobHead{flex:1 1 auto;padding:0 24px 24px}
.applyJobDetails .applyJobHead h3{font-weight:600;font-size:16px;line-height:20px;margin:0 0 10px}
.applyJobDetails .applyJobHead p{font-weight:400;font-size:12px;line-height:16px;color:#808b96;margin:0}
.uploadResumeArea{margin-top:24px;position:relative}
.uploadResumeArea .uploadResumeBox{background:#f5f6fa;border:1px dashed #99a5b1;border-radius:16px;padding:16px;position:relative;display:flex;align-items:flex-start;cursor:pointer}
.uploadResumeArea .uploadResumeBox .inputfile{position:absolute;top:0;left:0;right:0;opacity:0;width:100%;height:100%}
.uploadResumeArea .uploadResumeInput{background:#f5f6fa;border:1px dashed #99a5b1;border-radius:16px;padding:16px;position:relative}
.uploadResumeArea .uploadResumeBox span{font-weight:400;font-size:12px;line-height:16px;color:#808b96;padding-right:30px}
.uploadResumeArea .uploadResumeBox .importBtn{background:#55bc7e;border:0;border-radius:16px;flex:0 0 48px;width:48px;height:48px;align-items:center;display:flex;justify-content:center}
.applyJobDetails .applyJobBody{flex:1 1 auto;height:100%;padding:24px;overflow:auto;display:flex;flex-direction:column;background:#f5f6fa}
.applyJobDetails .applyJobBody.linerBg{background-image:url(../../images/front/modal-liner-bg.svg);background-size:100% auto;background-repeat:no-repeat;background-position:center bottom}
.uploadResume .form-group{position:relative}
.uploadResume .form-group .attechmentIcon{position:absolute;left:17px;top:12px}
.uploadResume .form-group .nextBtn{position:absolute;right:15px;top:50%;width:20px;border:0;padding:0;background-color:transparent;box-shadow:inherit;outline:0;transform:translate(0,-50%)}
.uploadResume .form-group .viewFileBtn{position:absolute;right:16px;top:50%;color:#55bc7e;border:0;padding:0;font-weight:600;font-size:10px;line-height:14px;background-color:transparent;box-shadow:inherit;outline:0;transform:translate(0,-50%);display:none}
.form-control.input-has-value~.viewFileBtn{display:block}
.form-control.input-has-value~.nextBtn{display:none}
.uploadResume .form-group .form-control{padding-left:50px;padding-right:45px}
.uploadResume .form-group .floating-label{left:50px}
.sendMessage .form-group textarea.form-control{resize:none;height:101px;-ms-overflow-style:none;/*! IE 11 */scrollbar-width:none}
.sendMessage .form-group textarea.form-control::-webkit-scrollbar{display:none}
.sendMessage .form-group .floating-label{background:#fff;padding:7px 0 3px;top:7px;right:13px}
.sendMessage .form-group .form-control:focus~.floating-label, .sendMessage .form-group .form-control.input-has-value~.floating-label{top:1px}
.applyJobBodyInner{flex:1 1 auto;display:flex;flex-direction:column}
.applyJobBodyInner .sendMessageBtn{text-align:right;padding-top:8px}
.applyJobBodyInner .sendMessageBtn .btn{border-radius:12px;width:148px;height:40px;font-weight:600;font-size:12px;line-height:16px}
.applyJobBodyInner .sendMessageBtn img{margin-left:8px}
.uploadResumeList{flex:1 1 auto}
.uploadResumeList .uploadResumeRow{display:flex;flex-direction:column}
.uploadResumeList .uploadResumeRow .uploadResumeRowItem{margin-bottom:8px;position:relative;width:100%}
.uploadResumeRowItem .checkInput{position:absolute;top:0;left:0;opacity:0;}
.uploadResumeRowItem .resumeCheckBox{background:#fff;border-radius:16px;padding:20px 16px;width:100%;width:100%;display:flex;align-items:center;margin:0}
.uploadResumeRowItem .resumeCheckBox .checkMark{border:1px solid #eeeff4;border-radius:30px;flex:0 0 24px;width:24px;height:24px;background:#fff}
.newcvv {
    font-size: 14px !important;
    height: auto !important;
    line-height: 14px !important;
}
.uploadResumeRowItem input[type=radio]:checked~.resumeCheckBox .checkMark,
.uploadResumeRowItem.checked .resumeCheckBox .checkMark {
border-color:#55bc7e;
background:#55bc7e url(../../images/front/check-white-icon.svg) no-repeat center;
position: relative;
display: flex;
}
.newwidther{width:100%;}

.uploadResumeRowItem .resumeCheckBox .fileDetails{padding:0 16px;flex:1 1 auto}
.uploadResumeRowItem .resumeCheckBox .fileDetails h3{font-weight:600;font-size:12px;line-height:16px;color:#344763;margin:0 0 4px}
.uploadResumeRowItem .resumeCheckBox .fileDetails p{font-weight:400;font-size:10px;line-height:12px;color:#808b96;margin:0}
/* .uploadResumeRowItem .resumeCheckBox .fileViewBtn{align-self:flex-end} */
.uploadResumeRowItem .resumeCheckBox .fileViewBtn .btn{font-weight:600;font-size:10px;line-height:14px;color:#55bc7e;display:block;padding:0;box-shadow:inherit;border:0;outline:0;background-color:transparent}
.successModalContent{flex:1 1 auto;padding:2px 24px 24px;background-image:url(../../images/front/modal-liner-bg.svg);background-repeat:no-repeat;background-position:center bottom}
.successModalContent .messageIcon{padding-bottom:16px}
.successModalContent h3{font-weight:600;font-size:16px;line-height:20px;color:#344763;margin:0 0 24px}
.successModalContent p{font-weight:400;font-size:12px;color:#808b96;line-height:16px;margin:0 0 24px}
.successModalContent .sendMessageBtn{text-align:right}
.successModalContent .sendMessageBtn .btn{border-radius:12px;min-width:73px;height:40px;padding:12px 16px;font-weight:600;font-size:12px;line-height:16px;color:#fff}
/*! Profile Page CSS */
.dashboardTabs-btn{overflow:auto;padding-bottom:10px}
.dashboardTabs-content .tab-pane.active{display:block}
.dashboardTabs-content .tab-pane{display:none}
.dashboardTabs-btn ul.nav-pills{border-bottom:1px solid #fff;white-space:nowrap;flex-wrap:nowrap}
.dashboardTabs-btn ul.nav-pills li{margin-bottom:-1px;padding-right:32px}
.dashboardTabs-btn ul.nav-pills li:last-child{padding-right:0}
.dashboardTabs-btn ul li a.nav-link{font-weight:600;font-size:16px;line-height:20px;text-align:center;color:#808b96;border-bottom:2px solid transparent;border-radius:0;padding:10px 15px;display:block}
.dashboardTabs-btn ul li a.nav-link.active,.dashboardTabs-btn ul li a.nav-link:hover{background:inherit;border-bottom:2px solid #55bc7e;color:#55bc7e}
.tabsContent-profile{padding-top:22px;display:flex;align-items:center}
.tabsProfile-img img{border-radius:10.24px}
.tabsProfile-title{margin-left:20px}
.tabsProfile-title span{font-weight:600;font-size:14px;line-height:18px;color:#344763;margin-bottom:5px}
.tabsProfile-title p{font-weight:400;font-size:12px;line-height:16px;color:#808b96;margin-bottom:24px}
.tabsProfile-title a{font-weight:600;font-size:10px;line-height:14px;color:#55bc7e;position:relative}
.tabsProfile-title a img{margin-right:4px}
.tabsProfile-title a::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#55bc7e;transition:all .5s ease-in-out;margin:0 auto}
.tabsProfile-title a:hover::after{width:100%}

.tabsProfile-title button{font-weight:600;font-size:10px;line-height:14px;color:#55bc7e;position:relative;border:0px;background: none;}
.tabsProfile-title button img{margin-right:4px}
.tabsProfile-title button::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#55bc7e;transition:all .5s ease-in-out;margin:0 auto}
.tabsProfile-title button:hover::after{width:100%}


.tabsContent-form{padding-top:36px}
.tabsContent-form .row{margin:0 -8px}
.tabsContent-form .item{padding:0 8px}
.form-btn{margin-top:8px}
.formSubmit-btn{font-weight:600;font-size:16px;line-height:20px;text-align:center;color:#fff;background:#55bc7e;border-radius:16px;padding:14px 24px;border:1px solid #55bc7e}
.formSubmit-btn:hover{background:rgba(85,188,126,.15);border:1px solid rgba(85,188,126,.15);color:#55bc7e}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.form-group.passwordIcon .form-control{padding-right:46px}
.form-group.passwordIcon .eyeBtn{transition: all 0s; width: 24px;height: 24px;position: absolute; border: 0; right: 12px; top: 12px; background-image:url(../../images/front/password-icon.svg);background-repeat:no-repeat;background-position:center;background-color: transparent; padding: 0; outline: 0px; box-shadow: inherit;}
.form-group.passwordIcon .eyeBtn.icon-eye-open {background-image:url(../../images/front/show-password-gray-icon.svg);}
.subscription-row{padding-top:32px}
.subscription-row ul{display:flex;align-items:flex-start;margin:0 -15px}
.subscription-row ul li{max-width:225px;padding:0 15px;flex:1}
.subscription-row ul li p{font-weight:400;font-size:12px;line-height:16px;color:#99a5b1;margin-bottom:4px}
.subscription-row ul li span{display:block;font-weight:600;font-size:12px;line-height:16px;color:#344763}
.bessieCard-details{padding-top:55px}
.bessieCard-details-title h3{font-weight:600;font-size:16px;line-height:22px;color:#344763;margin-bottom:0;display:flex;align-items:center}
.bessieCard-details-title h3 a{font-weight:600;font-size:10px;line-height:14px;color:#55bc7e;padding-left:20px;display:flex;align-items:center}
.bessieCard-details-title h3 a img{padding-right:6px}
.bessieCard-details-title{margin-bottom:24px}
.bessieCard-row{display:flex;align-items:center}
.bessieCard-col{background:#fff;border-radius:16px;margin-right:16px}
.bessieCard-col:last-child{margin-right:0}
.bessieCard-img{position:relative}
.card-delete{position:absolute;top:12px;right:16px}
.bessieCard-checkd{padding:9px 16px}
.border-radius-round{border-radius:50%}
.downloadResumeBox{display:flex;flex-direction:column;flex:1 1 auto;height:100%;overflow:hidden}
.bessieCardImg{padding:24px}
.bessieCardAdd{padding:24px;background:#f5f6fa;border-radius:0 0 24px 24px;height:100%;overflow:auto}
.bessieCardAdd .modal-login-btn button{border:none;padding:12px 16px;border-radius:16px;font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#fff}
.bessieCardAdd .checkbox-row{padding-top:8px}
.bessieCard-img .cardDetails {position: absolute; bottom: 0px; left: 0; width: 100%; padding: 16px 19px;}
.bessieCard-img .cardDetails h4 {margin: 0 0 8px; font-weight: 600;font-size: 12px;line-height: 16px; color: #FFFFFF;}
.bessieCard-img .cardDetails p {margin: 0; font-size: 16px;  line-height: 14px;line-height: 16px; color: #FFFFFF;}
/*! Profile Page CSS */
.fileRow{padding-top:32px}
.dragDrop{padding-top:20px;position: relative; overflow: hidden;}
.dropzone-wrapper{position:relative;height:auto;border:2px dashed #99a5b1;border-radius:16px;background-color:#fff;padding:28px 0}
.dropzone-desc{margin:0 auto;text-align:center;width:100%;font-size:16px;padding:0 32px}
.dropzone,.dropzone:focus{position:absolute;outline:0!important;width:100%;height:150px;cursor:pointer;opacity:0;top: 0;}
input[type=file]{display:block}
.dropeFileProgress{margin:0 auto;text-align:center;width:100%;font-size:16px;padding:0 32px}
.bg-success{border-radius:8px}
.dropeFileProgress .progress{background:#eeeff4;height:24px;border-radius:8px}
.uploadText strong{font-weight:600;font-size:24px;line-height:30px;text-align:center;color:#344763;display:block;margin:16px 0 0}
.uploadText p{font-weight:400;font-size:10px;line-height:12px;text-align:center;color:#808b96;margin-bottom:0}
.dropeFileName{padding:0 32px;display:flex;flex-direction:column;justify-content:center;height:100%}
.dropeFileName p{font-weight:600;font-size:14px;line-height:18px;color:#344763;margin-bottom:16px}
.dashboardTabs-content .dropeFileName .dashboard-search-form{padding-top:0}
.dropeFileName .saveBtn button{padding:14px 24px;font-weight:600;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase;color:#fff;height:48px;border-radius:16px}
.dropzone-desc p{font-weight:400;font-size:12px;line-height:16px;text-align:center;color:#808b96}
.form-group .calendarSearch{background-image:url(../../images/calendar-icon.svg);background-repeat:no-repeat;background-position:center left 20px;padding-left:46px}
.form-group .calendarSearch+.floating-label{left:52px}
.dashboardTabs-content .dashboard-search-form{padding-top:32px}
.fileRow ul{display:flex;align-items:center;flex-wrap:wrap;margin:0 -8px}
.fileRow ul li {width:33.33%;padding:0 8px 16px}
.fileRow ul li .fileMinCol{background:#fff;border-radius:16px;display:flex;width:100%;padding:16px 22px;align-items:center}
.fileRow ul li .fileTitle {display:flex;align-items:center; flex-wrap: wrap;}
.fileRow ul li .fileContent{display:flex;align-items:center;justify-content:space-between}
.file-icon{flex:0 0 38px; width: 38px; max-width: 38px;}
.file-icon-title{flex:1 1 auto;margin-left:12px}
.fileTitle h4, .fileTitle input{font-weight:600;font-size:12px;line-height:16px;color:#344763;margin-bottom:0;margin-right:5px}
.fileRow ul li .fileTitle img {opacity: 0;transition: all .5s ease-in-out;}
.fileRow ul li:hover .fileTitle img {opacity: 1;}
.fileTitle input, .fileTitle button {border:none; padding:0; background:inherit;}
.fileContent p{font-weight:400;font-size:10px;line-height:12px;margin-bottom:0;margin-top:5px;color:#808b96}
.fileContent a{font-weight:600;font-size:10px;line-height:14px;text-transform:uppercase;color:#55bc7e}
.fileContent a:hover{color:#479e6a}
.fileTitle.fileRightIcon{border-bottom:2px solid #eeeff4;justify-content:space-between;padding-bottom:4px}
.fileTitle label{margin:0;font-weight:600;font-size:12px;line-height:16px;color:#fff;padding:0 4px;border-radius:20px; margin: 2px 0;}
/*! My Listing */
.dashboard-chart h3{font-weight:600;font-size:16px;line-height:20px;color:#344763;margin-bottom:8px;text-align:left}
.documentChart {display: flex; align-items: center;}
.documentChart .canvasBox {flex: 0 0 136px;}
.documentChart .chartInfoList {flex: 0 0 auto; padding: 0 0 0 16px;}
.noResponseBtn{font-weight:600;font-size:12px;line-height:16px;color:#808b96;background:#eeeff4;border-radius:8px;padding:2px 10px}
.mobil-show{display:none}
.search-row{position:relative}
/* .search-row::after{content:"";position:absolute;display:table;background:url(../../images/front/search-icon-blck.svg) right no-repeat;top:37%;right:14px;height:24px;width:24px;transform:translate(0,-50%)} */
.searchFilterContent{padding:20px 15px;height:100%;display:flex;flex-direction:column;flex:1 1 auto}
.searchFilterForm,.searchFilterForm .dashboard-search-form{height:100%;display:flex;flex-direction:column;flex:1 1 auto}
.searchFilterContent h3{font-weight:600;font-size:16px;line-height:20px;color:#344763;margin-bottom:32px}
.searchFilterContent .searchFilterForm .dashboardFillterItem{flex:initial}
.searchFilterContent .searchFilterForm .dashboard-search-form{flex-direction:column}
.searchFilterContent .searchFilterForm .dashboard-search-form .dashboardFillterItem.state-row,.searchFilterContent .searchFilterForm .dashboardFillterItem{max-width:100%;margin-right:0}
.searchFilterBtn{margin-top:auto}
.searchFilterBtn button{width:100%;text-align:center;font-weight:600;font-size:16px;line-height:20px;text-transform:uppercase;padding:14px;border-radius:16px}
.no-found-bg .btn-primary{font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#fff;border-radius:12px;padding:12px 16px}
/*! My Request */
.statusTag.waiting{background:rgba(255,144,102,.1);color:#ff9066}
/*! Practice Form */
.practice-head{padding-top:31px;display:flex;align-items:center;padding-bottom:30px}
.header{display:flex;align-items:center;justify-content:space-between}
.header .headerRight{display:flex;align-items:center;justify-content:flex-end}
.header .headerRight .notificationIcon{padding-right:31px}
.header .headerRight .head-profile{border-radius:8px;overflow:hidden}
.header .headerRight .notificationIcon a{position:relative}
.header .headerRight .notificationIcon a label{font-weight:600;font-size:12px;line-height:16px;text-align:center;color:#fff;margin:0;background:#ff4c49;border:3px solid #fff;border-radius:50%;height:20px;width:20px;position:absolute;top:-10px;right:-8px}
.header .headerRight .head-profile img{height:100%;width:100%;object-fit:cover}
.practice-head h4{font-weight:600;font-size:16px;line-height:20px;color:#344763;margin-bottom:0}
.practice-head a{font-weight:600;font-size:12px;line-height:16px;color:#55bc7e;padding-left:24px;display:flex}
.practice-head a img{margin-left:8px}
.practice-head a .hideCard,.practice-head a.show_card .showCard{display:none}
.practice-head a.show_card .hideCard{display:block}
.practiceHeadRow .card-row{display:block;position:relative;top:0;transition:inherit;padding-bottom:32px}
.practiceHeadRow .card-row .card-top-left {width: 100%;}
.practiceHeadRow .card-icon-text{flex:1 1 auto;padding-left:16px}
.practiceHeadRow .card-icon{flex:0 0 64px}
.practiceHeadRow .card-right-price strong img{margin-right:15px}
.tab-pane p{font-weight:400;font-size:12px;line-height:16px;color:#808b96}
.billing-address{border-top:1px solid #eeeff4;margin-top:2px;margin-bottom:15px}
.billing-address span{font-weight:600;font-size:14px;line-height:18px;color:#344763;display:block;margin-top:16px}
.practiceInfotabs li.nav-item{padding:0 48px;margin:0}
.practiceInfotabs .nav-tabs .nav-link.active .tabs-number,.practiceInfotabs .nav-tabs .nav-link.active::after,.practiceInfotabs .tabs-text{display:none}
.practiceInfotabs .nav-tabs .nav-link.active .tabs-text{display:block}
.practiceInfotabs .nav-tabs{display:flex;margin-bottom:0;position:relative;border-bottom:none;flex-wrap:nowrap;overflow:auto}
.practiceInfotabs .nav-tabs::after{content:"";position:absolute;top:50%;background-color:#eeeff4;height:1px;width:100%;z-index:0;transform:translate(0,-50%)}
.practiceInfotabs .nav-tabs .nav-link{white-space:nowrap;border:none;border-top-left-radius:0rem;border-top-right-radius:0rem;padding:0;position:relative;z-index:1;pointer-events:none;border-radius:8px}
.practiceInfotabs li.nav-item .nav-link .tabs-number{border:1px solid #eeeff4;background:#eeeff4;border-radius:8px;padding:14px 19px;display:block;font-weight:600;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase;color:#99a5b1}
.practiceInfotabs .nav-tabs .nav-link .tabs-text{background:#fff;border:1px solid #eeeff4;border-radius:8px;padding:14px 24px;font-weight:600;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase;color:#55bc7e}
.practiceInfotabs li.nav-item .success_form::after{content:"";position:absolute;top:50%;left:0;width:50px;height:50px;background:url(../../images/front/success-icon.svg) center no-repeat;background-size:100%;transform:translate(0,-50%)}
.concentrationsBtnRow{padding-top:28px}
.concentrationsBtnRow ul li{padding:13px 0}
/*! Switch Button */
.switch{display:flex;align-items:center;padding-top:30px}
.switch p{font-weight:400;font-size:16px;line-height:20px;color:#344763;margin-bottom:0;padding-left:16px}
.switch input[type=checkbox]{height:0;width:0;visibility:hidden}
.switch label{cursor:pointer;width:70px;height:32px;background:#808b96;display:block;border-radius:30px;position:relative;margin:0}
.switch label::before{content:attr(data-off);position:absolute;top:50%;right:10px;font-weight:600;font-size:12px;line-height:16px;color:#fff;transform:translate(0,-50%)}
.switch input:checked+label::before{content:attr(data-on);position:absolute;left:10px;top:50%;font-weight:600;font-size:12px;line-height:16px;color:#fff;transform:translate(0,-50%)}
.switch label::after{content:'';position:absolute;top:50%;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;transform:translate(0,-50%)}
.switch input:checked+label{background:#55bc7e}
.switch input:checked+label::after{-webkit-transform:translate(0,-50%) translateX(28px);transform:translate(0,-50%) translateX(28px);left:14px}
/*! Switch Button */
.sellingPractice{display:block;align-items:center;padding-top:40px;height:100%;margin:0 -8px}
.sellingClient{display:block;align-items:center;padding-top:0;height:100%}
.leftPracticeRow,.rightPracticeRow{width:50%;max-width:374px;display:flex;height:100%;margin:0 8px}
.sellingClient textarea,.sellingPractice textarea{background:#fff !important;font-weight:400;font-size:12px;line-height:16px;color:#808b96;height:81px;resize:none;width:100%;background:#fff;border:1px solid #eeeff4;border-radius:16px;padding:16px}
.sellingClient textarea:focus,.sellingPractice textarea:focus{outline:0;box-shadow:inherit;border:1px solid #55bc7e}
.sellingClient textarea{height:100px}
.rightPracticeRow {border:2px dashed #99a5b1;box-sizing:border-box;border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between}
.rightPracticeRow .fileUplodaGroup {display:flex;align-items:center;justify-content:space-between;}
.rightPracticeRow #custom-button{padding:0;background:url(../../images/front/upload-icon.svg) right no-repeat;border:none;border-radius:0;cursor:pointer;height:48px;width:48px;font-size:0}
.rightPracticeRow #custom-button:hover{opacity:.7}
.rightPracticeRow #custom-text{margin-right:10px;font-weight:400;font-size:12px;line-height:16px;color:#808b96;display:block;width:70%}
.conditionsPractice{padding-top:25px}
.conditionsPractice label{font-weight:400;font-size:12px;line-height:16px;color:#344763}
.tooltipsIcon{padding-right:45px!important}
.tooltipsRow{position:absolute;top:50%;right:15px;transform:translate(0,-50%)}
.tooltipsRow button,.tooltipsRow button:focus,.tooltipsRow button:hover{background:inherit;border:none;border-radius:0;padding:0;box-shadow:inherit;outline:0}
.tooltip-inner{max-width:100%;padding:8px;color:#fff;text-align:center;border-radius:.25rem;background:#ff9549;border-radius:8px}
.tooltip.show{opacity:1}
.tooltip{ top:5px !important; left: 15px !important; max-width: 373px;}
.tooltip-inner{max-width:530px;width:100%;text-align:left;font-weight:400;font-size:12px;line-height:16px;color:#fff}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:-10px;border-left-color:#ff9549;top:-19px;transform:rotate(270deg)}
.tooltip .arrow{left:auto!important;right:25px!important}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{border-bottom-color:#fe9f5b}
.practiceTabsBottom{background:#fff;padding:17px 45px 47px 30px;position:fixed;bottom:0;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 221px);left:221px;border-radius:0 0 0 24px;z-index: 1;}
.cancelButton{display:flex;align-items:center}
button.formBack-btn,button.formCancel-btn.cancel_btn{border:none;background:inherit;font-weight:600;font-size:16px;line-height:20px;text-align:center;text-transform:uppercase;color:#99a5b1}
button.formBack-btn:hover,button.formCancel-btn.cancel_btn:hover{opacity:.7}
.continue_btn{text-transform:uppercase;margin-left:20px}
.responsiveBackBtnOn{display:none}
/*! Consulting Page css Start */

.consulting-ad-banner {margin: 85px 0 45px; background-color: #FBE1BB;border-radius: 15px; display: flex; align-items: center; padding: 39px 310px 39px 40px; position: relative; background-image: url(../../images/consulting-illustrator-bg.svg); background-repeat: no-repeat; background-position: top -60px right -20px;}
.consulting-ad-banner .consultingContent h2 {font-weight: 600;font-size: 24px;line-height: 30px;color: #344763; margin: 0 0 16px;}
.consulting-ad-banner .consultingContent p {font-weight: 400;font-size: 12px;line-height: 16px; color: #344763; margin: 0px;}
.consulting-ad-banner .consultingImg {position: absolute; right: 30px; bottom: 0;}
.consultingCalander .fc td{border:0}
.consultingCalander .fc .fc-view-container{overflow:hidden}
.consultingCalander .fc .fc-view-container .fc-view{margin:0 -8px}
.consultingCalander .fc .fc-header-toolbar{margin-bottom:12px;display:flex;align-items:center}
.consultingCalander .fc .fc-header-toolbar .fc-left{display:flex;align-items:center}
.consultingCalander .fc .fc-header-toolbar h2{margin:0;font-weight:600;font-size:16px;line-height:22px;color:#344763}
.consultingCalander .fc .fc-header-toolbar .fc-button-group{margin-left:17px}
.consultingCalander .fc .fc-header-toolbar .fc-button-group .fc-button{background:transparent url(../../images/front/left-black-icon.svg) no-repeat center;box-shadow:inherit;border:0;padding:0;height:16px;width:16px;margin-right:24px}
.consultingCalander .fc .fc-header-toolbar .fc-button-group .fc-button.fc-next-button{transform:scale(-1)}
.consultingCalander .fc .fc-header-toolbar .fc-button-group .fc-button span{display:none}
.consultingCalander .fc>table{border:0;border-collapse:separate;border-spacing:0}
.consultingCalander .fc table .fc-head tr td.fc-head-container{border:0;padding:0 8px 4px}
.consultingCalander .fc table .fc-head .fc-head-container .fc-row{border:0!important;margin:0!important;z-index:-1}
.consultingCalander .fc table .fc-head tr td.fc-head-container table{border-collapse:separate;border-spacing:0;background:#eeeff4;border-radius:8px}
.consultingCalander .fc table .fc-head tr td.fc-head-container table .fc-day-header{border:0;text-align:left;font-weight:400;font-size:12px;line-height:16px;color:#344763;padding:16px;width:100%}
.consultingCalander .fc table .fc-body .fc-widget-content{border:0}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row{height:72px!important}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row table{border-collapse:separate;border-spacing:8px 4px}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-bg table tbody tr td{position:relative;background:#fff;border-radius:8px;width:100%;padding:8px;z-index:-1;vertical-align:bottom;text-align:right}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-bg table tbody tr .slotCounterTag{background:rgba(85,188,126,.1);border-radius:8px;font-weight:600;font-size:12px;line-height:16px;color:#55bc7e;padding:0 4px;display:inline-block}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row,.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-bg{z-index:0}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-bg table tbody tr td.highlightsCell{z-index:100}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-highlight-skeleton{display:none}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-bg table tbody tr::after,.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-content-skeleton table thead tr::after,.consultingCalander .fc table .fc-head tr td.fc-head-container table tr::after{content:"";background:rgba(5,14,38,.7);height:100vh;width:100%;position:fixed;top:0;left:0;z-index:-1;opacity:0;visibility:hidden;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-day-grid-container{margin-right:-8px;height:auto!important}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-content-skeleton table thead tr td{width:100%;font-weight:600;font-size:16px;line-height:22px;color:#344763;padding:8px}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-content-skeleton table thead tr td.fc-other-month{opacity:.15}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-content-skeleton table thead tr td .fc-day-number{float:left; padding: 0px; }
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row.overlayBg{z-index:1}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row.overlayBg .fc-bg table tbody tr::after{visibility:visible;opacity:1}
.consultingCalander .fc table .fc-body .fc-widget-content .fc-row .fc-content-skeleton table tr td{border-radius:8px}
.reserveConsultingContent{height:100%;display:flex;flex-direction:column}
.reserveConsultingContent .head{display:flex;justify-content:space-between;padding:0 24px 22px}
.reserveConsultingContent .head h3{font-weight:600;font-size:16px;line-height:20px;color:#344763;margin:0}
.reserveConsultingContent .head .sloteCount label{font-weight:600;font-size:12px;line-height:16px;color:#55bc7e;background:rgba(85,188,126,.1);border-radius:8px;padding:1px 4px 0;display:block;margin:0}
.reserveConsultingContent .contentBody {flex: 1 1 auto; scrollbar-width: thin;height: 100%; background: #F5F6FA; overflow: auto; padding: 20px 24px;}
.reserveConsultingContent .consultingTime ul li {padding: 12px 0;}
.reserveConsultingContent .consultingTime .container-row {font-weight: normal;font-size: 12px;line-height: 24px;}
.consultingFormDetails {padding-top: 36px;}
.consultingFormDetails .form-group.textareaGroup textarea.form-control{resize:none;height:121px;-ms-overflow-style:none;/*! IE 11 */scrollbar-width:none}
.consultingFormDetails .form-group.textareaGroup textarea.form-control::-webkit-scrollbar{display:none}
.consultingFormDetails .form-group.textareaGroup .floating-label{background:#fff;padding:7px 0 3px;top:7px;right:13px}
.consultingFormDetails .form-group.textareaGroup .form-control:focus~.floating-label,
.consultingFormDetails .form-group.textareaGroup .form-control.input-has-value~.floating-label{top:1px}
.reserveConsultingContent .reserveBtn .btn {background: #55BC7E;border-radius: 36px;width: 205px;height: 48px;}
/*! Consulting Page css End */
/*! Chating Page css Start*/
.chate-body{flex:1 1 auto;display:flex;flex-direction:column;padding-top:15px;overflow:hidden;height:calc(100vh - 120px)}
.chateAreaBox{flex:1 1 auto;background:#fff;border-radius:16px;display:flex;overflow:hidden}
.chateAreaBox .chateListingLeft{flex:0 0 334px;max-width:334px;width:334px;border-right:1px solid #f5f6fa;display:flex;flex-direction:column;background-color:#fff;position:relative}
.chateListingSearch{padding:20px 24px 19px;border-bottom:1px solid #f5f6fa;flex:0 0 88px}
.chateListingSearch .formGroup{position:relative}
.chateListingSearch .formGroup .formControl{background:#f5f6fa;border:1px solid #eeeff4;border-radius:16px;height:48px;width:100%;font-weight:400;font-size:12px;line-height:16px;color:#344763;padding:16px}
.chateListingSearch .formGroup .btn{background:#f5f6fa;border:0;padding:0;position:absolute;top:50%;transform:translate(0,-50%);right:16px;width:30px;height:30px;outline:0;box-shadow:inherit}
.chatSearchlisting{position:absolute;top:88px;width:100%;background:#fff;height:calc(100% - 88px);z-index:99;overflow:auto}
.chatSearchlisting .searchUserGroup .groupTitle{background:#f5f6fa;padding:8px 40px;font-weight:600;font-size:10px;line-height:14px;color:#344763}
.chateAreaBox .chatting-box ul li a:hover{background:#eeeff4}
.messageSearchList .chatting-box ul li a .chatting-profile-name p{padding-left:0}
.messageSearchList .chatting-box ul li a .chatting-profile-name p::after{display:none}
.userListing{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;height:100%}
.userListing .nav-pills{border-bottom:1px solid #f5f6fa;background-color:transparent;display:flex;flex:0 1 56px}
.userListing .nav-pills .nav-item{width:50%;flex:0 1 50%}
.userListing .nav-pills .nav-item .nav-link{font-weight:600;font-size:12px;line-height:12px;border-radius:0;background:0 0;text-align:center;padding:20px 10px;color:#344763;position:relative;display:flex;align-items:center;justify-content:center}
.userListing .nav-pills .nav-item .nav-link::after{content:'';position:absolute;height:3px;width:100%;bottom:-3px;left:0;background:#55bc7e;border-radius:3px;opacity:0}
.userListing .nav-pills .nav-item .nav-link.active{color:#55bc7e}
.userListing .nav-pills .nav-item .nav-link.active::after{opacity:1}
.userListing .nav-pills .nav-item .nav-link .dots{background:#ff4c49;height:5px;width:5px;border-radius:50%;margin-right:8px;display:block}
.userListing .tab-content{flex:1 1 auto;height:100%;display:flex;flex-direction:column;overflow:hidden}
.userListing .tab-content .tab-pane{flex:1 1 auto;height:100%;flex-direction:column}
.userListing .tab-content .tab-pane.active{display:flex}
.chateAreaBox .chatMessageRight{flex:1 1 auto;display:flex;flex-direction:column;height: calc(100vh - 130px)}
.chatMessageRight .chatMessageHead{flex:0 0 88px;position:relative;z-index:10}
.chatMessageHeadInner{padding:23px 24px 16px 32px;border-bottom:1px solid #f5f6fa;position:relative;z-index:10;display:flex;background:#fff}
.chatMessageHead .headUserDetails{flex:1 1 auto;display:flex;align-items:center}
.chatMessageHead .headUserDetails .chatCloseBtn{display:none}
.chatMessageHead .headUserDetails .chatCloseBtn .btn{height:24px;width:24px;padding:0;outline:0;display:flex;align-items:center;justify-content:center;box-shadow:inherit;margin-right:13px}
.chatMessageHead .userThumb{height:48px;width:48px;border-radius:16px;overflow:hidden}
.chatMessageHead .userThumb img{height:100%;width:100%;object-fit:cover}
.chatMessageHead .profileDetails{flex:1 1 auto;padding:0 8px}
.chatMessageHead .profileDetails h4{font-weight:400;font-size:12px;line-height:16px;color:#344763;margin:0 0 8px}
.chatMessageHead .profileDetails h3{font-weight:600;font-size:16px;line-height:20px;color:#344763;margin:0;display:flex;align-items:center}
.chatMessageHead .profileDetails .statusDot{background:#5743be;border-radius:50%;display:block;margin-right:8px;height:8px;width:8px}
.chatMessageHead .profileDetails .statusDot.darkBlue{background:#5743be}
.chatMessageHead .profileDetails .statusDot.lightBlue{background:#4eccf3}
.chatMessageHead .profileDetails .statusDot.orange{background:#ff9066}
.chatMessageHead .profileDetails .statusTag{border-radius:8px;padding:0 4px;font-weight:600;font-size:12px;line-height:16px;color:#fff;background:#99a5b1;margin:0}
.chatMessageHead .profileDetails .statusTag.offline{background:#99a5b1}
.chatMessageHead .profileDetails .statusTag.online{background:#02c39a}
.chatMessageHead .messageSearchBox{position:absolute;top:100%;width:100%;left:0;background:#fff;box-shadow:0 18px 80px rgba(0,0,0,.12)}
.chatMessageHead .messageSearchBox .inputGroup{display:flex;align-items:center;padding:8px 24px;align-items:center}
.chatMessageHead .messageSearchBox .inputGroup .form-group{flex:1 1 auto;margin:0}
.chatMessageHead .messageSearchBox .inputGroup .form-group .form-control{background:#f5f6fa;border:1px solid #eeeff4;border-radius:16px;height:48px;width:100%;font-weight:400;font-size:12px;line-height:16px;color:#344763;padding:16px 50px 16px 16px;}
.chatMessageHead .messageSearchBox .closeBtn{flex:0 0 56px;padding-left:16px}
.chatMessageHead .messageSearchBox .closeBtn .btn{background:#f5f6fa;border-radius:12px;width:40px;height:40px}
.chatMessageHead .messageSearchBox .messageSearchListing{max-height:240px;overflow:auto}
.messageSearchListing .chatting-box ul li a .chatting-profile-name p{padding-left:0}
.messageSearchListing .chatting-box ul li a .chatting-profile-name p::after{display:none}
.chatMessageHead .headUserAction{display:flex;align-items:center}
.chatMessageHead .resumeBtn{background-color:transparent;font-weight:600;font-size:12px;line-height:16px;color:#55bc7e;border:0}
.chatMessageHead .resumeBtn img{margin-right:4px}
.chatMessageHead .searchBtn{background-color:transparent;width:40px;height:40px;border:0;margin-left:16px}
.chatMessageHead .searchBtn img{max-width:20px}
.chatMessageHead .actionBtn{margin-left:16px;background:0 0;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.chatMessageRight .chatMessageBody{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;position:relative;height: 100%;width: 100%;}
.chatMessageRight .chatFoot{display:flex;flex:0 0 80px;border-top:1px solid #f5f6fa}
.chatMessageBody .messageItemTime{font-weight:400;font-size:10px;line-height:12px;color:#808b96;text-align:center;margin:16px 0 8px}
.chatMessageBody .messageItem{margin-bottom:16px}
.chatMessageBody .message-out .messageText{display:inline-block;background:#f5f6fa;border-radius:8px 8px 8px 0;padding:8px 8px 8px 8px;position:relative;max-width:453px}
.chatMessageBody .message-out .messageText .textNessage{font-size:16px;word-break: break-all;line-height:20px;font-weight:400;color:#344763;margin-bottom:5px;min-width:80px;}
.chatMessageBody .message-out .messageText .time{font-size:10px;line-height:12px;color:#99a5b1;position:absolute;bottom:4px !important;right:8px}
.chatMessageBody .message-in{text-align:right}
.chatMessageBody .message-in .messageText .textNessage{font-size:16px;line-height:20px;font-weight:400;color:#fff;margin:0; word-break: break-word; overflow: hidden; text-overflow: ellipsis;}
.chatMessageBody .message-in .messageText .textNessage{font-size:16px;line-height:20px;font-weight:400;color:#fff;margin-bottom:5px;}
.chatMessageBody .message-in .messageText .time{font-size:10px;line-height:12px;position:absolute;bottom:4px;right:8px;color:rgba(255,255,255,.5)}
.chatMessageBody .messageFileItem{margin-bottom:8px}
.chatMessageBody .messageFileItem .messageText{padding:8px 12px 8px 8px;width:100%;text-align:left}
.chatMessageBody .messageFileDetails{display:flex;align-items:center}
.chatMessageBody .messageFileDetails .fileThumb{flex:0 0 24px;height:24px;display:flex;align-items:center;justify-content:center}
.chatMessageBody .messageFileDetails .fileDetails{padding:0 8px;flex:1 1 auto;width:215px;max-width:215px}
.chatMessageBody .messageFileDetails .fileDetails .fileName{margin:0;font-weight:600;font-size:12px;line-height:16px;color:#344763;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.chatMessageBody .messageFileDetails .fileDetails .fileSize{margin:0;font-size:10px;line-height:12px;color:#808b96;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.chatMessageBody .fileAction{margin-left:auto}
.chatMessageBody .fileAction a{color:#55bc7e;font-weight:600;font-size:10px;line-height:14px;margin-bottom:5px;display:block}
.chatMessageBody .message-in .fileDetails .fileName{color:#fff}
.chatMessageBody .message-in .fileDetails .fileSize{color:rgba(255,255,255,.8)}
.chatMessageBody .message-in .fileAction a{color:#fff}
.chatMessageBody .messageItem .messageImgFile{border:4px solid #f5f6fa;border-radius:8px 8px 8px 0;overflow:hidden;width:200px}
.chatMessageBody .messageItem .messageImgFile img{width:100%;height:100%;object-fit:cover}
.chatMessageBody .messageItem.message-in .messageImgFile{border-radius:8px 8px 0 8px;margin-left:auto}
.imageLightBoxModal .modal-dialog .modal-content{background-color:transparent;border:0}
.imageLightBoxModal .modal-dialog .modal-body{padding:0;position:relative}
.imageLightBoxModal .modal-dialog .imageCloseModal{position:absolute;top:-37px;right:0;background-color:transparent;border:0;width:18px;padding:0}

.imageLightBoxModal .modal-dialog .modal-body .imageBox {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.chatFoot .typeMessageBox{padding:8px 24px 24px;width:100%;border-top:1px solid #eeeff4;display:block}
.chatFoot .typeMessageBox .formGroup{position:relative}
.chatFoot .typeMessageBox .formGroup .form-control{resize:none;background:#eeeff4;border:1px solid #eeeff4;border-radius:16px;font-weight:400;font-size:12px;line-height:16px;color:#344763;padding:15px 48px 15px 49px;min-height:48px;max-height:100px;box-shadow:inherit;-ms-overflow-style:none;/*! IE 11 */scrollbar-width:none}
.chatFoot .typeMessageBox .formGroup .form-control::-webkit-scrollbar{display:none}
.chatFoot .typeMessageBox .formGroup .attachmentBtn{position:absolute;left:16px;bottom:12px;padding:0;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:0;box-shadow:inherit;background-color:transparent}
.chatFoot .typeMessageBox .formGroup .attachmentBtn img{max-width:100%;width:auto;height:auto;max-height:100%}
.chatFoot .typeMessageBox .formGroup .sendBtn{position:absolute;right:16px;bottom:12px;padding:0;width:24px;height:24px;padding:0;background:#55bc7e;border:0;box-shadow:inherit;border-radius:8px;display:flex;align-items:center;justify-content:center}
.chatFoot .userRequestAction{display:flex;align-items:center;width:100%;justify-content:flex-end;padding:8px 16px 24px}
.chatFoot .userRequestAction .userRequestItem{padding:0 8px}
.chatFoot .userRequestAction .btn{background:#ff4c49;border-radius:16px;width:131px;height:48px;font-weight:600;font-size:16px;line-height:20px;border:0;outline:0;color:#fff}
.chatFoot .userRequestAction .btn:hover{background-color:#e44542}
.chatFoot .userRequestAction .btn img{margin-right:13px}
.chatFoot .userRequestAction .btn.btn-accept{background-color:#55bc7e;width:139px}
.chatFoot .userRequestAction .btn.btn-accept img{margin-right:11px}
.chatFoot .userRequestAction .btn.btn-accept:hover{background-color:#49a26d}
.chatFoot .requestRejectLable{padding:8px 24px 23px;width:100%}
.chatFoot .requestRejectLable .rejectedTag{background:rgba(255,76,73,.16);border-radius:16px;display:block;margin:0;font-weight:600;font-size:16px;line-height:20px;color:#ff4c49;text-align:center;padding:14px}
.noSearchResult{display:flex;justify-content:center;text-align:center;flex-direction:column;align-items:center;padding:40px 15px}
.noSearchResult p{margin:16px 0 0;font-weight:600;font-size:16px;line-height:20px;color:#344763}
/*! Chating Page css End */

/*! Notifications Css Start */
.notificationsCard{background:#fff;border-radius:16px;padding:16px;position:relative;margin-bottom:12px}
.notificationsCard .time{font-weight:400;font-size:10px;line-height:12px;position:absolute;top:16px;right:16px;color:#99a5b1}
.notificationsCard h5{font-weight:400;font-size:12px;line-height:18px;color:#344763;vertical-align:middle;margin:0;padding-right:70px}
.notificationsCard strong{font-weight:600;font-size:16px}
.notificationsCard .accepted{font-weight:600;font-size:14px;line-height:18px;color:#55bc7e}
.notificationsCard .rejected{font-weight:600;font-size:14px;line-height:18px;color:#ff4c49}
.notificationsCard .rejected{font-weight:600;font-size:14px;line-height:18px;color:#ff4c49}
.notificationsCard p{font-weight:300;font-size:16px;line-height:26px;color:#344763;margin:15px 0 0}
.notificationsCard .notifActionRow{display:flex;align-items:center;margin-top:10px}
.notificationsCard .notifActionRow .btn{background:#f5f6fa;border-radius:8px;padding:5px 8px;font-weight:600;font-size:10px;line-height:14px;text-transform:uppercase;text-align:center;margin-right:11px;color:#808b96}
.notificationsCard .notifActionRow .btn.btn-green{color:#55bc7e}
.notificationsCard .notifActionRow .btn:hover{background-color:#e5e6e6}
.notificationsCard.transparentCard{padding:5px 0 22px;background-color:transparent;border-radius:0;border-bottom:1px solid rgba(52,71,99,.1)}
.notificationsCard.transparentCard .notifActionRow .btn{background:#fff}
.notificationsCard.transparentCard .notifActionRow .btn:hover{background:#e5e6e6}
/*! Notifications Css End */

/*! Client CSS Form CSS Start */
.practiceHeadRow .card-link ul li label{font-weight:600;font-size:12px;line-height:16px;color:#3c3463}
.practiceHeadRow .card-link ul li span{margin-left:0}
.practiceHeadRow .checkmark{height:16px;width:16px;background-color:#eeeff4;border:1px solid #eeeff4;border-radius:4px}
.practiceHeadRow .container-row .checkmark::after{left:5px;top:2px;width:4px;height:9px}
/*! Job CSS Form CSS Start */

.practiceInfotabsForm{padding-bottom:130px}
.radioContentRow{display:none}
.descriptionBox .form-group textarea{height:140px;resize:none}


#chartdiv {
  width: 100%;
  height: 350px;
}
.fc-past{
  opacity: .3;
}

.card-name-bottom-left {
  position: absolute;
  bottom: 90px;
  left: 29px;
  font-size: 12px;
  font-weight: bold;
  color: rgb(247, 241, 246);

}
.card-number-bottom-left-again {
  position: absolute;
  bottom: 60px;
  left: 29px;
  font-size: 17px;
  color: rgb(247, 241, 246);
}
.name-bottom-left{
  margin-top:-65px;
  margin-left:20px;
  font-weight:bold;
  font-size:15px;
  color:white;
}
.number-bottom-left-again{
  margin-top:10px;
  margin-left:20px;
  font-size:18px;
  color:white;
}

/** Custom css*/
.is-custom-error {
  border-color: #FF4C49 !important;
  background: inherit;
}
.is-invalid-select2{
  border:1px solid #FF4C49  !important;
}

.cancel_sub_link {
    color: #99A5B1;
    font-size: 13px;
}

.selectrold {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  width: 20px;
  background: url(../../images/front/bg-icon.svg) left no-repeat;
  transform: translate(0,-50%);
}
.tabsProfile-img {
    width: 100px;
 }
/* Custome File css */
#buyerResume-error {position: absolute;}
.rightPracticeRow .file-custom-button{padding:0;background:url(../../images/front/upload-icon.svg) right no-repeat;border:none;border-radius:0;cursor:pointer;height:48px;width:48px;font-size:0}
.rightPracticeRow .file-custom-button:hover{opacity:.7}
.rightPracticeRow .file-custom-text{margin-right:10px;font-weight:400;font-size:12px;line-height:16px;color:#808b96;display:block;width:70%}
.ownpad{padding: 10px 15px 0px 15px !important;}
.card-link-own ul{padding:0px 15px;display:flex;align-items:center;flex-wrap:wrap}
.card-link-own ul li{font-weight:400;font-size:12px;line-height:25px;color:#808b96;padding:4px 0px;display:flex;align-items:center;margin-right:8px;white-space:nowrap}
.card-link-own ul li span{font-weight:600;font-size:12px;line-height:16px;color:#344763;margin-left:5px}
.owninformation{background: #F0F1F5;
border-radius: 8px;}
.owninformation .fileRow ul li {
    width: 25%;
    padding: 0px 8px;
    margin-bottom: 10px;
}
.ownpad .information-title label{margin: 0 0 5px;}
.owninformation .fileRow ul li .fileMinCol{padding: 10px 10px;}
.hrs{
  width:100%;
  height: 1px;
  background: #D1D4DC;
  opacity: 0.5;
  margin: 0px 0px ;
}

.listing-profile-pic{
  height: 64px;
  width: 64px;
  border-radius: 16px;
  overflow: hidden;
}
.highlight {
  background-color: yellow;
}

/* .waitings{
            color:rgb(180, 72, 72);
          }
.noResponsed{
  color:'#66FFFF';
            }
.activated{
  color:rgb(18, 216, 18);
}
.rejected{
  color:rgb(207, 34, 34);
}
.solded{
  color:'#66FFFF';
} */
.chat-empty-title{
  font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
/* identical to box height, or 140% */


/* Gray Dark */

color: #808B96;
}
.chat-empty-text{
  font-family: Poppins;
font-style: normal;
font-weight: normal;
font-size: 12px;
margin: 25% auto;
line-height: 16px;
/* or 133% */

text-align: center;

/* Gray Medium */

color: #99A5B1;
}

.invalid-message-consulting{list-style:disc;color:#ff4c49;font-size:16px;line-height:20px;font-weight:400;margin:8px 0}
.invalid-message-consulting{background-color:rgba(255,76,73,.1);border-radius:16px;padding:8px 16px}
.invalid-message-consulting ul{padding-left:20px}
.invalid-message-consulting ul .col-sm-2{text-align: right;}

.consultingBanner {
  background: #fff;
  border-radius: 16px;
  position: relative;
  padding: 15px 16px;
  min-height: 184px;
  margin: 46px 0 80px;
}


.consultingBanner::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -7px;
  width: calc(100% + 7px);
  background: url(../../images/consulting-banner-bg.svg) no-repeat right bottom;
  height: 124px;
  z-index: 0;
}
.consultingBanner h4 {
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  color: #344763;
  margin: 0 0 13px;
  position: relative;
  z-index: 10;
}
.consultingBanner p{
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1D1D1D;
  margin: 0 0 20px;
  position: relative;
  z-index: 10;
}
.consultingBanner p{
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1D1D1D;
  margin: 0 0 20px;
  position: relative;
  z-index: 10;
}
.consultingBanner .btn{
  width: 81px;
  height: 24px;
  padding: 5px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* chnges 20-11-2020 */
.adBanner {
  display: flex;
  background: #FBE1BB url(../../images/ad-banner-bg.svg) no-repeat right bottom;
  border-radius: 16px;
  padding: 28px 315px 28px 40px;
  align-items: center;
}
.adBanner h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 30px;
  color: #1D1D1D;
  margin: 0;
}
.adBanner p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1D1D1D;
  margin: 0 0 0 30px;
  max-width: 294px;
}

/* .form-group .form-control.input-has-value~.floating-label,.form-group .form-control:focus~.floating-label{top:7px;font-size:10px;transform:inherit} */
.chatMessageBody .message-in .messageText {
  display: inline-block;
  background: #55bc7e;
  border-radius: 8px 8px 0 8px;
  padding: 8px 8px 8px 8px;
  position: relative;
  max-width: 453px;
  min-width: 80px;
  text-align: left;
}

.chatMessageBody .message-out .messageText .time, .messengerBody .message-in .messageText .time, .messengerBody .message-out .messageText .time {bottom: 3px;}
.chatMessageBody .message-out .messageText, .chatMessageBody .message-in .messageText, .messengerBody .message-out .messageText, .messengerBody .message-in .messageText {padding-bottom: 14px;}
.messageItem .messageImgFile {position: relative;}
.messageItem .messageImgFile .time {font-size: 10px;line-height: 12px;color: #FFFFFF;position: absolute;bottom: 2px;right: 8px;}
.messengerBodyScroll {padding-top: 0px;}


.sixseven {
    content: "";
    position: absolute;
    background: url(../../images/front/search-icon-blck.svg) right no-repeat;
    top: 37%;
    right: 14px;
    height: 24px;
    width: 24px;
    margin-top: 5px;
    border:none;
    /* line-height: 34px; */
    transform: translate(0,-50%);
  }

  .separator {
    /* margin-top: $separator-space-top;
    margin-bottom: $separator-space-bottom; */
    border: 0;
  }
.separator--line {border: 0;position: absolute;border-bottom: 5px solid #bada55;width: 0;animation: separator-width 1s ease-out forwards;padding: 0px;margin: 0px;z-index:9999 !important;}
@keyframes separator-width {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.chatloader {
  margin: 50% auto;
  display: table;
}
.highlightText {
    background: yellow;
}
.messageText.searched {
    background: #4ECCF3 !important;
}
.chateFiltter{padding:16px 24px;border-bottom:1px solid #f5f6fa}
.chateFiltter .filtterDropdownRow{display:flex;align-items:center;margin:0 -8px}
.chateFiltter .filtterDropdownRow .filtterDropdownItem{flex:0 1 50%;padding:0 8px}

.fc-today{opacity: .15;}

.ancar-cancel{border: none;
    background: inherit;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #99a5b1;}