body{ padding:0; margin:0px; color:#7c868d;font-family: 'Raleway',sans-serif !important;
    background-color: #f8f6f6;
    background-image: -webkit-linear-gradient(#f8f6f6,#f7f1f3);
    background-image: -o-linear-gradient(#f8f6f6,#f7f1f3);
    background-image: -moz-linear-gradient(#f8f6f6,#f7f1f3);
    background-image: linear-gradient(#f8f6f6,#f7f1f3);
/*    font-size: 100%;*/ font-weight: normal;
}

main{min-height: calc(91.5vh - 63px);}
*{padding: 0px; margin: 0px;}
*,*:focus,*:hover{
    outline:none;
}
.bg-dark {background-color: #3b3b3c !important;}
.bg-light{background-color:#fff !important;}
.bg-primary{background-color:#ececec !important;}
.border_black{border:1px solid #000;}
.homebg{
    background:url(../images/home_page_image.jpg) no-repeat top center;
    float:left;
    min-height: calc(100vh - 63px);
    background-size: cover;
    position: fixed;
}

.homebanner1{
    background:url(../images/homepage_banner1.jpg) no-repeat top center;
    float:left;
    background-size: cover;
    width: 100%;
    height: 800px;
    position: relative;
}
.homebanner2{
    background:url(../images/homepage_banner2.jpg) no-repeat top center;
    float:left;
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}
.homebanner3{
    background:url(../images/homepage_banner3.jpg) no-repeat top center;
    float:left;
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}
.homebanner4{
    background:url(../images/homepage_banner4.jpg) no-repeat top center;
    float:left;
    background-size: cover;
    width: 100%;
    height: 300px;
    position: relative;
}
.heading{ position: absolute; color: #5b4687; font-size: 60px; top: 22%; left:40px;width: 100px;}

.homepagebaner{ width: 100%; height: 100%; }

.homeModel{ max-width:530px !important; min-height:460px;}
.bigModel{ max-width:750px !important; min-height:460px;}
.mediaModel{ max-width:650px !important; min-height:460px;}
.agreementbigModel{ max-width:805px !important; min-height:460px;}
.cosmeticData{ max-width:600px !important; min-height:460px;}
.loginmodel{width:350px !important;}
.editdistributor{ max-width:600px !important; min-height:460px;}

.footer_inner{background-color: #9d9ec8;color: #fff; /*border-top: 1px solid #5b4687;*/font-size: 13px; float: left;}
footer{ color:#5b4687; width:100%; padding:15px 20px;bottom:14px; font-size: 13px;letter-spacing: 0px; font-weight: bold;}
.footer_inner span{text-align: left!important;}
.footer_inner a{text-align: right!important; color: #fff; float: right; text-decoration: none;}
.footer_inner a:hover{color: #fff; text-decoration: none;}

#reload_forgot, #reload_login, #reload {float: right;}
#add_new_media_library1 .custom-file-label { white-space: nowrap; overflow: hidden;text-overflow: ellipsis;padding-right:170px; border-radius: 5px;}
/*------------------------------------NAVBAR-----------------------------------*/
.navbar{background: #5b4687;}
.navbar-dark .navbar-brand{border-right:1px solid #ffe5e8; padding-right: 10px; margin-right: 0px;}
.navbar .navbar-nav .nav-link{font-weight: normal; color: #fff !important;font-size: 13px; padding: 0 ;}
.navbar .navbar-nav .nav-link > .fas {font-family: 'Font Awesome 5 Free';margin: 2px 5px 4px auto;top: 0;line-height: 24px; font-weight:bold; font-style:normal;font-size: 18px;}
.navbar .navbar-nav .nav-item.userprofile span{font-size:13px;}
.loginicons{position: absolute;left: 9px;top: 32px;font-size: 18px;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu{left: -115px;background-color: #5b4687; border:1px solid #9d9ec8; z-index: 9999; margin-top: 8px;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu a{text-align: left;font-size: 13px;padding: 5px 15px;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu a:hover{background-color: transparent;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu a:active, .navbar .navbar-nav .nav-item.dropdown .dropdown-menu a:focus{background-color: transparent;color: #404041; }
.navbar .navbar-nav .nav-item.dropdown .dropdown-toggle::after{margin-top: 10px;}
.navbar .navbar-nav .nav-item.userprofile .dropdown-toggle::after{margin-top: 10px; display: none;}
.navbar .navbar-nav .nav-item#information .dropdown-menu{left: 0px;}
.dropdown-divider{border-top: 1px solid #9d9ec8;}
.navbar .navbar-nav .nav-link > img{margin: 0px 5px 4px auto;}

.border-radius{border-radius: 5px !important;}
.border-radius-none{ border-radius: 0px !important;}

.profile { width: 40px;height: 40px; max-width: 40px;max-height: 40px;background-color:#ffe5e8;border-radius: 50%; float:left; margin-right:0;display: flex;align-items: center;justify-content: center;text-align: center;}
.profile span{ color: #5b4687; font-size: 13px; text-align: center; text-transform: uppercase;}
.profile img {border-radius: 50%;border: none;}

.userInfo li{ float: left; margin-right: 20px; font-size: 13px; font-style: normal;font-weight: 500;color: #7c868d;}
.userInfo li img{margin-right: 5px;}
.userInfo li .fas{font-weight: 600;font-family: "Font Awesome 5 Free"; font-style: normal; color: #7c868d; padding-right: 10px; font-size: 13px;}
.search_field {display: none;}
#add_new_hydracool_form #demo_area {display: none;}
#add_new_hydracool #demo_area {display: none;}
.login_captcha_div {display:none;}

.audit_log_datatable_loader, .diagnostic_datatable_loader, .installed_unit_datatable_loader {display: none;}

.audit_log_datatable_loader{
  position: absolute;
  top: -15px;
  right: 220px;
}

.diagnostic_datatable_loader{
  position: absolute;
  top: -15px;
  right: 150px;
}

.installed_unit_datatable_loader{
  position: absolute;
  top: 24px;
  right: 44px;
}


.audit_log_datatable_loader .sk-chase,  .diagnostic_datatable_loader .sk-chase,  .installed_unit_datatable_loader .sk-chase{
  width: 25px;
  height: 25px;
  background-color: transparent;
}

.audit_log_datatable_loader  .sk-chase-dot:before, .diagnostic_datatable_loader  .sk-chase-dot:before, .installed_unit_datatable_loader .sk-chase-dot:before {
  background-color: #5B4687;
}

#audit-log_processing,  #diagnostic_list_dashboard_processing{
  background: none;
}
/*------------------------------------NAVBAR-----------------------------------*/

#progress-warning {
  background-color: #f2c4e1;
  padding: 5px;
  border-radius: 5px;
  width: auto;
  float: right;
}

#progress-warning h2 {
  margin-bottom: 0;
  color: #7c868d;
}

#hiddenFileInput {
  display: none;
}

/*------------------------------------FONT-----------------------------------*/
h1{font-size:26px;  /*font-size: 2.0vw;*/ color:#9d9ec8;font-weight: 300; font-style: normal;}
h2{font-size:18px; /*font-size: 1.5vw;*/color:#7c868d;font-weight: 600; font-style: normal;}
h3{font-size:16px;color:#9d9ec8;}
h4{font-size:14px;color:#9d9ec8;}
h5{font-size:12px;color:#9d9ec8;}
h6{font-size:10px;color:#9d9ec8;}

.text_white{ color: #fff !important; }

p{ color:#7c868d; font-size:13px; line-height:29px; padding:0px;font-weight: 500;font-style: normal;}
p.small{ color:#7c868d; font-size:12px; line-height:17px; padding:0px;font-weight: 500;font-style: normal;}

a{color:#7c868d; font-size:13px; font-weight:bold; margin:0px;font-weight: 500;}
a:hover{color:#7c868d; text-decoration:underline;}

a.small {color: #7c868d;font-size: 13px;font-weight: bold;margin: 0px;}
a.small:hover{color:#7c868d; text-decoration:underline;}

a.big {color: #7c868d;font-size: 13px;font-weight: 500;margin: 0px;}
a.big:hover{color:#7c868d; text-decoration:underline;}

label{ color:#7c868d; font-size:13px; word-break: break-word; }
label.error {color: #dc3545;font-weight: 600;font-size: 13px; margin-bottom: 0px;word-break: break-word;}

label#category_id-error{position: absolute;top: 60px;}
label#fk_hydracool_srp_id-error{position: absolute;top: 60px;}
/*------------------------------------FONT-----------------------------------*/


/*------------------------------------BUTTONS-----------------------------------*/
.btn-primary{min-width: 180px; border:1px solid #5b4687; background-color:#fff; color: #5b4687; font-size:13px;font-weight: 700;font-style: normal;padding: 15px 0;}
.btn-primary:hover{ background-color:#fff;color: #5b4687; }
.btn-secondary{ background-color:#fff;border:1px solid #5b4687; color: #5b4687 !important; padding:4px 15px;font-weight: 600;font-size:13px;}
.btn-secondary:hover{ background-color:#fff;color: #5b4687; }
.btn-success{ background-color:#fff;border:1px solid #5b4687; color: #5b4687; padding: 10px 30px;font-size:13px;}
.btn-success:hover{ background-color:#fff;color: #5b4687; }

.btn-primary.disabled, .btn-primary:disabled {color: #fff !important;background-color: #7c868d;border-color: #7c868d;}
.btn-secondary.disabled, .btn-secondary:disabled {color: #fff!important;background-color: #7c868d;border-color: #7c868d;}
.btn-success.disabled, .btn-success:disabled {color: #fff!important;background-color: #7c868d;border-color: #7c868d;}

.btn-primary:active,.btn-secondary:active,.btn-success:active{background-color:#fff !important; box-shadow: none;color: #5b4687 !important; }
.btn-primary:focus,.btn-secondary:focus,.btn-success:focus{background-color:#fff !important;box-shadow: none;color: #5b4687 !important; }

.gridMainContainer div.dt-buttons{float: right; margin:0px 10px 0;width: auto;}
.gridMainContainer div.dt-buttons .dt-button{border-radius: .25rem;background-color:#fff; color: #5b4687; padding:2px 15px;border:1px solid #5b4687; font-weight: 600;font-size:13px; background-image: none;}
.gridMainContainer div.dt-buttons .dt-button:hover{background-color:#fff; background-image: none;}
.gridMainContainer div.dt-buttons .dt-button:focus, .gridMainContainer div.dt-buttons .dt-button:active{background-color:#fff !important; color: #5b4687;border:1px solid #5b4687; background-image: none!important;text-shadow:none; box-shadow:none!important;}

.gridMainContainer .mt_minus{margin-top: -29px;}
.gridMainContainer .mt_minus .dataTables_length{margin-bottom: 10px;}
.gridMainContainer .mt_minus .dataTables_length .custom-select{padding-top:4px !important; padding-bottom: 4px !important;}
.gridMainContainer .dashboard_minus{margin-top: -23px;}


#dashboardScroll div.dt-buttons .dt-button{float: none;}
#dashboardScroll div.dt-buttons {
     float: right;
    margin: 5px 10px 0;
    width: auto;
}

.dashboardgrid div.dt-buttons .dt-button, .diagnostics div.dt-buttons .dt-button{border-radius: .25rem;background-color:#fff; color: #5b4687; padding:2px 15px;border:1px solid #5b4687; font-weight: 600;font-size:13px; background-image: none; margin: 2px;}
/*------------------------------------BUTTONS-----------------------------------*/


/*------------------------------------FORM CONTROLES-----------------------------------*/
.form-control{border: 1px solid #dbdbdc; border-radius:5px;height: calc(1.5em + .75rem + 0px); padding:5px 10px; font-size: 13px; color: #7c868d;}
.form-control:focus{box-shadow:none;}
.form-control.error{border: 1px solid red; border-radius:5px; padding:5px 10px; }
textarea{border: 1px solid #dbdbdc; resize: none; height: 70px !important;}
.custom-control-label{padding-top: 3px;}
.custom-control-label::before,.custom-control-label::after{ width:20px; height:20px;border-color: #d7d7d7 !important;}
.custom-radio .custom-control-label::before,.custom-radio .custom-control-label::after{ width:15px; height:15px;}
.custom-control-input:checked ~ .custom-control-label::before{color: #fff;border-color: #5b4687;background-color: #5b4687;}
.custom-control-input:not(:disabled):active~.custom-control-label::before {color: #fff;background-color: #000;border-color: #d7d7d7;}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {color: #fff;background-color: #000;border-color: #d7d7d7;}
.custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
.form-group{ margin-bottom: 15px;}
.custom-file-input, .custom-file-label{height: 32px; z-index: 999;padding: 5px 10px;}
.custom-file-input:lang(en)~.custom-file-label::after {content: "Browse";padding:5px 60px; height: 30px;}
.custom-control-input.is-invalid~.invalid-feedback{display: none;}
.form-group .select2-hidden-accessible{border: 1px solid #dbdbdc !important;border-radius: 0px !important; position: relative !important;}
.form-group .select2-container{display: block !important;font-size: 13px;}
.form-group .select2-container:focus{border: 1px solid #dbdbdc !important;}
.form-group .select2-container .selection .select2-selection--single{border: 1px solid #dbdbdc !important;border-radius: 5px !important;height: auto !important;padding:0px 10px !important; }
.form-group .select2-container .selection .select2-selection--single .select2-selection__arrow{top: 1px !important;}
.form-group .select2-container .selection .select2-selection--single:focus{border: 1px solid #dbdbdc !important; outline: none !important;}

.service_manual .custom-file-input:lang(en)~.custom-file-label::after{padding:5px 10px;}
.service_manual .custom-file .custom-file-label{border: none;}
.service_manual .custom-file .custom-file-label:focus{outline: none; box-shadow: none; }
.service_manual .input-group>.custom-file .custom-file-input:focus{outline: none; box-shadow: none; }
.service_manual .custom-file-input:focus ~ .custom-file-label{box-shadow:none; }

.service_manualEdit .custom-file-input:lang(en)~.custom-file-label::after{padding:5px 10px;}
.service_manualEdit .custom-file .custom-file-label{border: none;}
.service_manualEdit .custom-file .custom-file-label:focus{outline: none; box-shadow: none; }
.service_manualEdit .input-group>.custom-file .custom-file-input:focus{outline: none; box-shadow: none; }
.service_manualEdit .custom-file-input:focus ~ .custom-file-label{box-shadow:none; }

.form-row>.col, .form-row>[class*=col-] {padding-right: 10px;padding-left: 5px;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.form-group.row .o-switch .form-control-label.toggle.rounded {padding: -1px .875rem;}

.o-switch .checkbox.success:checked + .toggle {background: #5b4687;border-color: #5b4687;}
.o-switch .checkbox:checked + .toggle::before {right: 0;left: auto;}
.o-switch .toggle.rounded, .o-switch .toggle.rounded::before {border-radius: 1.625rem !important;}
.o-switch .toggle::before {position: absolute;top: 0;left: 0;z-index: 1;display: block;width: 1.625rem;height: 1.625rem;content: "";background: #fff;}
.o-switch .toggle {position: relative;display: block;width: auto;min-width: 3.75rem;height: 1.875rem;margin: .3125rem 0;background: #7c868d;border: 2px solid #7c868d;}
.o-switch .toggle, .o-switch .toggle::before, .o-switch .toggle .on, .o-switch .toggle .off {-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.o-switch .checkbox.success:checked + .toggle .on {color: #fff;}
.o-switch .checkbox:checked + .toggle .on {display: block;opacity: 1;}
.o-switch .toggle .on, .o-switch .toggle .off {display: none;font-weight: bold;line-height:26px;color: #fff;text-align: left;cursor: default;opacity: 0;}
.o-switch .checkbox:checked + .toggle .off {display: none;opacity: 0;}
.o-switch .toggle .off {display: block;text-align: right;opacity: 1;}
.o-switch .on { padding-left:5px;}
.o-switch .off { padding-right:10px; padding-left:15px;}
.marketingConsentRounded {width: 60px;}
.select2-results__option[aria-selected] {cursor: pointer;font-size: 13px;}
.datepicker {margin-bottom: 0;}
.datepicker td, .datepicker th {width: 2.5rem;height: 2.5rem;font-size: 0.85rem;}
.tooltip{z-index: 8890;}
.tooltip-inner{background-color: #fff; border:1px solid #000; color: #000;}
.bs-tooltip-top .arrow::before {top: 0;border-width: .4rem .4rem 0;border-top-color: #000;}
::-moz-placeholder{color:#5b4687;}
::-webkit-input-placeholder { 
  color: #5b4687;
}

:-ms-input-placeholder { 
  color: #5b4687;
}

::placeholder {
  color: #5b4687;
}
.select2-container{z-index: 99999;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{border: 1px solid #dbdbdc!important; outline: none !important;}
.width_input{width: 110px; margin: 0;}
.min_label_width{ min-width: 125px; }
#cosmetic_data .min_label_width{width: 165px;}
#cosmetic_data .width_input{width:100px; margin:0px;}
/* #audit-log_wrapper .dataTables_scroll .dataTables_scrollBody{height: 160px;} */
#dashboardScroll #audit-log_wrapper .dataTables_scroll .dataTables_scrollBody{min-height: 160px;height: calc(100vh - 490px); }
#diagnostic_list_dashboard_wrapper .dataTables_scroll .dataTables_scrollBody{min-height: 203px;height: calc(100vh - 490px);}
#treatmentcentre_list_file_wrapper .dataTables_scroll .dataTables_scrollBody{min-height: 160px;height: calc(100vh - 490px);}
/* #summary_units_table_data #installedunitsScroll {height: calc(100vh - 400px);} */
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead{background-color: #f2c4e1;}
.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner .table-bordered{border-right: none;}
.cursorPointer {cursor:pointer;}
.addNewSMCol{padding-right: 13px;}
#view_media_library #usermanual_lang {width:200px !important;}

.form_pr{padding-right: 10px;}
.form_pl_pl{padding: 0 10px;}
.manualfile {left: -9999px; position: absolute;}
.error_area_documentfileEdit {
  position: absolute;
    right: 15px;
    top: 23px;
}
.error_area_documentfile {
  position: absolute;
    right: 15px;
    top: 23px;
}
#summary_units_table_data{ position: relative; }
#summary_units_table_data table#summary_of_units thead{ position: sticky; top: 0px; left: 0px;z-index: 999;}


/*------------------------------------FORM CONTROLES-----------------------------------*/


/*------------------------------------PAGINATION-----------------------------------*/
.pagination{ font-size:13px;}
.pagination .page-item.disabled .page-link{font-size:13px; color:#7c868d; font-weight:normal;font-weight: 500; padding: 5px 10px;}
.pagination .page-item.active .page-link{background-color: #5b4687;border-color: #5b4687; color:#fff;font-weight:normal;padding:5px 10px;}
.pagination .page-link{font-size:13px; color:#7c868d;font-weight:normal;padding:5px 10px;}
.pagination .page-link:hover{background-color: #9d9ec8; color: #fff;}
.pagination .page-link:focus{ outline: none; box-shadow: none !important; }
/*------------------------------------PAGINATION-----------------------------------*/


/*------------------------------------MODEL POP UP-----------------------------------*/
/*.modal[aria-hidden='true'] { pointer-events: none;}*/

.modal{z-index: 9999;}
.modal#view_diagnostic_data{z-index: 9999999;}
#login .modal-dialog,#forgotpassword .modal-dialog{-webkit-transform: translate(0,-50%) !important;transform: translate(0,-50%) !important;/*margin: 0 auto;*/top: 50%;}
#reset_password .modal-dialog{-webkit-transform: translate(0,-50%) !important;transform: translate(0,-50%) !important;/*margin: 0 auto;*/top: 50%;}
.modal-content .close {position: absolute;right: 26px;top: 26px;color: #fff;opacity: initial;text-shadow: none;background-color: transparent;border: 1px solid #fff;border-radius: 6px;padding: 0px 5px;z-index: 999;}
.modal-content .close:hover, .modal-content .close:focus{ opacity: 100 !important; outline: none; }
.modal-content .close span{font-weight: 500;font-style: normal;line-height: 17px;   padding:0;margin: 0;color: #fff;position: relative;font-size: 10px !important; float: left;}
.modal-content .modal-body i.far {font-weight: 300;font-family: "Font Awesome 5 Free"; font-style: normal; color: #06C200; font-size: 40px;}
#SuccessfullMessage .modal-dialog{max-width: 700px;}
.modal-content .modal-header{padding: 0 20px; background-color: #5b4687; margin: -1px 0 0 0px;}
.modal-content .modal-header h2{margin: 6px 0; color: #fff;}
.modal-content .modal-header h1{margin: 5px 0;}
.modal-sm {max-width: 350px; margin: 30px auto 0;}
.modal-md{max-width: 280px; margin: 30px auto 0;}
.modal-my-profile{max-width: 460px; /*margin: 30px auto 0;*/}
.modal .modal-dialog .modal-content .modal-header h2{font-weight: 300;}
#edit_distributor_detail .viewEditModal {max-width: 800px !important;}

#edit_distributor_detail label {
    word-break: normal;
    margin-bottom: 0;
    display: block;
}
#edit_distributor_detail.fullWidthInput .col-5,
#edit_distributor_detail.fullWidthInput .col-7 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#edit_distributor_detail.fullWidthInput .col-5.text-right{
    text-align: left !important;
    margin-bottom: 7px;
}
#requested_data_details{width:100%;}
#requested_data_details table{font-size: 13px; width: 100%; float: left; color: #7c868d;}
#requested_data_details table tr:hover{background-color: transparent;color: #7c868d;}
#requested_data_details table tr td{float: left; width: 50%; padding: 6px 15px 6px 0;word-break: break-word; word-wrap: normal;}
#requested_data_details table tr td:first-child{font-weight: bold;}

/*------------------------------------MODEL POP UP-----------------------------------*/


/*------------------------------------BREADCURMB-----------------------------------*/
.breadcrumb{padding:5px; margin-bottom: 10px;
padding-left: 15px;
background: #f8f6f6; /* Old browsers */
background: -moz-linear-gradient(left,  #f8f6f6 0%, #f6f1ef 50%, #f5ecea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f8f6f6 0%, #f6f1ef 50%, #f5ecea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f8f6f6 0%, #f6f1ef 50%, #f5ecea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f6f6', endColorstr='#f5ecea',GradientType=1 ); /* IE6-9 */
    border-top: 1px solid #f4d3d6; border-bottom: 1px solid #f4d3d6;
}
.breadcrumb li:first-child:before{padding-right: 10px;color: #7c868d;content: "\f015"; font-weight: 600;font-family: "Font Awesome 5 Free"; font-size: 13px;}
.breadcrumb li.breadcrumb-item a{font-weight: normal; color: #7c868d;font-size: 13px;}
.breadcrumb-item.active {color: #5b4687;}
.breadcrumb-item+.breadcrumb-item::before{padding-right: 10px;font-size:13px;color: #5b4687;content: "\f054"; font-weight: 600;font-family: "Font Awesome 5 Free";}
.breadcrumb-item+.breadcrumb-item {padding-left: 10px; font-size: 13px;}
/*------------------------------------BREADCURMB-----------------------------------*/


/*------------------------------------MAIN GRID-----------------------------------*/
.gridMainContainer{box-shadow:0px 1px 5px #909090; background: #fff; width: 100%; float: left; margin-top: 10px; position: relative;}
.gridMainContainer .form-control{padding:3px 12px 3px 5px !important;border-radius: 5px;border: 1px solid #dbdbdc;float:left;}
.table{margin-bottom: 0px;}
.gridMainContainer table{  margin: 0;width: 100%;clear: both;border-collapse: collapse;word-wrap:break-word;table-layout: fixed;}
#example_wrapper #example_paginate .pagination{float:right;padding-right: 15px;}
#example_wrapper #example_info{padding-left: 15px; }
#example_wrapper .dataTables_length, #example_wrapper #example_filter{display: none;}
#example tr td {position: relative; text-align: left;color: #000000; word-break: normal; word-wrap:normal; white-space: nowrap;padding: 4px 10px; font-size: 13px;font-weight: 500;}
#example tr td .far{font-weight: 300;font-family: "Font Awesome 5 Free"; font-style: normal; color: #7c868d;margin-right: 5px;}
#example tr td .fas{font-weight: 300;font-family: "Font Awesome 5 Free"; font-style: normal; color: #7c868d;margin-right: 5px;}
#example tr td .far:hover{text-decoration: none;}
#example tr td a{ color: #ddbab5; }
#example tr td a:hover{text-decoration: none;}
.table-striped tbody tr:nth-of-type(odd){background-color: #f8f6f6;}
#example tr th{background-color: #f7eeee; text-align: left;color: #000000;padding: 4px 10px;font-size: 13px;font-weight: 600;border:none;}
#example tr th input{border: 1px solid #CCCCCC !important; background-color: #fff;border-radius: 5px; color: #CCCCCC;padding: 1px 5px; font-size: 13px; text-align: center;}
#example tr th input:focus{border: 1px solid #CCCCCC !important; }
#example tr td:last-child{min-width: 150px; max-width: 110px;  width: 100px;}
.example tr td .far{font-weight: 300;font-family: "Font Awesome 5 Free"; font-style: normal; color: #7c868d;margin-right: 5px;}
.example tr td .fas{font-weight: 600;font-family: "Font Awesome 5 Free"; font-style: normal; color: #7c868d;margin-right: 5px;}
.example tr td .fa{font-weight: 600;font-family: "Font Awesome 5 Free"; font-style: normal; color: #7c868d;margin-right: 5px;}
.example tr td .far:hover{text-decoration: none;}
.example tr td {position: relative; text-align: left; color: #7c868d; /*word-break: normal; word-wrap:normal !important;  */padding: 4px 10px;font-size: 13px;font-weight: 500;border:none;}
.example tr td a:hover{text-decoration: none;}
.example tr th{position: relative; background-color: #f2c4e1 !important; text-align: left;color: #5b4687;padding: 4px 10px ;font-size: 13px; font-weight: 600;border:none; white-space: nowrap;}
.example tr th input{border: 0px solid #CCCCCC !important; background-color: #fff;border-radius: 5px; color: #5b4687;padding: 1px 5px; font-size: 13px; text-align: center;}
.example tr th input:focus{border: 1px solid #CCCCCC !important; }
.example tr td:last-child{min-width: 150px; max-width: 110px; width: 100px;}
.example tr td.dataTables_empty{text-align: center; font-size: 13px; color: #7c868d;font-weight: 600;}
.dataTables_wrapper .dataTables_filter{display: none;}
.dataTables_paginate .pagination{float: right;padding-right: 15px; margin:-2px 0 12px !important;color: #7c868d;}
.dataTables_wrapper .dataTables_paginate{width: 40%;}
.gridMainContainer .dataTables_wrapper .dataTables_info {padding-left: 15px;margin: 5px 0 15px 0;color: #7c868d;font-size: 13px; padding-top: 0px !important;font-weight: 500; float: left; width: 60%;}
.gridMainContainer .form-group .select2-container {z-index: 999; display: inline-block !important;}
.gridMainContainer .form-group.media-form-group {margin-bottom: 5px;}
.dataTables_length{float: right;}
.dataTables_length label{margin-bottom: 0px;}
.dataTables_length .form-control{ width: 50px; float: none; height: auto;}
.dataTables_filter .form-control{ width: 100px; float: left; height: auto;}
.gridMainContainer div.dataTables_wrapper{padding-top: 0 !important; position: relative !important; width: 99.9% !important}
.gridMainContainer table.dataTable{margin-top: 0px !important; float: left; }
.gridMainContainer div.dataTables_wrapper .row div.col-md-6{position: absolute; right:0; margin-top:-31px;}
.gridMainContainer div.dataTables_length label{font-size: 13px; color: #7c868d;}
table.dataTable>thead>tr>th, table.dataTable td, table.dataTable th {border-top: none !important;border-bottom: none !important;}
.dashbord_table{ height: auto; overflow-x: auto; margin-bottom: 15px;}
#created_at-container{position: absolute;top:217px;left: 21px;}
#created_at-container .date-picker-wrapper{width: 200px;}
#created_at-container .date-picker-wrapper .drp_top-bar{padding: 10px 57px 10px 0;}
#created_at-container .date-picker-wrapper .drp_top-bar .apply-btn{border-radius: .25rem;background-color: #fff;color: #000;padding: 2px 10px;border: 1px solid #3a3a3c;font-weight: 600;font-size: 13px;background-image: none;}
#created_at-container .date-picker-wrapper .month-wrapper table tr th{ padding: 5px; width: auto; text-align: left;color: #000;}
#created_at-container .date-picker-wrapper .month-wrapper table tr td:last-child{width: auto; min-width: auto;max-width: initial;}
#created_at-container .date-picker-wrapper .month-wrapper table tr.caption th.month-name{text-align: center;}
#created_at-container .date-picker-wrapper .first-date-selected{background-color: #e7cac6!important;}
#created_at-container .date-picker-wrapper .month-wrapper table .day.checked {background-color: #e5c8c3 !important;color: #000 !important;}
#created_at-container .date-picker-wrapper .month-wrapper table .day.real-today.checked{background-color: #f3d2d5 !important; color: #000 !important;}
#created_at-container .date-picker-wrapper .month-wrapper table .day.real-today{background-color: #e5c8c3 !important;}

#TIME_UTC_date-datatable-container{position: absolute;top:261px;left: 26px;}
#TIME_UTC_date-datatable-container .date-picker-wrapper{width: 200px;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .drp_top-bar{padding: 10px 57px 10px 0;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .drp_top-bar .apply-btn{border-radius: .25rem;background-color: #fff;color: #000;padding: 2px 10px;border: 1px solid #3a3a3c;font-weight: 600;font-size: 13px;background-image: none;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .month-wrapper table tr th{ padding: 5px; width: auto; text-align: left;color: #000;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .month-wrapper table tr td:last-child{width: auto; min-width: auto;max-width: initial;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .month-wrapper table tr.caption th.month-name{text-align: center;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .first-date-selected{background-color: #e7cac6!important;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .month-wrapper table .day.checked {background-color: #e5c8c3 !important;color: #000 !important;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .month-wrapper table .day.real-today.checked{background-color: #f3d2d5 !important; color: #000 !important;}
#TIME_UTC_date-datatable-container .date-picker-wrapper .month-wrapper table .day.real-today{background-color: #e5c8c3 !important;}

#created_at-datatable-container{position: absolute;top:283px;left: 1043px;}
#created_at-datatable-container .date-picker-wrapper{width: 200px;}
#created_at-datatable-container .date-picker-wrapper .drp_top-bar{padding: 10px 57px 10px 0;}
#created_at-datatable-container .date-picker-wrapper .drp_top-bar .apply-btn{border-radius: .25rem;background-color: #fff;color: #000;padding: 2px 10px;border: 1px solid #3a3a3c;font-weight: 600;font-size: 13px;background-image: none;}
#created_at-datatable-container .date-picker-wrapper .month-wrapper table tr th{ padding: 5px; width: auto; text-align: left;color: #000;}
#created_at-datatable-container .date-picker-wrapper .month-wrapper table tr td:last-child{width: auto; min-width: auto;max-width: initial;}
#created_at-datatable-container .date-picker-wrapper .month-wrapper table tr.caption th.month-name{text-align: center;}
#created_at-datatable-container .date-picker-wrapper .first-date-selected{background-color: #e7cac6!important;}
#created_at-datatable-container .date-picker-wrapper .month-wrapper table .day.checked {background-color: #e5c8c3 !important;color: #000 !important;}
#created_at-datatable-container .date-picker-wrapper .month-wrapper table .day.real-today.checked{background-color: #f3d2d5 !important; color: #000 !important;}
#created_at-datatable-container .date-picker-wrapper .month-wrapper table .day.real-today{background-color: #e5c8c3 !important;}


.default-top{color:#000;font-weight: bold;}
table#audit-log tbody tr td:first-child{ width: 100px; }
table#cosmetic_list tbody tr td:nth-child(10){ width: 110px; }
.dashboard .nicescroll-rails-vr{top: 46px !important; padding-bottom: 50px;}
.dashboard .nicescroll-rails-hr .nicescroll-cursors{left: 15px !important}
#dashboardScroll #audit-log_wrapper .col-sm-12{padding-right: 0px;}
#diagnosticDataScroll .dataTables_wrapper .col-sm-12{padding-right: 0px;}
/*.dataTables_scroll .dataTables_scrollHeadInner{width: 100% !important;}*/
.dataTables_scroll .dataTables_scrollHeadInner table{width: 100% !important;}
#dashboardScroll #audit-log_wrapper .row{margin:0;}
#dashboardScroll #audit-log_wrapper .row .col-sm-12 {padding: 0px;}

#treatmentcentre_list_file_wrapper .row{margin:0;}
#treatmentcentre_list_file_wrapper .row .col-sm-12 {padding: 0px;}


#dashboardScroll #auditlogScroll #audit-log_wrapper .row{margin:0;}
#dashboardScroll #auditlogScroll #audit-log_wrapper .row .col-sm-12 {padding: 0px;}
/* #auditlogScroll #audit-log_wrapper .dataTables_scroll .dataTables_scrollBody {height: auto;overflow: visible !important;} */
.datatable_resize .dataTables_scroll .dataTables_scrollBody {height: calc(100vh - 350px) !important; min-height: 270px;}
#dashboardScroll #auditlogScroll #audit-log_wrapper .dataTables_scroll .dataTables_scrollFoot {height: 0;}
#dashboardScroll #auditlogScroll #audit-log_wrapper .dataTables_scroll {overflow: auto;width: 100%;margin-bottom:6px;}
#dashboardScroll #auditlogScroll #audit-log_wrapper .dataTables_scroll .dataTables_scrollHead{overflow-x: visible !important;overflow: initial !important;}
#dashboardScroll #auditlogScroll #audit-log_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner{padding-right:0px !important;}
#dashboardScroll #auditlogScroll{overflow-x: hidden !important; overflow-y: hidden;}
#diagnostic_list_wrapper #diagnostic_list{margin-bottom: 3px !important;}


.treatmentdatacenter .table{background-color: #fff;}
.treatmentdatacenter .table td{ padding: 3px 10px;  white-space: nowrap;}
.treatmentdatacenter .table td label{ margin-bottom: 0px;}

.reportpdf .table{background-color: #fff;}
.reportpdf .table td{ padding: 3px 10px;  white-space: nowrap;}
.reportpdf .table td input{ min-width: 200px; }
.reportpdf .table td label{ margin-bottom: 0px; margin-top: 6px;}

table.treatmentdata{ background-color: #f2c4e1;  }
table.treatmentdata tbody tr{background-color: #fff ;}
table.treatmentdata td{ border-bottom: 1px solid #dee2e6 !important; padding: 3px 10px; white-space: nowrap;}
table.treatmentdata td label{ margin-bottom: 0px;}
table.treatmentdata td label.type_info{width: auto; padding: 0 20px;}

table.reportpdf_sorting{ background-color: #e7cac6; }
table.reportpdf_sorting tbody tr{background-color: #fff ;}
table.reportpdf_sorting td{ border-bottom: 1px solid #dee2e6 !important; padding: 3px 10px; white-space: nowrap;}
table.reportpdf_sorting td label{ margin-bottom: 0px;}


.tableMainbg{ background-color: #f2c4e1;}
.tableMainbg label{color: #5b4687;}
.tableSecongbg{ background-color: #ffe5e8;}
.tableSecongbg label{color: #5b4687;}
.inspirationalBg{background-color: #9d9ec8;}
.lightGrayBg{background-color: #f8f6f6;}
.lightGrayBg label{color: #5b4687;}
.whiteBg{ background-color: #fff; }
.whiteBg label{color: #5b4687;}
.inspirationalBg label{color: #fff;}
#printable_area .treatmentdatacenter .table td label{color: #5b4687;}
/*#printable_area .datatreatment table.dataTable tbody tr td label{ color: #7c868d; }*/
#printable_area .datatreatment table.dataTable tbody tr td.inspirationalBg label{color: #fff;}
#printable_area .datatreatment table.treatmentdatatotal tbody tr td.tableMainbg label{color: #5b4687;}
#printable_area .datatreatment .treatmentdatatotal table.treatmentdata tbody tr td{border-bottom:0px !important;}

/*#installedunitsScroll table#summary_of_units tr th { white-space: nowrap; width: 195px;}
#installedunitsScroll table#summary_of_units tr td { white-space: nowrap; width: 195px; overflow: hidden; text-overflow: ellipsis;}*/

table#summary_of_units{ width: auto !important; table-layout: fixed;}
table#summary_of_units tr th{min-width: 200px;}
table#summary_of_units tr td{white-space: nowrap; min-width: 200px; max-width: initial; width: auto;}

#printable_area .alarms_diagnostics{margin: 25px 0 0;}


#client_treatment_report{ display: none; }

#client_treatment_report .treatmentdatacenter .table td label{color: #5b4687;}
#client_treatment_report .treatment_report{ background-color: #fff; padding: 20px 10px 20px 0; margin-bottom: 20px;border: 1px solid #dee2e6;}
#client_treatment_report .treatmentdatacenter .table td{ border-top: none;}
#client_treatment_report .treatmentdatacenter .session_table{border-top: 1px solid #dee2e6;}
#client_treatment_report .treatmentdatacenter .session_table table.session_inner td{ border-left: 0;}
#client_treatment_report .treatmentdatacenter .session_table table.session_inner tr:last-child td{ border-bottom: 0px;}
.headingsection{padding: 15px 15px 15px 15px; margin-bottom: 20px; display: block; /*justify-content: space-between;align-items: center;*/ width: 100%; float: left;}
.bdr_rgt_none{ border-right: 0px !important;}
.bdr_none{ border: 0px !important; }

.displayinPrint{ display:none; }

/*------------------------------------MAIN GRID-----------------------------------*/


/*------------------------------------TOAST POP UP-----------------------------------*/
#toast-container{z-index: 999999; width: 100%; height: 100%;background:url(../images/black_transparent_bg.png) repeat top left; display: block; visibility: visible;}
.toast-error {background-color: #fff !important;}
.toast-success {background-color: #fff !important;}
.toast-warning{ background-color:#fff; }
.toast-info{ background-color: #fff; }
.toast-close-button{display: flex; top: -5px;right: -5px;border: 1px solid #707070 !important; border-radius: 6px;padding: 0px 5px !important;color: #444444;line-height: 16px; width: 20px; height: 20px; font-weight: 500;}
.toast-close-button:hover{border: 1px solid #707070 !important; opacity: unset;}
.toast-close-button:focus{outline: none;}
.toast-top-right{width: 100%;}
#toast-container.toast-top-right > div{width: 250px; margin: 0 auto;}
.toast-top-center,.toast-top-right{position: absolute;top: 50%;transform: translate(0,-50%);margin: 0 auto;-webkit-transform: translate(0,-50%);}
.toast-top-center .toast-message button{margin: 0 5px;}
#toast-container > .toast-warning { background-image: none !important; color: #000;padding: 15px; }
.toast-top-center .toast-message{background:url(../images/download.png) no-repeat top center;padding-top: 40px;font-weight: 500;}
#toast-container > div{text-align: center;position: relative;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);top: 50%;}
#toast-container .toast-title{margin-bottom: 10px; display: none;}
#toast-container .toast-success, #toast-container .toast-error{width: 250px;}

#toast-container > .toast-info { background-image: none !important; color: #7c868d;padding: 15px; }
#toast-container > .toast-info .toast-message{background:url(../images/info_icon.png) no-repeat top center;padding-top: 40px;font-weight: 500; color: #7c868d;}

#toast-container > .toast-success { background-image: none !important; color: #7c868d;padding: 15px; }
#toast-container > .toast-success .toast-message{background:url(../images/success_icon.png) no-repeat top center;padding-top: 40px;font-weight: 500; color: #7c868d;}

#toast-container > .toast-error { background-image: none !important; color: #7c868d;padding: 15px; }
#toast-container > .toast-error .toast-message{background:url(../images/error_icon.png) no-repeat top center;padding-top: 40px;font-weight: 500; color: #7c868d;}
/*------------------------------------TOAST POP UP-----------------------------------*/


/*------------------------------------LOADER-----------------------------------*/
.loader_container{width: 100%;height: 100%;background-color: #000;float: left;position: fixed;display: flex;flex-wrap: wrap; margin: 0;padding: 0;z-index: 999999;opacity: 0.7;}
.sk-chase {width: 40px;height: 40px;position: absolute;top: 50%;left: 50%;z-index: 99999;animation: sk-chase 2.5s infinite linear both;background-color: #000;}
.sk-chase-dot {width: 100%;height: 100%;position: absolute;left: 0;top: 0; animation: sk-chase-dot 2.0s infinite ease-in-out both; }
.sk-chase-dot:before {content: '';display: block;width: 25%;height: 25%;background-color: #fff;border-radius: 100%;animation: sk-chase-dot-before 2.0s infinite ease-in-out both; }
.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

.loader_container_table {
    width: 100%;
    height: 100%;
    background-color: #000;
    float: left;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    z-index: 999999;
    opacity: 0.4;
}

@keyframes sk-chase {100% { transform: rotate(360deg); } }

@keyframes sk-chase-dot {80%, 100% { transform: rotate(360deg); } }

@keyframes sk-chase-dot-before { 50% {transform: scale(0.4); } 100%, 0% {transform: scale(1.0); } }
/*------------------------------------LOADER-----------------------------------*/

#summary_units_table_data{min-height: 212px;}

#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview .dz-progress{ background: transparent !important;}
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview .dz-details .dz-filename span { background: transparent !important;}
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview .dz-details .dz-filename:hover{overflow: hidden;}
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview .dz-details .dz-size{ font-size: 14px !important;}
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview .dz-details .dz-size span{ background: transparent !important;}
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview .dz-details .dz-size span strong{ font-weight: normal; }
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview .dz-details .dz-filename:hover span{ border: none !important; }
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone{ padding: 20px 15px !important;}
#add_new_treatmentcenter_file .modal-dialog .modal-content .dropzone .dz-preview {margin: 12px !important;}

.summary_units .select2-container{z-index: 999;width: 30% !important;}
.treatmentcenter_unit .select2-container{z-index: 999;}
/*.summary_units .select2-container .select2-search--inline .select2-search__field{width: auto !important;}*/
.summary_units .select2-container--default .select2-selection--multiple{font-size: 13px;color: #000; padding: 0 5px; min-height: 30px;height: 20px;}
.summary_units .select2-container--default .select2-selection--single{font-size: 12px;}
.summary_units .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-flex;
  overflow: hidden;
  /*padding-left: 8px;*/
  padding: 0px;
  /*text-overflow: ellipsis;
  white-space: nowrap;*/
  float: left;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #aaa !important;}

.diagnostic_unit .select2-container--default .select2-selection--multiple{font-size: 13px;color: #000; padding: 0 5px; min-height: 30px;height: 20px;}
.diagnostic_unit .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    /*padding: 0 5px;*/
    padding: 0px;
    width: 100%;
    overflow: hidden;
    display: inline-flex;
}

.treatmentcenter_unit .select2-container--default .select2-selection--multiple{font-size: 13px;color: #000; padding: 0 5px; min-height: 30px;height: 20px;}
.treatmentcenter_unit .select2-container--default .select2-selection--multiple .select2-selection__rendered{
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  /*padding: 0 5px;*/
  padding: 0px;
  width: 100%;
  overflow: hidden;
  display: inline-flex;
}
.diagnostic_unit .select2-container{z-index: 999;}

.summary_units .select2-container .select2-search--inline .select2-search__field, .diagnostic_unit .select2-container .select2-search--inline .select2-search__field, .treatmentcenter_unit .select2-container .select2-search--inline .select2-search__field{margin-top: 4px;}
.summary_units .select2-container--default .select2-selection--multiple .select2-selection__choice, .diagnostic_unit .select2-container--default .select2-selection--multiple .select2-selection__choice, .treatmentcenter_unit .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top: 3px;}
/*.summary_units .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline{ position: absolute;top: 1px; }*/
.summary_units .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-left: 0;max-width: 150px;text-overflow: ellipsis;overflow: hidden;}
#report_filter .select2-container--default .select2-selection--multiple{
    font-size: 13px;
    color: #000;
    padding: 0 5px;
    min-height: 30px;
    height: 20px;
}
#report_filter .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-top: 3px;}
#report_filter .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{margin-left: 0;max-width: 250px;text-overflow: ellipsis;overflow: hidden;}
#report_filter .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding: 0px;display: inline-flex;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mt_28{margin-top: 28px;}

.diagnostics #diagnostic_list_dashboard_wrapper{ overflow-x: hidden;}
.diagnostics #diagnostic_list_dashboard{ max-height: 242px; }
#noDownloadMedia:hover {
  cursor: not-allowed;
}

#noDownloadMedia.disabled {
  pointer-events: none;
  color: red !important;
}
.media-form-group{ margin-bottom: 9px;}
@media all and (-ms-high-contrast:none)
{

    *::-ms-backdrop, .loginicons { top: 33px; } /* IE11 */
    .example tr th input{padding: 1px 5px 5px;}
}
.tox-notification {display: none !important;}
.emailtemplate{width:600px; border:1px solid #000; background-color:#fff; }
.emailtemplate .content {width: 250px; margin:auto; font-size: 14px;}
.emailtemplate .portaltitle{border:3px solid #000; text-transform: uppercase;width: 250px; margin:auto; text-align: center;letter-spacing: 15px; font-weight: 900; font-size: 18px; background-color: #f2dbdb;}

/*-----CR-CSS-----*/
/*#view_log_details .homeModel {
    max-width: 700px !important;
}*/
/*-----CR-CSS-----*/
.dt-print-view{padding:20px 20px 20px 20px; }
.dt-print-view:before{z-index: 77777; border: 5px solid #dee2e6; position: fixed; content: ''; display: inline-block; top: 0; left: 0; bottom: 0; right: 0;}


.gridMainContainer .dataTables_processing {
    width: 100%;
    height: calc(100% - 20px);
    background:url(../images/black_transparent_bg.png) repeat top left;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    z-index: 999;
    top: 0;
    left: 0;
    box-shadow: none !important;
    margin: 58px 0 0px;
    overflow: hidden;
}

.gridMainContainer .dashbord_table .dataTables_processing {
	margin: 30px 0 0px;height: calc(100% - 35px);
}

.gridMainContainer #treatmentcentre_list_file_processing {
    margin: 30px 0 0px;height: calc(100% - 35px);
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}

.gridMainContainer .dataTables_processing .datatable-loader{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 90px;
  text-align: center;
  transform: translate(-50%, -50%);
}

.gridMainContainer .dataTables_processing .datatable-loader .sk-chase {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    animation: sk-chase 2.5s infinite linear both;
    background-color: transparent;
    zoom:0.8;
}
.gridMainContainer .dataTables_processing .datatable-loader .sk-chase.mt-3{margin-top: 0.7rem !important;}
.gridMainContainer .dataTables_processing .datatable-loader .sk-chase .sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}
.report_left {
    overflow: auto;
    font-size: 12px;
    font-weight: 200;
    background-color: #ffe5e8;
    position: relative;
    width: 100%;
    height: 100%;
    color: #000;
    padding: 30px;
}
.report_right {
    border: 1px solid #7c868d;
    padding: 30px;
    float: left;
    height: calc(80vh - 63px);
    /*overflow-y: scroll;*/
    width: 100%;
}
.maintenance_left {
  overflow: auto;
  font-size: 12px;
  font-weight: 200;
  background-color: #ffe5e8;
  position: relative;
  width: 100%;
  height: 100%;
  color: #000;
  padding: 30px;
}
.maintenance_left ul li a.active {
  text-decoration: underline;
}
.maintenance_right {
  border: 1px solid #7c868d;
  padding: 15px;
  float: left;
  height: calc(80vh - 63px);
   overflow-y: scroll;
  width: 100%;
}

.vfms_management_right {
  border: 1px solid #7c868d;
  padding: 15px;
  float: left;
  height: calc(80vh - 63px);
  overflow-x: hidden;
  width: 100%;
}

.content_management_left {
  overflow: auto;
  font-size: 12px;
  font-weight: 200;
  background-color: #ffe5e8;
  position: relative;
  width: 100%;
  height: 100%;
  color: #000;
  padding: 30px;
}
.content_management_left ul li a.active {
  text-decoration: underline;
}
.content_management_right {
  border: 1px solid #7c868d;
  padding: 15px;
  float: left;
  min-height: calc(80vh - 63px);
  overflow-y: scroll;
  width: 100%;
}

.QRdownload_left {
  overflow: auto;
  font-size: 12px;
  font-weight: 200;
  background-color: #ffe5e8;
  position: relative;
  width: 100%;
  height: 100%;
  color: #000;
  padding: 30px;
}
.QRdownload_right{
  border: 1px solid #7c868d;
  padding: 15px;
  float: left;
  height: calc(80vh - 63px);
  overflow-y: scroll;
  width: 100%;
}

.em_qrurl a{word-break: break-all;}

.QRdownload_right .form-group .select2-container{ width: 100% !important; z-index: 555;}


.change_control_request_right {
  border: 1px solid #7c868d;
  padding: 15px;
  float: left;
  min-height: calc(80vh - 63px);
  overflow-y: auto;
  width: 100%;
}
.change_control_request_left {
  overflow: auto;
  font-size: 12px;
  font-weight: 200;
  background-color: #ffe5e8;
  position: relative;
  width: 100%;
  height: 100%;
  color: #000;
  padding: 30px;
}

.change_control_request_right .form-group .select2-container{
  width: 250px!important; z-index: 999;
}
.change_control_request_left ul li a.active {
  text-decoration: underline;
}
.bdr_bottom{border-bottom: 1px solid #dee2e6;}

.QRdownload_left ul li a.active {
  text-decoration: underline;
}

.doc_error:focus{
  border: 1px solid red;border-radius: 5px;padding: 5px 10px;
}
.doc_error{
  border: 1px solid red;border-radius: 5px;padding: 5px 10px;
}
.report_right .fileselect {
    bottom: 80px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
.report_right .select2-container{ z-index: 1; }

#filter-error{margin-left: 20px;}
.rowfixed{position: sticky; top:0;}
.tablefixed td{padding: 3px 5px;}

/* .addNewSM{margin-right: 4px;} */

/*#printable_area .datatreatment .table-responsive table.tablefixed {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

#printable_area .datatreatment .table-responsive table.tablefixed td,#printable_area .datatreatment .table-responsive table.tablefixed th {
    padding: 5px;
}
#printable_area .datatreatment .table-responsive table.tablefixed thead tr {
    display: block;
    position: relative;
}
#printable_area .datatreatment .table-responsive table.tablefixed tbody {
    display: block;
    width: 100%;
    overflow-x: hidden;
}*/


#printable_area .datatreatment .table-responsive table.table-fixed tbody {
      display:block;
      max-height:500px;
      overflow-y:auto;
}

#printable_area .datatreatment .table-responsive table.table-fixed tbody tr td label.skincondition{margin-right: 15px;}

#printable_area .datatreatment .table-responsive table.table-fixed thead {
  display:table;
  width:100%;
  table-layout:fixed;
}

#printable_area .datatreatment .table-responsive table.table-fixed tbody tr {
  display:table;
  width:100%;
  table-layout:fixed;
}

#printable_area .datatreatment .table-responsive table.table-fixed thead {
  width:100%;
}

#printable_area .datatreatment .table-responsive table.table-fixed thead tr td{ padding: 3px 10px;}
#printable_area .datatreatment .table-responsive table.table-fixed thead tr td label{margin-bottom: 0;}
/*---------------------------------------Help--------------------------------------------*/


/*------------------------------------Accordion---------------------------------------*/ 
#display_media_library .accordion .card-header:after, #view_public_media_library .accordion .card-header:after, #view_media_library .accordion .card-header:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f068";
  float: right; 
  font-weight: 700;
  color: #000;
}
#display_media_library .accordion .card-header.collapsed:after, #view_public_media_library .accordion .card-header.collapsed:after,#view_media_library .accordion .card-header.collapsed:after {  
  content: "\f067"; 
}

#mainaccordion {
  margin: 10px 0;
}

#mainaccordion #sourceagreements .card {
  margin-bottom: 10px;
  border: 0;
  border-radius: 0;
}

#mainaccordion #sourceagreements .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 0;
  padding: 0;
}

#mainaccordion #sourceagreements .card .card-header .btn-header-link {
  color: #5b4687 !important;
  display: block;
  text-align: left;
  background: #f2c4e1;
  color: #222;
  padding: 10px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 600;
}

#mainaccordion #sourceagreements .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#mainaccordion #sourceagreements .card .card-header .btn-header-link.collapsed {
  background: #f2c4e1;
  color: #5b4687;
}

#mainaccordion #sourceagreements .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

#mainaccordion #sourceagreements .card .collapsing {
  background: #fff;
  line-height: 30px;
}

#mainaccordion #sourceagreements .card .collapse {
  border: 0;
}

#mainaccordion #sourceagreements .card .collapse.show {
  background: #fff;
  line-height: 30px;
  color: #222;
  border: 1px solid #f2c4e1;
}
#mainaccordion #sourceagreements .card .card-body{ padding: 10px; }
#mainaccordion #sourceagreements .card .card-footer{ background-color: #fff; border-top: transparent;padding: 0 10px 10px; display: flex; justify-content: space-between;}

#edit_media_library .accordion>.card:first-of-type {
  border-bottom: 1px solid rgba(0,0,0,.125);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#display_media_library .accordion>.card:first-of-type {
  border-bottom: 1px solid rgba(0,0,0,.125);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#agreementframe p {line-height: 15px;}

#mainaccordion #sourceagreements .card .card-header .btn-header-link span{ border-radius: 50%;  width: 15px; height: 15px; position: absolute;right: 35px; }

#esn_psn_table_wrapper .dataTables_scroll .dataTables_scrollBody table tr td{ white-space: normal;}
#esn_psn_table_wrapper .dataTables_scroll .dataTables_scrollBody table tr td a .far{margin-right: 3px;}
/*#esn_psn_table_wrapper .dataTables_scroll .dataTables_scrollBody table tr td:last-child{width: 170px !important;max-width: 170px; min-width: 170px;}
#esn_psn_table_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table thead tr th:last-child{ width: 170px !important;max-width: 170px; min-width: 170px;}*/
/*------------------------------------Accordion---------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .select2-hidden-accessible{ display:none;}
}
.marketingconsent{ padding: 10px; background-color: #f7f8f9; overflow-y: auto; height: 100px; border-radius: 5px;}
.marketingconsent p{margin: 0px;}

.nav-side-menu .border-bottom{border-bottom: 1px solid #7c868d!important;}
.helpcontainer{border: 1px solid #7c868d; /*height: 100%;*/ padding:0 20px 20px; float: left; /*height: 780px;*/height: calc(80vh - 63px); overflow-y: scroll;}
.helpcontainer ul{float: left;margin: 0 0 0 40px;}
.helpcontainer ul li{/*color: #000000;*/font-size: 13px;padding: 0px;font-style: normal;font-weight: 500;line-height: 29px}

table.crnt-solution-table tbody tr td, table.crnt-solution-table tbody tr th{color: #7c868d;padding: 4px 10px;font-size: 13px;font-weight: 500; text-align: center;}
table.crnt-solution-table tbody tr td{ white-space: nowrap; }
table.crnt-solution-table tbody tr th{ font-weight: bold; }
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner table.dataTable{ margin-top: 0 !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollHead .dataTables_scrollHeadInner{ width: 100% !important; }
#vfms_list_wrapper .dataTables_scrollBody table#vfms_list tbody tr td:nth-child(2){word-break: break-all;}
#open_vfms_list_modal table { table-layout: fixed;}
#open_vfms_list_modal table a {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
}
#vfms_list_length {
    float: left;
    margin-bottom: 10px;
}
#vfms_list_paginate {
    margin-top: 10px;
}
#open_vfms_list_modal .modal-content .modal-body i.far {
    color: #7c868d;
    font-size: 13px;
}

#open_vfms_list_modal table.dataTable {
    width: 99.9% !important;
}
/* pdf00047 */
.sntext{
  font-size: 13px;
  color: #5b4687;
  /* margin-left: 15px; */
  /* float: right; */
}
/* pdf00047 */

.modal .modal-porcessing {
  width: 100%;
  height: calc(100% - 20px);
  background:url(../images/black_transparent_bg.png) repeat top left;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  z-index: 999;
  top: 0;
  left: 0;
  box-shadow: none !important;
  margin: 0px;
  overflow: hidden;
}

.modal .modal-porcessing .modal_loader_container{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 90px;
  text-align: center;
  transform: translate(-50%, -50%);
}

.modal .modal-porcessing .modal_loader_container .sk-chase {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    animation: sk-chase 2.5s infinite linear both;
    background-color: transparent;
    zoom:0.8;
}
.modal .modal-porcessing .modal_loader_container .sk-chase.mt-3{margin-top: 0.7rem !important;}
.modal .modal-porcessing .modal_loader_container .sk-chase .sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}

.card-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* Adjust this as needed */
}

#upload_progress_bar .card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
  margin: 0 20px;
  /* width: 280px; */
  height: 350px;
  border-radius: 5px;
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
}

#upload_progress_bar .card .percent {
  position: relative;
}

#upload_progress_bar .card svg {
  position: relative;
  width: 210px;
  height: 210px;
  transform: rotate(-90deg);
}

#upload_progress_bar .card svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #9d9ec8;
  stroke-width: 10;
  stroke-linecap: round;
}

#upload_progress_bar .card svg circle:last-of-type {
  stroke-dasharray: 625px;
  stroke-dashoffset: calc(625px - (625px * var(--percent)) / 100);
  stroke: #3498db; 
}

#upload_progress_bar .card .number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#upload_progress_bar .card .number h3 span {
  font-size: 2rem;
}

#upload_progress_bar .card .title h2 {
  margin: 25px 0 0;
}

#upload_progress_bar .card:nth-child(1) svg circle:last-of-type {
  stroke: #5b4687;
}

#upload_progress_bar .card .number h3 {
  font-size: 50px;
  color: #5b4687;
  font-weight: 200;
}

#upload_progress_bar .card:nth-child(2) svg circle:last-of-type {
  stroke: #2ecc71;
}




#vfms_list_wrapper #vfms_list_processing.dataTables_processing{
    position: absolute;
    top: 0;
    left: 0;
    width: 96.2%;
    height: calc(100% - 20px);
    margin: 28px 15px 0px;
    padding:0;
    border: none;
    text-align: center;
    color: #444;
    font-size: 14px;
    background: url(../images/black_transparent_bg.png) repeat top left;
    box-shadow: none !important;
    z-index: 9999;
    overflow: hidden;
}
#vfms_list_wrapper #vfms_list_processing.dataTables_processing .datatable-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 90px;
    text-align: center;
    transform: translate(-50%, -50%);
}
#vfms_list_wrapper #vfms_list_processing.dataTables_processing .datatable-loader .sk-chase {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99999;
    animation: sk-chase 2.5s infinite linear both;
    background-color: transparent;
    zoom: 0.8;
}
#add_new_vfms_management #vfm_form .form-group .custom-file-label{overflow: hidden;text-overflow: ellipsis;text-wrap: nowrap;padding: 5px 165px 5px 10px;}

/*#vfms_list_wrapper .dataTables_scroll .dataTables_scrollHead thead tr th:nth-child(1){width: 30px !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollHead thead tr th:nth-child(2){  width: 200px !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollHead thead tr th:nth-child(3){  width: 50px !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollHead thead tr th:nth-child(4){  width: 100px !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollHead thead tr th:nth-child(5){  width: 80px !important;}

#vfms_list_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr td:nth-child(1){  width: 30px !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr td:nth-child(2){ width: 200px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr td:nth-child(3){  width: 50px !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr td:nth-child(4){  width: 100px !important;}
#vfms_list_wrapper .dataTables_scroll .dataTables_scrollBody tbody tr td:nth-child(5){  width: 80px !important;}*/

#add_new_treatment .form-group .select2-container .selection .select2-selection--single{ height: 28px !important; }

.vfm-table-data .crnt-solution-table .form-control{font-weight: bold; font-size: 18px;}
.vfm-table-data .crnt-solution-table .form-control option{font-weight: bold;}
#open_vfms_list_modal .modal-body .dataTables_info{color: #7c868d;font-size: 13px;padding-top: 0px !important;font-weight: 500; margin:13px 0 0px 0;}

.EsnPsnDownload_btn{ margin-top: -15px; }
#importEsnPsn .custom-file-input:lang(en)~.custom-file-label::after {
    content: "Browse";
    padding: 5px 30px;
    height: 30px;
}
.timezone.form-group .select2-container .selection .select2-selection--single{height: 30px !important;}
/*.nav-side-menu .menu-list{max-height: 400px;  overflow-y: scroll;}*/


.nav-side-menu {
	overflow: auto;
	font-size: 12px;
	font-weight: 200;
	background-color: #ffe5e8;
	position: relative;
	width: 100%;
	height: 100%;
	color: #000;
	padding: 0 10px;
}
.nav-side-menu .brand {
	background-color: #ffe5e8;
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 14px;
}
.nav-side-menu .toggle-btn {
	display: none;
}
.nav-side-menu ul, .nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 30px;
	cursor: pointer;/*
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before {
 font-family: 'Font Awesome 5 Free';
 content: "\f078";
 display: inline-block;
 padding-left: 10px;
 padding-right: 10px;
 vertical-align: middle;
 float: right;
 font-weight: 600;
}
.nav-side-menu ul .active, .nav-side-menu li .active {
	/*border-left: 3px solid #d19b3d;*/
	background-color: #ffe5e8;
}
.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {
	color: #7c868d;
}
.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {
	color: #7c868d;
}
.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
	border: none;
	line-height: 30px;
	margin-left: 0px;
	display: flex;
}
.nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover {
	background-color: #ffe5e8;
}
.nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0da";
	display: inline-block;
	padding-left: 0;
	padding-right: 10px;
	vertical-align: middle;
	font-weight: 600;
    color: #7c868d;
}
.nav-side-menu li {
	padding-left: 0px;
	/*border-left: 3px solid #2e353d;
	border-bottom: 1px solid #23282e;*/
}
.nav-side-menu li a {
	text-decoration: none;
}
.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}
.nav-side-menu li:hover {
	/*border-left: 3px solid #d19b3d;
	background-color: #4f5b69;*/
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.unsupportedError {
  margin-left: 2%;
}
@media (max-width: 768px){
.common-table-filter
 {  
  max-width: 100% !important;
}

.gridMainContainer .mt_minus{
  margin-top: 0px;
}

.common-table-filter > .row{
  margin-right: 0px !important;
}
}

@media (max-width: 767px) {
 .nav-side-menu {
 position: relative;
 width: 100%;
 margin-bottom: 10px;
}
 .nav-side-menu .toggle-btn {
 display: block;
 cursor: pointer;
 position: absolute;
 right: 10px;
 top: 10px;
 z-index: 10 !important;
 padding: 3px;
 background-color: #ffffff;
 color: #000;
 width: 40px;
 text-align: center;
}
 .brand {
 text-align: left !important;
 font-size: 22px;
 padding-left: 20px;
 line-height: 50px !important;
}
}

@media (min-width: 767px) {
 .nav-side-menu .menu-list .menu-content {
 display: block; /*max-height: 600px; overflow-y: scroll;*/
}
}

.nav-side-menu ul .sub-menu ul .sub-line li.active, .nav-side-menu li .sub-menu li .sub-line li.active {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li .sub-line li.active a, .nav-side-menu li .sub-menu li .sub-line li.active a {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li .sub-line li, .nav-side-menu li .sub-menu li .sub-line li {
	background-color: #181c20;
	border: none;
	line-height: 28px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}
.nav-side-menu ul .sub-menu li .sub-line li:hover, .nav-side-menu li .sub-menu li .sub-line li:hover {
	background-color: #020203;
}
.nav-side-menu ul .sub-menu li .sub-line li:before, .nav-side-menu li .sub-menu li .sub-line li:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f107";
	display: inline-block;
	padding-left: 100px;
	padding-right: 10px;
	vertical-align: middle;
}
.nav-side-menu .sub-menu li {
	padding-left: 20px;
	border-left: 3px solid #2e353d;
	border-bottom: 1px solid #23282e;
}
.nav-side-menu .sub-menu li a {
	text-decoration: none;
}
.sub-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}
.nav-side-menu li .sub-menu li:hover {
	border-left: 3px solid #d19b3d;
	background-color: #4f5b69;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.vfm-table-data {
   min-width: 100%; 
   width: 100%; 
}
.vfm-table-data table {
    table-layout: auto; margin-bottom: 15px;
}

/* ------------------------------VN------------------------ */

.treatmentcenter_unit_date_range{
  display: inline-block;
  vertical-align: top;
  width: 229px;
  position: relative;
}

.treatmentcenter_unit_date_range .date-picker-wrapper{
left: 0px;
top: 100%;
position: absolute !important;
}

#export_distributor_modal .date-picker-wrapper.no-shortcuts.no-gap.single-month{
  max-width: 213px;
  margin-left: 27px;
}

 
#export_distributor_modal .date-picker-wrapper.no-shortcuts.has-gap.single-month {
    max-width: 213px;
    margin-left: 27px;
}


#export_distributor_modal .normal-top b{
white-space: nowrap;
}

#export_distributor_modal .month-wrapper .caption{
  color: #000 !important;
}

#export_distributor_modal .month-wrapper .week-name{
  color: #000 !important;
}

#export_distributor_modal .normal .apply-btn{
  color: #000 !important;
  background: none !important;
  border: 1px solid #807e7e !important;
}

#export_distributor_modal .is-invalid{
  background: none !important;
}

#export_distributor_modal #date_range_error,#export_format_error
{
  font-weight: 600 !important;
}

.date-filter-container .date-picker-wrapper .drp_top-bar .apply-btn{
  color: #000 !important;
  background: none !important;
  border: 1px solid #807e7e !important;
}

.date-filter-container .normal-top b{
white-space: nowrap;
}

.date-filter-container .month-wrapper .caption{
  color: #000 !important;
}

.date-filter-container .month-wrapper .week-name{
  color: #000 !important;
}

#export_distributor_modal .date-picker-wrapper .month-wrapper table .day.real-today{
background-color: #e5c8c3 !important;
}

#export_distributor_modal .date-picker-wrapper .month-wrapper table .day.checked{
  background-color: #e5c8c3 !important;
  color: #000 !important;
}

@media (max-width: 1380px){
#export_distributor_modal .date-picker-wrapper.no-shortcuts.no-gap.single-month{
  margin-left: 2px;
}

#export_distributor_modal .date-picker-wrapper.no-shortcuts.has-gap.single-month{
  margin-left: 2px;
}

}

#exportNotification .error-message{
  background: #f2c4e1 !important; 
    color: #842029 !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    min-width: 150px !important;
}

#exportNotification .error-message .close-btn{
  padding-left: 5px;
  margin-bottom: 5px;
}

#export_distributor_modal #export_distributor_form #custom_daterange_display{
position: relative;
}

#export_distributor_modal #custom_daterange_display i{
  position: absolute;
  right: 9px;
  top: 8px;
}

.common-table-filter .treatmentcenter_unit_date_range .fa-calendar{
  position: absolute;
  top: 7px;
  right: 15px;
}

.treatmentcenter_unit .treatmentcenter_unit_date_range input{
 border: 1px solid #aaa !important;
}

.common-table-filter{
  max-width:calc(100% - 360px);
  position: relative;
  z-index: 3;
}

.common-table-filter .treatmentcenter_unit_date_range {
  width: 100%;
  max-width: 229px;
}

.treatmentcenter_unit .common-table-filter .treatmentcenter_unit_date_range input{
 height: 30px;
}

.treatmentcenter_unit.gridMainContainer .mt_minus .dt-button{
  padding: 4px 15px;
}

.common-table-filter .treatmentcenter_unit_date_range input{
   color: #5b4687;
}

.gridMainContainer .mt_minus#treatmentcntreScroll{margin-top: -46px;}

#audit-log_processing {
  margin-top: 50px;
  border: none;
}

.summary_of_installed_unit .datatable-loader{
  position: absolute;
  top: 0;
  margin-top: -7px;
}

/* ------------------------------VN------------------------ */


@media (max-width: 767px) {
 .nav-side-menu .sub-menu {
 position: relative;
 width: 100%;
 margin-bottom: 10px;
}
.nav-side-menu .sub-menu .toggle-btn {
 display: block;
 cursor: pointer;
 position: absolute;
 right: 10px;
 top: 10px;
 z-index: 10 !important;
 padding: 3px;
 background-color: #ffffff;
 color: #000;
 width: 40px;
 text-align: center;
}

 .sub-line ul .sub-press li.active, .sub-line li .sub-press li.active {
 color: #d19b3d;
}
 .sub-line ul .sub-press li.active a, .sub-line li .sub-press li.active a {
 color: #d19b3d;
}
.sub-line ul .sub-press li, .sub-line li .sub-press li {
 background-color: #181c20;
 border: none;
 line-height: 28px;
 border-bottom: 1px solid #23282e;
 margin-left: 0px;
}
.sub-line ul .sub-press li:hover, .sub-line li .sub-press li:hover {
 background-color: #020203;
}
.sub-line ul .sub-press li:before, .sub-line li .sub-press li:before {
 content: "\f107";
 display: inline-block;
 padding-left: 50px;
 padding-right: 10px;
 vertical-align: middle;
}
 .sub-line li {
 padding-left: 20px;
 border-left: 3px solid #2e353d;
 border-bottom: 1px solid #23282e;
}
.sub-line li a {
 text-decoration: none;
 color: #e1ffff;
}
.sub-line li a i {
 padding-left: 50px;
 width: 20px;
 padding-right: 20px;
}
.sub-line li:hover {
 border-left: 3px solid #d19b3d;
 background-color: #4f5b69;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -o-transition: all 1s ease;
 -ms-transition: all 1s ease;
 transition: all 1s ease;
}

@media (max-width: 767px) {
 .sub-line {
 position: relative;
 width: 100%;
 margin-bottom: 10px;
}
 .sub-line .toggle-btn {
 display: block;
 cursor: pointer;
 position: absolute;
 right: 10px;
 top: 10px;
 z-index: 10 !important;
 padding: 3px;
 background-color: #ffffff;
 color: #000;
 width: 40px;
 text-align: center;
}

.treatment_data_head
{
  white-space: nowrap;
}

.dropzone.error{
        border: 1px solid red;
    border-radius: 5px;
    padding: 5px 10px;
}
.dropzone{
    height:1000px;
}

.select2-results__option .wrap:before{
  font-family:fontAwesome;
  color:#999;
  content:"\f096";
  width:25px;
  height:25px;
  padding-right: 10px;
  
}
.select2-results__option[aria-selected=true] .wrap:before{
  content:"\f14a";
}

/* not required css */

.row
{
padding: 10px;
}

.select2-multiple, .select2-multiple2
{
width: 100%
}

.userTypeSelectAll{ margin-left:25px; }
.selectUserTypeAllCheckBox{ margin:-2px 5px 0 0 ; float: left;}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

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

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}





/*---------------------------------Print--------------------------------------------*/
@media screen {
  #printSection {
      display: none;
  }
}
@media print {
  @page {
    /* size: landscape;   or just: landscape */
    margin: 0;
  }
}
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,600;1,400&display=swap");


@media print {


body {-webkit-print-color-adjust: exact;background-color: #f8f6f6;white-space: initial;float: left; width: 100%; height: 100%; display: block;color: #000 !important; font-weight: 300 !important; font-family: 'Open Sans', sans-serif !important; border: 5px solid #dee2e6; padding:20px 20px 20px 20px;}

.inspirationalBg{background-color: #9d9ec8 !important;} 
.displayinPrint{ display: block; }
.headingsection{ display: none; visibility: hidden;}

#client_treatment_report .treatmentdatacenter .table td{ border-top: none; padding: 0px;}
.dt-print-view .table td{ border-top: none; font-size: 12px !important;}
.dt-print-view .table th{ border-top: none; font-size: 12px !important;}
#client_treatment_report .treatmentdatacenter .session_table{border-top: 1px solid #dee2e6;}
#client_treatment_report .treatmentdatacenter .session_table table.session_inner td{ border-left: 0;}
#client_treatment_report .treatmentdatacenter .session_table table.session_inner tr:last-child td{ border-bottom: 0px;}
.bdr_rgt_none{ border-right: 0px !important;}

  .navbar {display: block;}
  .btn-secondary, .modal-content .close{display: none;}
  a{ text-decoration: none;}
  .modal{position: absolute;}
  .homeModel{
      min-height: unset !important;
      max-height: unset !important;
      height: auto !important;
      page-break-before: always !important;
      page-break-after: always !important;
      page-break-inside: avoid !important;
  }


    #btnPrint {
      display: none;
    }
    #btnPrintTreatment{
      display: none;
    }
    #close {
      display: none;
    }
    #closeButton{
      display: none;
    }
    #closeButtonDetail{
      display: none;
    }
    #edit_distributor_detail_data{
      display: none;
    }
    #distributor_close_button{
      display: none
    }
    #printTreatmentCentreDetail{
     display: none
    }
    #updateTreatmentCenter{
     display: none
    }

    #print_cosmetic_data_close{
      display: none
    }

    #print_cosmetic_data{
      display: none
    }
    .print_btn{
      display: none
    }
    .close_print{
      display: none
    }
    /*.simplebar-wrapper{display: none;}*/
  }
.modulename{
  text-transform:capitalize;
  
}

/*---------------------------------Print--------------------------------------------*/