/* Header Navigation Css */
a {
  color: var(--cdp-primary-color, #1e558c) !important;
  cursor: pointer;
}
.btn{
padding: 0 10px !important;
    height: 32px !important;
  line-height: 32px !important;
}
.btn_primary{
  background-color: var(--cdp-primary-color, #1e558c) !important;
}
.radius_5 {
border-radius: 5px !important;
}
.padding-5 {
  padding: 5px !important;
}

 .patient_overlay{
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: transparent;
  z-index: 1;
  display: none;
 }
 .abha_div {
  display: none;
 }
.btn-floating:focus {
background-color: var(--cdp-primary-color, #1e558c) !important;
}
[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
background-color: var(--cdp-primary-color, #1e558c) !important;
}
[type="checkbox"].filled-in:checked + label:after {
border: 2px solid var(--cdp-primary-color, #1e558c) !important;
background-color: var(--cdp-primary-color, #1e558c) !important;
}
[type="checkbox"]:checked + label:before {
border-right: 2px solid var(--cdp-primary-color, #1e558c);
border-bottom: 2px solid var(--cdp-primary-color, #1e558c);;
}
/* input[type="text"]{
text-transform: capitalize;
} */
.add-prescription-buttons.w_20 {
width: 20% !important;
}
.add-prescription-buttons.w_13 {
width: 13% !important;
}
/*input:focus, textarea.materialize-textarea:focus:not([readonly]) {
background-color: #BFDDFF !important;
}*/
textarea.materialize-textarea {
  min-height: 0rem !important;
  padding: 0.8rem 0 .8rem 0 !important;
}
span.time_to_i {
  display:none; 
}
.pagination li.active {
  background-color: #DDD !important;
  margin: 3px 0;
}
.filter_sec{
  display: none;
}

/* Filter Modal Redesign - Tab Layout */
.filter_sec .filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #b05a46;
  padding: 12px 20px;
  margin: -20px -20px 0 -20px;
  border-radius: 4px 4px 0 0;
}

.filter_sec .filter-title {
  color: #fff;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}

.filter_sec .filter-close {
  cursor: pointer;
  color: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s;
}

.filter_sec .filter-close:hover {
  background-color: rgba(255,255,255,0.2);
}

.filter_sec .filter-tabs-container {
  margin: 0px -20px 5px -20px;
  padding: 0 20px;
  border-bottom: none;
}

.filter_sec .filter-tabs {
  background-color: transparent;
  display: flex;
  gap: 10px;
}

.filter_sec .filter-tabs .tab {
  text-transform: none;
  min-width: auto;
  flex: none;
}

.filter_sec .filter-tabs .tab a {
  font-weight: 500;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 4px;
  background-color: transparent;
  transition: all 0.2s ease;
  line-height: 30px;
}

.filter_sec .filter-tabs .tab a:hover {
  background-color: rgba(176, 90, 70, 0.1);
}


.filter_sec .filter-tabs .indicator {
  display: none;
}

.filter_sec .filter-tab-content {
  padding: 15px 0;
  min-height: 120px;
}

.filter_sec .filter-tab-content .row {
  margin-bottom: 10px;
}

.filter_sec .filter-tab-content .input-field {
  margin-top: 0;
  margin-bottom: 15px;
}

.filter_sec .filter-tab-content .input-field label {
  font-size: 12px;
  color: #666;
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}

.filter_sec .filter-tab-content select {
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 8px 10px;
  height: auto;
  background-color: #fff;
}

.filter_sec .filter-tab-content input[type="text"] {
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 8px 10px !important;
  height: auto !important;
  box-sizing: border-box !important;
  margin-top: 5px;
}

.filter_sec .filter-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0 0;
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
}

.filter_sec .filter-actions .right-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.filter_sec .filter-actions .clear_btn {
  background-color: #b05a46;
  color: #fff !important;
}

.filter_sec .filter-actions .btn.green {
  background-color: #4caf50 !important;
}

/* Responsive adjustments for filter tabs */
@media only screen and (max-width: 600px) {
  .filter_sec .filter-tab-content .col {
    width: 100% !important;
  }

  .filter_sec .filter-actions {
    flex-direction: column;
    gap: 10px;
  }

  .filter_sec .filter-actions .right-actions {
    width: 100%;
    justify-content: flex-end;
  }
}

.dropdown-content2 {
  background-color: #fff !important;
  margin: 0 !important;
  min-width: 100px !important;
  max-height: 650px !important;
  display: none !important;
  overflow-y: auto !important;
  opacity: 0 !important;
  position: absolute !important;
  z-index: 999 !important;
  will-change: width, height !important;
}
.main-heading.nav-wrapper {
  z-index: 998;
}
ul#dropdown1.dropdown-content {
  top: 60px !important;
  min-width: 150px;
  z-index: 1100 !important;
}
.dropdown-trigger{
  position: relative !important;
}

/* Ensure user dropdown trigger doesn't overflow into secondary navbar */
.dropdown-trigger1.user {
  overflow: hidden;
  max-height: 64px;
}

.profile-content{
  display: flex !important;
  align-items: center !important;
  line-height: 64px !important;
  height: 64px !important;
}

.profile-data span{
  line-height: 25px !important;
  margin-left: 10px !important;
  display: inherit !important;
}
nav.white{
  background: linear-gradient(
    to left,
    rgba(20, 141, 204, 1) 0%,
    rgba(0, 173, 81, 1) 100%
  )
  left top #777 no-repeat;
  background-size: 100% 5px;
  padding-top: 5px;
}
.white .nav-wrapper ul li a, .nav-wrapper li, .nav-wrapper li.active{
  height: 44px;
}
nav {
  height: 64px;
  line-height: 60px !important;
}
input {
  border-radius: 5px !important;
}
/*.nav-wrapper li, .nav-wrapper li.active{
  height: 43px;
}
.nav-wrapper ul.dropdown-content li, .nav-wrapper ul.dropdown-content li.active{
  margin-top: 0px !important;
}
.white .nav-wrapper ul li a {
  height: 43px;
}
.white .nav-wrapper ul.dropdown-content li a {
  height: 43px;
}

.navbar-fixed.second .row .col {
  border-right: 1px solid gray;
  margin-top: 5px;
}*/
.navbar-fixed.second {
  margin-bottom: 5px !important;
  z-index: 995 !important;
  position: relative;
}
.navbar-fixed.second i {
  line-height: 42px !important;
}
.navbar-fixed.second ul.dropdown-content .row .col {
  margin-top: 0px;

}
nav ul a:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}
.navbar-fixed a:hover, .importantClass{
  background-color: var(--cdp-primary-color, #1e558c) !important;
  color: #fff !important;
}
.profile-img{
  padding-bottom: 15px;
}
/*.importantClass{
  background-color: var(--cdp-primary-color, #1e558c) !important;
  color: #ffff !important;
}*/

.tt-suggestion.tt-selectable {
  font-size: 10px !important;
  color: var(--cdp-primary-color, #1e558c) !important;
  line-height: 15px !important; 
  margin: 3px 10px !important;
  border-radius: 5px !important;
}


.tt-suggestion:hover {
  background: var(--cdp-primary-color, #1e558c) !important;
  color: #fff !important;
  font-weight: inherit !important;
  cursor: pointer !important;
}


.alternate{
  background-color: #A8D5FF !important;
}

.alternate2{
  background-color: #D8E2E7 !important;
}

.Typeahead-spinner {
  position: inherit !important;
  top: 0px !important;
  right: 0px;
  display: none;
  width: 28px;
  height: 28px;
}

#typeahead-sublinks{
  display: none !important;
}

.myDivider2{
  position: absolute !important;
  height: 30px !important;
  border-left:1px solid white !important;
}

.search-info{
  position: relative !important;
  display: block !important;
}
.search-info div.search-sub{
  position: absolute !important;
  left: 101% !important;
  background-color: var(--cdp-primary-color, #1e558c) !important;
  padding: 5px 3px !important;
  display: none !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
  box-sizing: content-box !important;
  transition: all 0.3s !important;
}
.search-info:hover div, 
.search-info div.search-sub ul{
  display: block !important;
}
.search-info div.search-sub ul li{
  color: #000 !important;
  background-color: #fff !important;
  line-height: 15px !important; 
  margin: 2px 5px !important;
  min-width: 200px !important;
  display: block !important;
  border-radius: 5px !important;
  padding: 3px !important;
}
.search-info div.search-sub ul li a{
  display: block !important;
  line-height: 30px !important;
  height:  30px !important;
}
.search-info div.search-sub ul li:nth-child(even){background-color: #ddd;}
.link_to_false {
  transition: background-color .3s !important;
  font-size: 1rem !important;
  color: var(--cdp-primary-color, #1e558c) !important;
  display: block !important;
  padding: 0 15px !important;
  cursor: pointer !important;
}

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
display: block !important;
}
.mainmenu li:hover .submenu {
display: block !important;
max-height: 200px !important;
}
.submenu li {
background-color: #FFF !important;
z-index: 9999 !important;
}
.submenu a {
color: rgba(0, 0, 0, 0.87) !important;
font-size: 14px !important;
font-weight: 500 !important;
background-color: #FFF !important;
}

/* hover behaviour for links inside .submenu */
.submenu a:hover {
background-color: rgba(160,160,160,0.2) !important;
}
.submenu {  
overflow: hidden !important;
max-height: 0 !important;
-webkit-transition: all 0.5s ease-out !important;
}

.pm-menu .select-wrapper {
  margin-top: -28% !important;
  margin-bottom: -8% !important;
  width: 90% !important;
}
.pm-menu .select-wrapper span.caret {
  color: #FFF !important; /* IE 9 */ /* Safari 3-8 */
transform: rotate(20deg);
}
.pm-menu .select-wrapper input.select-dropdown {
border-bottom: none !important;
}
.pm-menu .select-wrapper input{
color: #FFF !important;
font-size: .7rem !important;
text-align: center !important;
}

.pm-menu ul a {
padding: 0 15px !important;
}
.pm-menu ul.dropdown-content.dropdown-content {
  top: 20px !important;
  left: 115px !important
}

.pm-menu ul.dropdown-content.select-dropdown li span:active {
  color: #fff !important;
}
.main-heading.nav-wrapper .pm-menu li  a {
  text-align: center !important;
}
.main-heading.nav-wrapper .pm-menu li.active a {
  color: #FFF !important;
  line-height: 8vh !important;
  text-align: center !important;
}

.dropdown-content {
 overflow-y: visible !important;
}

.dropdown-content .dropdown-content {
 margin-left: 100% !important;
}
#dropdown5 li a, #dropdown6 li a, #dropdown9 li a, #pharma_sub_dropdown li a, #dropdown_abdm li a{
color: var(--cdp-primary-color, #1e558c) !important;
}
#dropdown5 li a:hover, #dropdown6 li a:hover, #dropdown9 li a:hover, #pharma_sub_dropdown li a:hover, #dropdown_abdm li a:hover{
color: #FFF !important;
}
a.d:after {
 font-family: "FontAwesome" !important;
 content: "\f0da" !important;
 display: inline-block !important;
 padding-left: 35px !important;
 float: right !important;
}
a.dr:before {
font-family: "FontAwesome" !important;
content: "\f0d9" !important;
display: inline-block !important;
padding-right: 15px !important;
}
a.activity_dd:after {
 font-family: "FontAwesome" !important;
 content: "\f0d7" !important;
 display: inline-block !important;
 padding-left: 35px !important;
}
#dropdown5 li a.importantClass, .importantClass i, #pharma_sub_dropdown li a.importantClass {
color: #FFF !important;
}

.dropdown-button.active:hover i {
color: #FFF !important;
}
a.dropdown-button i.right {
margin-left: 0px !important;
}
nav ul li a.importantClass{
color: #FFF !important;
}

.main-heading.nav-wrapper .pm-menu li.active a {
  line-height: 38px !important;
}

.navbar-fixed.second .nav-wrapper {
  padding: 0px calc(3vw + 0.75rem) !important;
}
table .btn-floating, .family_patch .btn-floating, 
.nh_modal .btn-floating,
#drugAlergies .btn-floating{
width: 20px !important;
height: 20px !important;
line-height: 22px !important;
display: block !important
}
.recordings-container .btn-floating, .video-consultation-container .btn-floating,
#addPrescription .btn-floating, #new_brand_entry_popup .btn-floating{
width: 20px !important;
height: 20px !important;
line-height: 22px !important;
display: block;
}
.recordings-container .btn-floating2, .video-consultation-container .btn-floating2,
#addPrescription .btn-floating2{
width: 30px !important;
height: 30px !important;
line-height: 22px !important;
display: inline-block;
border-radius: 50%;
}
.btn-floating2 i{
font-size: 2rem !important;
line-height: 30px !important;
display: block !important;
color: white !important;
}
table .btn-floating i,.family_patch .btn-floating i,  
.nh_modal .btn-floating i, .recordings-container .btn-floating i,
#drugAlergies .btn-floating i, .video-consultation-container .btn-floating i,
#addPrescription .btn-floating i, #new_brand_entry_popup .btn-floating i {
  font-size: 1rem !important;
  line-height: 22px !important;
display: block !important
}
/*Clinic Manager Dashboard*/
.clinic-manager-dashboard .loader{
  position: absolute;
  z-index: 1000;
  left: 45%;
  top: 45%;
}
.clinic-manager-dashboard .btn{
  width: 100%;
  background: var(--cdp-primary-color, #1e558c);
}

.clinic-manager-dashboard .btn.active{
  background: var(--cdp-primary-color, #1e558c);
}
  
.clinic-manager-dashboard .process-flow-container {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  position: relative;
}
#XMLID_19_, #XMLID_15_,#XMLID_17_,#XMLID_34_,#XMLID_22_, #XMLID_38_, #XMLID_45_, #XMLID_43_, #XMLID_41_, #XMLID_10_,
#XMLID_4_,#XMLID_14_, #XMLID_12_, #XMLID_26_, #XMLID_30_, #XMLID_7_, #XMLID_5_, #XMLID_24_, #XMLID_21_, #XMLID_9_, #XMLID_25_, 
#XMLID_24_, #XMLID_23_, #XMLID_27_, #XMLID_29_, #XMLID_7__10, #XMLID_7__13, #XMLID_12__15 {
  font-family: lato-semibold !important;
  font-size: 28px;
}
.clinic-manager-dashboard .data-label{
  font-family: lato-semibold;
  font-weight: 600;
}
.clinic-manager-dashboard .head-caption{
  color: var(--cdp-primary-color, #1e558c);
  text-align: center;
  font-family: "Raleway-Bold" !important;
  margin-bottom: 5px;
  font-size: 20px
}

.back_btn_2{
  display: none;
  }
  .back_btn{
  margin-top: -5px;
  margin-right: 15px;
  }
  .send-mail{
  left: 65px !important;
  top: -8px !important;
  }
  .send-mail2{
    margin: 15px !important; 
    position: absolute !important; 
    right: 70px !important; 
    top: 10px !important;
  }
  .apt{
    right: 185px !important;
    top: 6px !important;
  }
   .mybutton{
    line-height: 20px; 
    height: 20px; 
    padding: 5px 0.6rem;
    background: var(--cdp-primary-color, #1e558c);
    border-radius: 5px;
    color: #FFF;
  }

  .mybuttonModal{ 
    line-height: 0px; 
    height: 20px; 
    padding: 6px 0.6rem;
    background: var(--cdp-primary-color, #1e558c);
    border-radius: 2px;
    color: #FFF;
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  }
  .nh_table a.mybuttonModal, a.btn-green, .nh_table a.mybutton {
    color: #FFF !important;
  }

  a.select-time{
    font-size: 12px;
  }
/*search_patients Css*/
.search_patients .patient-details-container label {
  font-size: 0.8rem !important;
  }
.patient-details-container{
  margin: auto;
}
.ob-round{
  height: 50px;
  width: 50px;
}
.search-container .card{
padding: 10px !important;
}
.appointment-list .search-container .card{
padding: 1px !important;
}
#calendar{
  background-color: #fff !important;
  /*height: 600px;
  width: 600px;*/
}
.centered th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #999;
  color: white;
}
.centered td, .centered th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}
#example_wrapper{
    width: 100%;
}
.search-container .card.patch_btn{
  padding: 0 0 1% 0 !important;
  margin: 0; 
}
.patch_btn{
  background: #ddd !important;
  padding: 0 0 1% 0 !important;
}
.patch_btn h6{
  margin-top: 1rem !important;
  color: var(--cdp-primary-color, #1e558c) !important;
  font-size: 1rem !important;
}
#remaining{
  margin-left: 70%;
}
.select2-container--open .select2-dropdown {
  top: -30px;
}

.patient-details-container .search-container {
  margin-bottom: 5px !important;
  padding: 0px !important;
}
.tab_cnt .row .tabl, .corp_patients .row .tabl {
  padding: 0 !important;
}
.tab_cnt .add_btn{
  text-align: right;
  margin-bottom: 10px;
}
.tab_cnt td.ip_modal .btn {
  height: 30px;
  line-height: 30px;
  padding: 0 1rem;
}
.tab_cnt .class-btn a{
  background: var(--cdp-primary-color, #1e558c);
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
}

.search-container.cnt2{
  padding-bottom: 10px !important;
}
.tooltipped{
  cursor: pointer;
}
.modal h1, .modal h2, .modal h3, .modal h4 {
  margin-top: 16px;
}
.container.camp_wise{
  width: 90% !important;
}
.camp_wise .collection.with-header {
  padding: 5px 10px;
}
.camp_wise .collection.with-header .collection-header {
  background-color: #82898e;
  color: #fff;
  border-bottom: 1px solid var(--cdp-primary-color, #1e558c);
  padding: 18px 20px;
}
.camp_wise .collection .collection-item.active {
  background-color: var(--cdp-primary-color, #1e558c);
  color: #fff;
}
.camp_wise .collection .collection-item.active a {
  color: #fff;
}

.camp_wise .body-container {
padding: 0 1vw
}

.camp_wise .patient-details-container .search-container {
  padding: 0 10px 10px !important;
}

/*invoice-container css*/


.invoice-container .line_height{
  line-height:24px;
}
.invoice-container .container .row {
  margin-left: 0;
  margin-right: 0;
}
.invoice-container .card {
  padding: 15px;
}
.invoice-container form {
  padding: 15px; 
}

.invoice-container .due_balance{
  position: fixed;
  bottom: 60%;;
  right: -10px;
  /*margin: -380px -530px -600px 1136px;*/
  /* margin-right: 20px; */
  background: #0f568e;
  color: #fff;
  padding: 0px 10px;
  border-radius: 10px;
  z-index: 2;
}
.invoice-container .payment_section_disapper{
/*    margin-top: 10px;
*/    background-color: #cfeaca;
  padding-top: 10px;

}
.invoice-container .price-details{
margin: 25px !important;
}
.invoice-container .summary-details{
margin: 25px !important;
}
.invoice-container a.tooltipped{
color: #333;
}
.invoice-container #applyCouponBtn{
height: 30px;
line-height: 30px;
padding: 0 1.6rem;
}

/*sltd_users CSS*/
#modal1.modal, #modal_message_list.modal, #msg-modal, #group-modal,
#groupIndex-modal, #eventIndex-modal, #event-modal, #screeningCamp, #family-modal {
    width: 75% !important;
    overflow-x: hidden;
/*    padding: 10px 20px;
*/  }
#modal_insurance_list,
#insurance-modal{
width: 65%;
max-height: 90%;
border-radius: 10px;
}
#modal_insurance_list{
width: 75%;
}

#modal_insurance_list .modal_body,
#insurance-modal .modal_body {
padding: 0.5% 2% !important;
}
#insurance-modal .modal_body .input-field {
position: relative;
margin-top: 0rem;
margin-bottom: 1rem;
}
/* .modal-overlay {
   z-index: 999 !important;
   background-color: rgba(0, 0, 0, 0.5) !important;
   position: fixed !important;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
} */
.modal .modal-content {
  padding: 15px !important;
}
 .modal-footer span{
  color: #FFF;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  cursor: pointer;
}
.modal-footer.mdl_ftr span{
  display: block;
  padding: 0;
}
.modal-footer span.cls{
  margin-top: 6px;/*
  margin-left: 1rem*/
}
#msg-modal{
  height: 70%;
}
.patch_btn{
  background: #ddd;
  padding: 0 0 1% 0 !important;
}
.patch_btn h6{
  margin-top: 1rem !important;
  color: var(--cdp-primary-color, #1e558c);
}
#remaining{
  float: right
}


.event_patients_list [type="checkbox"] + label {
  padding-left: 20px;
}


table.dataTable thead .rm_sort.sorting:after, table.dataTable thead .rm_sort.sorting_asc:after, table.dataTable thead .rm_sort.sorting_desc:after, table.dataTable thead .rm_sort.sorting_asc_disabled:after, table.dataTable thead .rm_sort.sorting_desc_disabled:after,

table.dataTable thead .rm_sort.sorting:before, table.dataTable thead .rm_sort.sorting_asc:before, table.dataTable thead .rm_sort.sorting_desc:before, table.dataTable thead .rm_sort.sorting_asc_disabled:before, table.dataTable thead .rm_sort.sorting_desc_disabled:before
{
  display: none;
}
.collection.with-header .collection-item {
padding: 0 !important;
display: inline-block;
background-color: transparent;
border-bottom: none;
}
.test .col.s10{
display: none;
}
.test .col.s2 {
  display: contents !important;
} 

#patient_prescription_lines .test .col.s2 {

display: inline-flex;
  padding: 0;
  margin: 0;
}
/*.event_test_list .test .col.s10{
display: none;
}
.event_test_list .test .col.s2 {
  display: contents;
}*/

#patient_prescription_lines ul.autocomplete-content.dropdown-content li{
  min-height:20px !important;
}
#patient_prescription_lines ul.dropdown-content li>a, #patient_prescription_lines ul.dropdown-content li>span {
line-height: 16px;
padding: 3px 16px;
}
.presc-fields select.initialized{
  display: none !important;
}
div.recordings-container .prescription-collapsible p, div.error,
.new_doctor_visit p[class$='hide'], .edit_patient_prescription_header p[class$='hide'], 
.edit_doctor_visit.edit_doctor_visit.edit_doctor_visit p[class$='hide']
{
  font-size: 12px !important;
  line-height: 15px;
}
#map{
height: 700px;
margin-top: 50px;
margin-bottom: 50px;
padding: 60px;
}
#latest-info{
cursor: pointer;
}


/*Calender css*/
.calendar-container{
  margin: 0 auto;
  width: 100%;
  padding: 10px;
}

.fc h2{
  font-size: 24px;
}

.fc-right, .fc-left, .fc-center{
  padding: 10px;
}

.fa-grey{
  color: #666;
}
.fa-purple{
  color: purple;
}
.fa-light-grey{
  color: #ccc;
}
.fa-light-blue{
  color: #3a87ad; 
}
#calendar{
  background-color: #fff !important;
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
  border-bottom: none !important;
}
/*.calendar-container td span{
padding: 2px !important;
}*/
.fc-content{
    display: -webkit-box;
}
.fc-content .fc-time{
  padding-right: 10px;
}
.fc-content > span{
display: block !important;
text-align: center;
/* height: 1px;*/
}
.fc-time-grid .fc-event{
width: 120px;
}



/*Doctor appointment css*/
.apmnt_patch .row .tab.col.s2 {
width: 14.28%;
}
.apmnt_patch .row .tab.col.s2.cons-tab{
width: 20% !important;
}
.apmnt_patch .pagination-container ul.pagination {
  margin: 0 auto;
  display: flex;
  width: auto;
}

.mydivider{
  height: 2px;
  overflow: hidden;
  background-color: #e0e0e0;
}
.myVerticalDivider{
  position:absolute;
  
}
/*p{
  color: var(--cdp-primary-color, #1e558c);
}*/
/*.line-height{
  line-height: 25px;
}
.modal {
  width: 55% !important;
  }
#modalCompleted{

  z-index: 2147483650 !important;
}
.modal-content {
  padding: 20px 5px 15px !important;
}*/
#modalCompleted p{
  color: #565656 !important;
}
#modalCompleted a.cbtn{
  float: left;
  margin-left: 1rem !important;
}
.pull-center{
    margin-left: 45%;
}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search]{
  /* height: 3rem !important; */
}
textarea.materialize-textarea {
  /* min-height: 3rem !important; */
}

#labBookingForm .input-field span.rupee{
  position: absolute !important;
  top: 10px !important;
  padding-left: 10px !important;
}

.row .col.s2.surgery_tab {
  width: 14%;
}
/* Screening camp Css*/

.picker__frame{
  margin-top: -37px;
}
.picker__date-display {
  background-color: var(--cdp-primary-color, #1e558c);
}
.picker__footer .clockpicker-button{
  color: white;
  background: var(--cdp-primary-color, #1e558c);
}

 .camps-table.centered th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #999;
  color: white;
}
.camps-table.centered th a{
  color: white;
}
.camps-table.centered td, .camps-table.centered th {
  border: 1px solid #ddd;
  padding: 8px;
}
.screen_cnt .search-container{
padding: 10px !important;
}


/*report Css*/

#tiles .card {
border-radius: 15px;
}
.report-container .circle{
height: 220px;
}
.report-container .circle .number{
  font-size: 36px !important;
}
.balance-card{
  color: var(--cdp-primary-color, #1e558c) !important;
  padding: 1px !important;
}
.balance-card p {
  margin: 5px auto;
  font-size: 13px;
}
.balance-card p color {
  color: grey !important;
}
#apmntsModal, #cnsltnModal, #dgnstcModal, #labOrderModal,
#surgeryModal, #surgeryOrderModal, #pharmacyModal {
  width: 80% !important;
}
.report-container .select2-container .select2-selection--multiple {
  min-height: 46px;
}
/*.report-container .select2-container--default .select2-selection--multiple, 
.report-container .select2-container--default.select2-container--focus .select2-selection--multiple {
  height: 3rem;
}*/

/*VideoCall Css*/
.videocall { 
/* background-image: url("https://files.nanohealth.in/videoCallBG.png");
height: 100%; 
background-position: center;
background-repeat: no-repeat;
background-size: cover;
animation:fade 8s infinite;
-webkit-animation:fade 8s infinite; */
border: 2px solid #5aaf52;
padding-bottom: 10px;
}
.dropdown_patch{
position: relative !important;
}
#symptomsSuggestions .collection.with-header, #complaintsSuggestions .collection.with-header{
position: absolute;
top: 50px;
z-index: 2;
}
.disease_suggestions .collection.with-header, .comorbidity_suggestions .collection.with-header, .tests_suggestions .collection.with-header, #family_members_suggestions .collection.with-header, .package_suggestions .collection.with-header, .procedure_suggestions .collection.with-header, .current_procedure_suggestions .collection.with-header{
position: absolute;
z-index: 2;
}

.current_procedure_suggestions .collection.with-header,.procedure_suggestions .collection.with-header,.disease_suggestions .collection.with-header, .comorbidity_suggestions .collection.with-header {
top: 50px !important;
}
#tests-list .collection.with-header {
z-index: 2;
}
@media only screen and (max-width: 600px) {
/* .call_btn img, img.call_btn{
  width: 50%;
} */
#modal1.modal{
  width: 98% !important;
}
input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"]{
  height: 2.3rem;
}
textarea.materialize-textarea {
  min-height: 2.3rem;
}
.select-wrapper input.select-dropdown {
  height: 2.3rem;
}
.add-prescription-buttons.w_20 {
  width: 100% !important;
  border-left: none !important;
  border-top: 2px solid #ccc !important; 
}
.add-prescription-buttons.w_13 {
  width: 100% !important;
  border-left: none !important;
  border-top: 2px solid #ccc !important; 
}
.navbar-fixed.second {
  display: none !important;
}

.sugst_card, .fav_dss_sugst_card {
  left: 5% !important;
  width: 90%  !important;
}
.new_doctor_visit ul.collapsible .collapsible-body{
  padding: 15px 10px !important;
}
.mobile_patient_info {
  text-align: center !important;
}
.crisp-client {
  display: none !important;
}
/* doctor_responsive */
.appointment-list {
  padding: 0px 0vw !important;
}
.res_table th {
  width: 125px !important;
}
.res_table td {
  font-size: 11px !important;
}
.btns-header span {
  color: var(--cdp-primary-color, #1e558c);
  font-size: 15px !important;
  line-height: 40px !important;
}
.btns-header{
  text-align: center !important;
}
.cal_list {
  text-align: center !important;
  padding: 10px 0 !important;
}
.consult_block .card{
  min-height: 180px !important;
  margin: 0 !important;
}
.consult_block img{
  width: 100px !important;
  height: 100px !important;
}
#modal_consult{
  height: 70% !important;
  min-height: 70% !important;
}
#modal_consult .modal-footer {
  top: 250px !important;
}
.optionss{
  width: 100% !important;
  overflow-x: scroll !important;
}
.optionss img {
  width: 25px !important;
  height: 25px !important;
}
.optionss img{
  display: ruby !important;
}

/* View Profile Doctor */
.main-details {
  text-align: center;
}
.resp_ptnt img, img.callClinic{
  border-radius: 50% !important;
}
.add-rescription-buttons.mobile_patient_info {
  width: 100% !important;
}
/* Video consultation */
.video-consul-prescription-form{
  display: none;
}
.video-consultation-container .control-panel {
  right: 0% !important;
}
#sendLink{
  min-height: 250px !important;
}
} 
/*.centered th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #999;
  color: white;
}
.centered td, .centered th {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}*/



/*Recomendation Css*/
/*.container{
  margin-left: 2% !important;
  margin-right: 2% !important;
  padding: 2%;
  width: 96% !important;
}*/
/* .rec_cnt.container{
  width: 90% !important;
} */
.patient_test_recommendation_detail_search .container .row {
  margin-left: 0;
  margin-right: 0;
}
.search-padding{
  padding: 10px 2%;
}
 
.ob-round{
  height: 50px;
  width: 50px;
}
.search-container .card{
  padding: 10px;
  margin-top: 0px;
  margin-bottom: 5px;
}

.nh_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: var(--cdp-primary-color, #1e558c); /*#999*/
  color: white !important;
  text-align: center !important;
}
.nh_table.invoice_table th {
  text-align: left !important;
}
.nh_table th a{
  color: white !important;
}
.nh_table td, .nh_table th {
  border: 1px solid #ddd;
  padding: 7px 8px !important;
  text-align: left;
}
.nh_table th [type="checkbox"].filled-in:not(:checked) + label:after {
  border: 2px solid #FFF;
}
.cnt2 .nh_table td {  
  padding: 0px 8px !important;
}

.nh_table tbody.font_size_13{
  font-size: 13px !important;
}
.nh_table tbody.font_size_13 td.patient_card{
  font-size: 15px !important;
}
#example_wrapper{
    width: 100%;
}
.patch_btn{
  background: #ddd;
  padding: 0 0 1% 0 !important;
}
.patch_btn h6{
  margin-top: 1rem !important;
  color: var(--cdp-primary-color, #1e558c);
}
#remaining{
  margin-left: 70%;
}
.select2-container--open .select2-dropdown {
  top: -30px;
}

.patient-details-container .search-container {
  margin-bottom: 5px;
  padding: 0px;
}

.patient-header-details {
  padding: 10px !important;
}

.row .tabl {
  padding: 0 !important;
}
.add_btn{
  text-align: right;
  margin-bottom: 10px;
}
td.ip_modal .btn {
  height: 30px;
  line-height: 30px;
  padding: 0 1rem;
}
.class-btn a{
  background: var(--cdp-primary-color, #1e558c);
  color: #fff !important;
  padding: 5px 10px;
  border-radius: 3px;
}
.select2-container--open .select2-dropdown {
  top: 0px;
}

input.send_inf{
  margin-left: 20%; 
}

/*  daywise_cnt Css*/
.daywise_cnt .row .col.rd_btn{
text-align: left;
}

.hgt .select-wrapper input.select-dropdown{
height: 2.5rem !important
}
.hgt label.active {
float: left;
}
/*  invoice summary Css*/
.invoice-container .summary i {
  font-size: inherit !important;
}
.apmnt-tracking b{
  color: var(--cdp-primary-color, #1e558c);
}


/*  Patient details Css*/
.name-err, .dob-err, .nmbr-email-err, .nmbr-err, .adrss-err, .city-err, .email-err, .height-err, .gndr-err,.nmbr-duplicate-err, .email-duplicate-err, .nmbr-format-err, .email-format-err, .pn_cd-err {
  display: none;
}


.options .btn-green{
border: none;
border-radius: 5px;
display: inline-block;
/*height: 36px;*/
line-height: 15px;
text-align: center;    
/*width: 42%;*/    
color: #FFF;
margin: 5px;
    padding: 0px 5px
}
.options i{
  color: #333 !important;
      font-size: 42px;
}

.upld_dropdown, .ip_upld_dropdown{
position: relative;
display: inline-block;
}

.dropdown-cnt {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0px 10px 30px rgba(204, 204, 204, 0.43);
z-index: 1002;
top: 35px;
}

.dropdown-cnt a {
color: black;
padding: 5px 16px;
text-decoration: none;
display: block;
}

.upld_dropdown:hover .dropdown-cnt {display: block;}

.upld_dropdown_services {
position: relative;
display: inline-block;
}

.upld_dropdown_ip:hover .dropdown-ip-booking {display: block;}

.upld_dropdown_ip {
position: relative;
display: inline-block;
}
.dropdown-services {
display: none;
position: absolute;  
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
z-index: 1002;
top: 25px;
min-width: 140px;
min-height: 110px;
padding: 5px;
width: 200px;
border-radius: 5px;
}
.dropdown-services.dashboard_drp_dwn {
right: 0 !important;
}
.dropdown-services a {
color: black;
padding: 1px;
text-decoration: none;
display: inline-grid;
}
.upld_dropdown_services:hover .dropdown-services {display: block;}

ul.select-dropdown{
/*    position: unset !important;*/
position: absolute !important
}

.address-block {
  width: 100%;
  padding: 0px;
  margin: 10px 0
}

.address-block:hover {
  background-color: var(--cdp-primary-color, #1e558c);
  color: #FFF;
}
.address-block:hover i, .address-block:hover span{
  color: #FFF;
}

.address-block .address-info {
    line-height: 1rem !important;
}
#address-modal label{
  color: #969696 !important;
}
.delete i{
  color: #f44336;
}
#address-modal {
max-height: 75% !important;
}

#status-history li.img{
display: inline-block;
padding: 5px;
width: 47%;
}
#graph ul.select-dropdown{
position: absolute !important;
}



.lab-test-table .parent{
text-align: left !important;
}

.lab-test-table .child{
text-align: left !important;
padding-left: 15px !important;
}
.prescriptionAlertModal{
  height: 25vh !important;
}

/*prescrption_header/edit*/
.mrng-error-message, .days {
  color: red;
}
 .symptoms-input-container .materialize-tags .chip{
  display: block;
  background-color: white;
  margin-top: 1px;
}
#referal-hospital-details .radio{
  display: inline-block !important;
}
.chip {
  font-size: 1rem !important;
}
/*Booking_modal css*/

.booking_modal .title{
font-size: 20px;
text-align: center;
padding: 15px;
}
.booking_modal .disappear-success, .booking_modal .disappear-failure {
display: none;
}
.booking_modal  ul.stepper.horizontal .step-actions {
position: initial !important;
}
.booking_modal  .address-container{
padding: 0px;
}
.booking_modal .address-container .waves-effect {
position: inherit;
}

.address-btn{
font-size: 1.2rem;
background-color: transparent;
}
.address-box
{
border: 1px solid rgba(160, 160, 160, 0.2);
border-radius: 5px;
padding-right: 20px;
}
.patientDetails-box
{
border: 5px solid rgba(160, 160, 160, 0.2);
border-radius: 5px;
padding-right: 20px;
}
.booking-modal-container .address-container .address-block{
border: none;
}

.slots-container .address-container a.waves-effect {
position: inherit;
}


/*item_purchase details*/
.new_item{
 background-color: #4d4dff;
 color: white;
 font-weight: bold;
}
.new_item:hover{
 background-color: #33cc33;
 color: white;
}

.purchase th {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #999;
  color: white;
}
.purchase td, .purchase th {
  border: 1px solid #ddd;
  padding: 8px !important;
  text-align: left;
}
.new_item_purchase_detail .select2-selection.select2-selection--single,    
.new_item_purchase_detail .select2-container--default .select2-selection--single .select2-selection__arrow,
.employee_master_search .select2-selection.select2-selection--single,    
.employee_master_search .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 2.3rem !important;

}
#purchase-modal.modal{
width: 75%;
}

#pharmapurchase-modal.modal, #pharmapurchase-header-modal{
width: 99%;
max-height: 85%;
}

.step-actions span {
  color: #FFF;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 2rem;
  cursor: pointer;
}


.select-wrapper input.select-dropdown{
  border-bottom: 0px;
  width: 100%;
  height: 80%;
}
.collapsible-header {
  border-bottom: 1px solid #fff;
}
.vertical-divider {
  border-left:1px solid #e2e3ec;
}
 .label-box{
  height: auto;
  background-color: #d6f3fe; 
  text-align: left;
}
.reg label{
    font-size: 0.9rem;
}  
.col-margin{
  margin-top: 5px;
}  
.square-box {
    /* background-color: rgba(255, 255, 255, 0.9) !important; */
    padding: 2px !important;
    border: 1px solid #e2e3ec;
    border-radius: 2px !important;
    margin-top: 8px !important; 
}
 .label-square-box {
  background-color: #edf0f1ee !important;
  width: 96% !important;
  padding: 5px !important;
  border: 1px solid #afafaf !important;
  border-radius: 2px !important;
  margin-top: 16px !important; 
}
.materialboxed{
  border: 1px solid #e2e3ec;
  box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.5);
}
.search-container.input-field.col label{
    left: 2.55rem;
}
.gndr-err, .dbts-err, .htn-err, .lpd-err, .thh-err, .other-err, .attack-err, .family-htn-err, .family-db-err, .dizzy-err, .dry_tnge-err, .nmbness-err, .name-err, .dob-err, .nmbr-err, .adrss-err, .email-err, .city-err, .pn_cd-err, .height-err, .nmbr-duplicate-err, .email-duplicate-err  {
  display: none;
}
.search-container.input-field label{
    top: -1rem;
}  
/*input[type=radio][name="patient_master[gndr]"].invalid + label:after, input[type=radio][name="patient_master[gndr]"]:focus.invalid + label:after{
  content: attr(data-error);
  color: #F44336;
  opacity: 1;
}*/
#purchase-modal input:not([type]), #purchase-modal input[type=text], 
#purchase-modal input[type=time], #purchase-modal input[type=date], 
#purchase-modal input[type=datetime], 
#purchase-modal input[type=datetime-local], #purchase-modal input[type=number], 
#purchase-modal input[type=search], 
#newEmp input:not([type]), #newEmp input[type=text], 
#newEmp input[type=time], #newEmp input[type=date], 
#newEmp input[type=datetime], 
#newEmp input[type=datetime-local], #newEmp input[type=number],#newEmp input[type=email], 
#newEmp input[type=search] {
    height: 1.5rem !important;
    border-bottom: None;
}
textarea.materialize-textarea {
  min-height: 1.5rem !important;
}
#purchase-modal input[type=text], #purchase-modal input[type=number]:focus, 
#newEmp input[type=text], #newEmp input[type=number]:focus {
    border-bottom: None!important;
    box-shadow: None!important;
}
#modal1 .presc-fields input[type=number], #q_patient_master_frst_nm_or_patient_master_lst_nm_cont {
  border-bottom: 1px solid #969696;
  height: 3rem !important;
}
#purchase-modal input[type=number] {
  height: 1.5rem !important;   

}
#purchase-modal label{
  font-size: 0.9rem;
}
.presc-fields input[type=text], .presc-fields input[type=number]:focus {
    border-bottom: 1px solid #969696 !important;
    box-shadow: None!important;
}
.inventory_detail_search input[type=text] {
  border-bottom: 1px solid #969696 !important;

}
.patient-details-container .search-container {
    background: white;
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: 0px 2px 10px grey;
    /*width: 85%;
    margin-left: 7%;*/
}
.class-disappear, .class-disappear2, .class-disappear3, .class-disappear4, .class-disappear5, .class-disappear6, .clss2-err, .clss3-err, .clss4-err, .clss5-err, .clss6-err, .other-dss-nm-disapper, .modeofMedication, .othr-dss-err, .nmbr-format-err, .email-format-err{
  display: none;
}

.select-wrapper {
  height: 30px;
}
.select-wrapper input.select-dropdown {
  height: 100%;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 3rem !important;
}
.select2-container--default .select2-selection--single {
   height: 3rem !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 30px;
  text-align: left;
}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
  height: 3rem;
}
.patient-symptoms--input .select2-container--default .select2-selection--single {
  height: 25px !important;
}
.patient-symptoms--input .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px;
}
.patient-symptoms--input .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px !important;
}
.prescriptionInput-medications.end_duration.numeric_with_out_dot, .clinicalFindingsDiagnosis input.diagnosis_duration, .clinicalFindings input.symptom_duration, .visit_end_duration{
  text-align: right;
}
/*.select2-dropdown--below{
  top: -35px !important;
}*/

/*.program-chosen-select .select2-dropdown--below{
      margin-top: 30px !important;
}
*/
.select2-search.select2-search--dropdown{
  margin-top: -35px;
  padding:0 
}
.select2-container--default .select2-search--inline .select2-search__field {
  height: 30px !important;
  width: 100% !important;
  margin-top: 10px !important;
}
.disease_select .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 2.6rem !important;
}
.disease_select .select2-container--default .select2-selection--single {
   height: 2.6rem !important;
}
.step-actions{
  margin-top: 20px;
}

a.inv_img{
padding: 0px 10px;
}
input.typeahead.header-search.tt-input, .typeahead.header-search.tt-hint{
    height: 45px !important;
}


/*User_health_asessment*/
.user_reg.patient-details-container .search-container{
padding-top: 10px !important;
}
.select-wrapper input.select-dropdown{
  border-bottom: 0px;
  width: 100%;
  height: 80%;
}
.collapsible-header {
  border-bottom: 1px solid #fff;
}
.vertical-divider {
  border-left:1px solid #e2e3ec;
}
.label-box{
  height: auto;
  background-color: #d6f3fe; 
  text-align: left;
}
.reg label{
    font-size: 0.9rem;
}  
.square-box {
    /* background-color: rgba(255, 255, 255, 0.9) !important; */
    width: 100% !important;
    padding: 2px !important;
    border: 1px solid #e2e3ec;
    border-radius: 2px !important;
    margin-top: 0px !important; 
}
.label-square-box {
    background-color: #edf0f1ee !important;
    width: 96% !important;
    padding: 5px !important;
    border: 1px solid #afafaf !important;
    border-radius: 2px !important;

    margin-top: 16px !important; 
}
.search-container.input-field.col label{
    left: 2.55rem;
}
.gndr-err, .dbts-err, .htn-err, .lpd-err, .thh-err, .other-err, .attack-err, .family-htn-err, .family-db-err, .dizzy-err, .dry_tnge-err, .nmbness-err, .name-err, .dob-err, .nmbr-err, .adrss-err, .email-err, .city-err, .pn_cd-err, .height-err, .nmbr-duplicate-err, .email-duplicate-err  {
  display: none;
}
.search-container.input-field label{
    top: -1rem;
}  
/*input[type=radio][name="patient_master[gndr]"].invalid + label:after, input[type=radio][name="patient_master[gndr]"]:focus.invalid + label:after{
  content: attr(data-error);
  color: #F44336;
  opacity: 1;
}*/
.reg input:not([type]), .reg input[type=text], .reg input[type=password],
 .reg input[type=email], .reg input[type=url], .reg input[type=time],
 .reg input[type=date], .reg input[type=datetime], .reg input[type=datetime-local], 
 .reg input[type=tel], .reg input[type=number], .reg input[type=search]{
  height: 32px;
  border-bottom: None;
  height: 2rem !important;
  } 
 .reg textarea.materialize-textarea{
  min-height: 32px;
 }
.reg input[type=text], .reg input[type=number]:focus {
    border-bottom: None!important;
    box-shadow: None!important;
}

.user_reg.patient-details-container .search-container {
    background: white;
    margin-bottom: 30px;
    /* padding: 30px !important; */
    padding: 15px !important;
    box-shadow: 0px 2px 10px grey;
    width: 75%;
    margin-left: 10%;
}
.class-disappear, .class-disappear2, .class-disappear3, .class-disappear4, .class-disappear5, .class-disappear6, .clss2-err, .clss3-err, .clss4-err, .clss5-err, .clss6-err, .other-dss-nm-disapper, .modeofMedication, .othr-dss-err, .nmbr-format-err, .email-format-err{
  display: none;
}


ul.stepper.horizontal .step-actions {
  position: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  -webkit-box-orient: horizontal;
  /*flex-direction: unset;*/
}
      
.select2 {
/*    height: 28px;
*/    margin-top: -15px;
}

.cc .select2, .cc .select2 ul li input.select2-search__field{
  height: 2.3rem !important;
}


.cc .select2-container--default .select2-selection--multiple, 
.cc .select2-container--default .select2-selection--single, 
.cc .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-bottom: none;
}


/*patient history*/
table#ert td, th, td {
  vertical-align: middle;
  text-align: center;
  height: 35px;
  font-family: lato-regular;
}
table#presc-table th{
  font-family: lato-semibold;
  height: 25px;
}
table#ert th{
  font-family: lato-semibold;
}
/* table#ert th,td{
  padding: 0 !important;
} */

.graph-type-select{
  margin-bottom: 10px;
}

.screening_record{
  background-color: #EEEEEE;
}

#er_graph{
  max-height: 300px;
}

p.heading{
  font-family: lato-semibold;
  font-size: 18;
  color: var(--cdp-primary-color, #1e558c);
  text-align: left;
}
.alternative-text{
  height: 200px;
  background: #e9e9e9;
}

/*Add prescription*/
.thumb-image{
  float:left;
  width:100px;
  position:relative;
  padding:5px;
}

.form-div label{
  color: #969696 !important;
}

.input-fixed-text{
  position: absolute;
  display: none; 
  left: 12px; 
  top: 13px; 
  z-index: 9;
}

input.input-fixed-field{
  padding-left: 25px; 
  width: 94%;
}

.form-div{
  padding: 20px;
}

.form-div h6.heading{
  text-align: center !important;
  font-family: lato-semibold;
  color: var(--cdp-primary-color, #1e558c) !important;
}

#parameters label{
  font-size: 12px;
}
.modal.recordings-container {
/*      min-height: 0px !important;
*/  }


div.recordings-container .modal-content .btn {
    float: right;
    margin-left: 0 !important;
}
/*patient_prescription_line_fields*/
.prescription-div h6.heading{
  text-align: center !important;
  font-family: lato-semibold;
  color: var(--cdp-primary-color, #1e558c) !important;
}

.presc-fields .col-md-1, .presc-fields .col-md-3, .presc-fields .col-md-4, .presc-fields .col-md-8 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.presc-fields .form-control{
  padding: 6px 6px !important;
}
.tt-dropdown-menu .tt-suggestion, .tt-menu .tt-suggestion{
    font-size: 12px;
}
.fa-times-circle{
  line-height: 34px;
}
/*.nested-fields {
  margin-right: -60px !important;
}*/

.col-md-3.mean-element .form-group {
  margin-left: -4px;
  margin-right: -4px;
}

.col-md-3.mean-element .form-group input {
  text-align: center;
}

/*Account folder css*/
/*_linked_accounts.css*/
.linked-account-model {
    margin-top: 3rem !important;
  }
  .circle.responsive-img.profile{
    height: 50px !important;
  }
  /*_basic_profile.css*/
  .image-upload{
  background: rgba(0,0,0,0.5);
  z-index: 1000 !important;
}
#content{
  position: absolute;
  z-index: 1036 !important;
  top: 9%;
  left:26%;
}
#load{
  margin-top: 10px;
}

/*Filter_panel css*/
.filter{
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 14px;
  width: 100%;
  float: left;
  margin: 0 0 10px 0;
}

.filter.rating{
  border-bottom: none;
}

.filter .depart-time-grid{
  width: 100%;
  float: left;
  border-left: 1px solid #e2e2e2;
}

/*.depart-time-label{
  width: 100%;
  float: left;
}*/

.filter .depart-time-grid li {
  width: 25%;
  float: left;
  border: 1px solid #e2e2e2;
  border-left: none;
  text-align: center;
  box-sizing: border-box;
}

.filter .depart-time-label {
  position: relative;
  padding: 37px 5px 2px;
}

.filter .filter-label {
  font-size: .714em;
  color: #333;
  text-transform: uppercase;
  line-height: 18px;
}

.filter .depart-time-label span {
  padding: 2px 0 0;
  border-top: 1px solid #e2e2e2;
}
.filter .full{
  width: 100%;
  float: left;
}

.filter .depart-time-grid input{
  opacity: 0;
  position: absolute;
  left: -9999999px;
  z-index: 999999;
}

.filter .tabs-link {
  position: relative;
}

.filter .tabs-link:before {
  width: 100%;
  content: '';
  position: absolute;
  top: -4px;
  left: 0;
  height: 4px;
  background-color: #4ea5df;
  display: none;
}

.filter .tabs-link.tab-hover-none.active:before {
  display: block;
}
.filter .tabs-link.tab-hover-none:before {
  display: none;
}
.filter .tabs-link:hover:before, .filter .tabs-link.active:before {
  display: block;
}
.filter .tabs-link.tab-active-bdr-top-in:before, .filter .depart-time-grid li:before {
  top: 0;
}

.filter .tabs-link.tab-hover-none:before {
    display: none;
}

.filter .tabs-link.tab-hover-none.active:before {
    display: block;
}

.filter .depart-time-label .fa,
.filter .depart-time-label .filter input[type="checkbox"]+label:before
.filter .filter .depart-time-label input[type="checkbox"]+label:before
 {
  width: 30px;
  height: 23px;
  position: absolute;
  left: 50%;
  top: 8px;
  margin: 0 0 0 -15px;
  float: left;
}


.filter #filter-rating{
  display: flex;
  justify-content: center;
}

/*lab Form*/
.title{
font-size: 18px !important;
text-align: center !important;
padding: 15px !important;
}
#labBookingForm .tt-selectable:before {
 content: "Dr. " !important;
}
/*#patient_prescription_lines .tt-selectable:before {
 content: "" !important;
}
.diagnostic_test_master_search .tt-selectable:before {
 content: "" !important;
}*/
/*.modal .modal-content{
padding: 0 !important;
}*/

ul.stepper.horizontal .step-actions{
background-color: transparent !important;
position: initial !important;
padding: 0px 15px !important;
}



#labBookingForm ul.stepper.horizontal .step-actions{
padding: 0px !important;
}


/*.modal-overlay {
z-index: 1000 !important;
}*/

#labBookingModal.modal
{
max-height: unset !important;
}
#labBookingModal.modal .video-type .title {
font-size: 18px !important;
text-align: center !important;
margin-bottom: 20px !important;
}

#labBookingModal.modal .video-type .choice, #modal-referral .choice {
text-align: center !important;
cursor: pointer !important;
margin-top: 20px !important;
}

#labBookingModal.modal .video-type .choice .icon, #modal-referral .choice .icon,
#homeAlertModal .choice .icon {
text-align: center !important;
vertical-align: middle !important;
height: 116px !important;
width: 116px !important;
border-radius: 50% !important;
color: #999999 !important;
margin: 0 auto 20px !important;
border: 4px solid #CCCCCC !important;
transition: all 0.2s !important;
-webkit-transition: all 0.2s !important;
}
#printableArea #homeAlertModal .choice .icon {
height: 80px !important;
width: 80px !important;
}
#labBookingModal.modal .video-type .choice.active .icon, #modal-referral .choice.active .icon {
border-color: var(--cdp-primary-color, #1e558c) !important;
color: var(--cdp-primary-color, #1e558c) !important;
}
#labBookingModal.modal .video-type .choice.active i, 
#labBookingModal.modal .video-type .choice.active h6, 
#labBookingModal.modal .video-type .choice.active .price, 
#modal-referral .choice.active i, 
#modal-referral .choice.active h6, 
#modal-referral .choice.active .price {
color: var(--cdp-primary-color, #1e558c) !important;
}

#labBookingModal.modal .video-type .choice i, #modal-referral .choice i, #homeAlertModal .choice i, #ambulanceBookingModal.modal .video-type .choice i{
font-size: 40px !important;
line-height: 111px !important;
margin-left: -20px !important;
color: #999999 !important;
}
#homeAlertModal .choice i.multi_icons {
font-size: 25px !important;
line-height: 111px !important;
margin-left: 0px !important;
color: #999999 !important;
}
#labBookingModal.modal .video-type .choice h6, #modal-referral .choice h6, #ambulanceBookingModal.modal .video-type .choice h6, #modal-referral .choice h6 {
  color: #999999 !important;
  font-family: lato-regular !important;
  font-size: 15px !important;
}
/*#modal-referral{
height: 80% !important;
    max-height: 80%;
}*/


.icon i.circle {
font-size: 24px;
line-height: 62px;
color: #fff;
background-color: #999;
text-align: center;
cursor: pointer;
}
.icon .circle {
position: relative;
margin-right: 16px;
margin-bottom: 16px;
float: left;
width: 60px;
height: 60px;
overflow: hidden;
left: 15px;
display: inline-block;
vertical-align: middle;
    padding-left: 5px;
}
/*.instagram {
display: inline-block;
text-align: center;
color: #fff;
font-size: 220px;
line-height: 250px;
vertical-align: middle;
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}*/
#screeningCamp-modal {
max-height: 73%;
}
#labBookingModal.modal .row.dates-container, #screeningCamp-modal.modal .row.dates-container {
background: gainsboro !important;
}
#labBookingModal.modal .row.dates-container .date, #screeningCamp-modal.modal .row.dates-container .date{
padding: 5px 0 !important;
margin: 0 !important;
cursor: pointer !important;
}
#labBookingModal.modal .row.dates-container .date.active, #screeningCamp-modal.modal .row.dates-container .date.active {
color: #fff !important;
background: var(--cdp-primary-color, #1e558c) !important;
}
#labBookingModal.modal .row.dates-container .date.active i, #screeningCamp-modal.modal .row.dates-container .date.active i {
color: #fff !important;
}
#labBookingModal.modal .row.dates-container .date-title, #screeningCamp-modal.modal .row.dates-container .date-title {
font-size: 11px !important;
font-family: lato-regular !important;
}
#labBookingModal.modal .row.dates-container .date-month, #screeningCamp-modal.modal .row.dates-container .date-month {
font-family: lato-semibold !important;
font-size: 16px !important;
}
#labBookingModal.modal .row.dates-container .date-day, #screeningCamp-modal.modal .row.dates-container .date-day {
font-family: lato-regular !important;
font-size: 11px !important;
}
#labBookingModal.modal .row.dates-container .choose-date, #screeningCamp-modal.modal .row.dates-container .choose-date {
font-size: 18px !important;
padding: 5px 0px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
#labBookingModal.modal .row.dates-container .choose-date input#apmnt-date, #screeningCamp-modal.modal .row.dates-container .choose-date input#apmnt-date {
height: 1rem !important;
border: 0 !important;
width: 125px !important;
}
#labBookingModal.modal .row.dates-container .choose.date.active input#apmnt-date, #screeningCamp-modal.modal .row.dates-container .choose.date.active input#apmnt-date {
color: #fff !important;
font-size: 14px !important;
font-family: lato-semibold !important;
cursor: pointer !important;
}
#labBookingModal.modal .slots-container .session, #screeningCamp-modal.modal .slots-container .session {
padding: 14px 0 0 0 !important;
border-bottom: 1px solid #f0f0f5 !important;
min-height: 60px !important;
}

#labBookingModal.modal .slots-container .session-title, #screeningCamp-modal.modal .slots-container .session-title {
color: grey !important;
}

#labBookingModal.modal .slots-container .slot, #screeningCamp-modal.modal .slots-container .slot {
padding: 4px!important;
letter-spacing: normal!important;
margin-bottom: 15px!important;
}
#labBookingModal.modal .slots-container .slots, #screeningCamp-modal.modal .slots-container .slots {
letter-spacing: -.31em!important;
text-rendering: optimizespeed!important;
flex-flow: row wrap!important;
display: -ms-flexbox!important;
-ms-align-content: flex-start!important;
align-content: flex-start!important;
}
#labBookingModal.modal .slots-container span.time, #screeningCamp-modal.modal .slots-container span.time {
width: 84px!important;
border-radius: 3px!important;
border: 1px solid #e0e0e4!important;
padding: 5px 0!important;
/* display: inline-block; */
text-align: center!important;
color: var(--cdp-primary-color, #1e558c)!important;
cursor: pointer!important;
padding: 5px!important;
letter-spacing: normal!important;
font-size: 14px!important;
}
#labBookingModal.modal .slots-container span.time:hover, #screeningCamp-modal.modal .slots-container span.time:hover {
border-radius: 3px!important;
color: #fff !important;
background: var(--cdp-primary-color, #1e558c)!important;
border: 1px solid var(--cdp-primary-color, #1e558c)!important;
}
#labBookingModal.modal .slots-container span.time.active, #screeningCamp-modal.modal .slots-container span.time.active {
border-radius: 3px!important;
color: #fff !important;
background: var(--cdp-primary-color, #1e558c)!important;
border: 1px solid var(--cdp-primary-color, #1e558c)!important;
}
#screeningCamp-modal.modal .slots-container span.time.click_disable{  
pointer-events: none;
background: #d9d9d9;
color: #7d7d7d !important;
}
#labBookingModal.modal .slots-container .no-slots, #screeningCamp-modal.modal .slots-container .no-slots {
height: 300px!important;
display: flex!important;
align-items: center!important;
font-size: 18px !important;
justify-content: center !important;
}
.booking-modal-container .overlay-block {
  height: 10% !important;
}
.lab_cnt{
padding: 0 !important;
}
.zero_tr tr{
  line-height: 0px;
}
/* Surgery booking index */
.surgery_cnt .collection.with-header .collection-item {
  width: 100%;
}

ul.stepper.horizontal.surgery_form .step-content {
    position: absolute !important;
    height: calc(66% - 84px) !important;
    overflow-y: auto !important;
    overflow-x: auto !important;
  }
  ul.stepper.horizontal.surgery_form .step-actions {       
    position: initial !important;
    background-color: transparent !important;
    top: 80% !important;
  }
  ul.stepper.surgery_form .step-content .row {
      width: 100% !important;
  }
ul.stepper.horizontal.surgery_form .step-content {
  padding: 20px 20px 76px !important;
}
.surgery_form .picker__date-display {
background-color: #5aaf50 !important;
}
.surgery_form .picker__footer .clockpicker-button {
  background-color: #5aaf50 !important;
  color: #FFF !important;
}

.indetation{
padding-left: 15px !important;
}
.body-template .divider{
border-top: 1px solid rgba(160,160,160,0.2);
margin-bottom: 10px;
}

/*prescription Header Show css*/
.prescription-block .divider{
  border-top: 1px solid rgba(160,160,160,0.2);
  margin-bottom: 10px;
}
.prescription-block {
  padding: 20px;
  border-radius: 0 0 2px 2px;
}
.prescription-content {
  padding: 20px;
  border-radius: 0 0 2px 2px;
}

.prescription-block td, .prescription-blockth{
  text-align: center;
  vertical-align: middle !important;
}
.prescription-block #gallery_01{
margin-top: 10px;
}
.prescription-block .prescription-image{
height: 380px;
width: 100%;
}
.prescription-block .prescription-image-zoom{
height: 100%;
}
.prescription-block .bold-text{
font-weight: bold;
}

/*prescription Viewhtml css*/
table.presc_view th{
  vertical-align: middle;
  text-align: center;
}
.referral{
  word-break: break-all;
}

/*Programe Mananger css */
.demographic-tiltle{
font-family: sans-serif;
font-weight: 600;
font-size: 15px;
margin-bottom: 5px;

}
.demographic-data{
font-family: sans-serif;
font-size: 15px;
margin-bottom: 5px;
}



/*Doctor view */
/*doctor_user_profile_request css*/
#profile-req .card.horizontal {
  width: 70%;
  margin-left: 15%;
}
.signin-container {
  padding-top: 5vh;
  height: 100vh;
  width: 100vw;
  background-size: 100% !important;
  background-image:none;
}
#profile-req{
margin-top: 8%;
}

/*dietician view */
.dietician_cnt.patient-details-container .search-container{
padding-bottom: 10px !important;
}

.abc{
  color: red !important;
  font-size: 18px;
}

/*program-manager_view*/
/* _Dashboard */
.program-manager-dashboard #graph .card {
padding: 20px 10px !important;
}
#month-picker .select-wrapper{
margin-top: -20px;
}
.program-manager-dashboard .caption{
  margin-bottom: 15px !important;
}
#example_wrapper{
  width: 100%;
}
#tiles .row .col.m2 {
width: 14.2% !important;
}
.program-manager-dashboard #tiles .card .card-title{
  font-size: 14px !important;
}


#ui-datepicker-div {
display: none !important;
}

.event_patients_list [type="checkbox"] + label {
  padding-left: 20px;
}


/*insurance_policydetails*/
.brokerage h5{
  color: #222;
}
.brokerage .corp-address-form ul:not(.browser-default) {
  padding: 0px;
}

.brokerage .corp-address-form ul:not(.browser-default) li {
  padding: 0px;
}
.brokerage .sum-insured-list ul:not(.browser-default) {
  padding: 0px;
}
.brokerage .sum-insured-list ul:not(.browser-default) li {
  margin: 0px;
}
.brokerage .coverage-list ul:not(.browser-default) {
  padding: 0px;
}
.brokerage .coverage-list ul:not(.browser-default) li {
  margin: 0px;
}
.brokerage .citys_list ul:not(.browser-default) {
  padding: 0px;
}
.brokerage .citys_list ul:not(.browser-default) li {
  margin: 0px;
}
.brokerage .business-type ul:not(.browser-default) {
  padding: 0px;
}
.brokerage .business-type ul:not(.browser-default) li {
  margin: 0px;
}
.brokerage .claimOptions ul:not(.browser-default) {
  padding: 0px;
}
.brokerage .claimOptions ul:not(.browser-default) li {
  margin: 0px;
}
.brokerage .selectOptions ul:not(.browser-default) {
  padding: 0px;
}
.brokerage .selectOptions ul:not(.browser-default) li {
  margin: 0px;
}

.brokerage ul:not(.browser-default).collapsible {
  padding: 15px;
}
.brokerage ul:not(.browser-default) li {
  margin: 5px;
}
.collapsible-body {
  border: none;
  padding: 1rem;
}

 .square-box {
  border: 1px solid #CCC;
  padding: 5px;
}
.brokerage .collapsible-header{    
  background-color: var(--cdp-primary-color, #1e558c) !important;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.brokerage .collapsible-header.active{
  background-color: var(--cdp-primary-color, #1e558c) !important;
}
.brokerage .collapsible-header i{
  color: #FFF;
}
.brokerage .collapsible-header.active i.expand { /* IE 9 */ /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

span.bip_input{
position: absolute;
left: 30px;
}

.patient-details-container label {
  color: #969696 !important;
  font-size: 1rem;
  line-height: 1.9;
  float: left;
}
.patient-details-container label.active {
  font-size: 0.8rem;
}
#panel label, #panel-2 label{
  font-size: .8rem !important;
}
.patient-details-container label.cb {
   width: 1%;
}
.brokerage .square-box .label-box{
  border-right: 2px solid #ccc;
}
/*.brokerage  .select-wrapper input.select-dropdown {
  border: none;
}*/
h5.policy_details{
  background: #0f568e;
  color: #FFF;
  padding: 8px;
}
h6 {
  font-size: 1.3rem !important;
  margin: 1.5rem 0 0.4rem 0 !important;
  font-weight: bold !important;
}
#edit[disabled],
[disabled] > #edit {
  color: lightgrey;
  /*or*/ opacity: 0.8;
  cursor: not-allowed;
}
i.right {
  cursor: pointer;
}
.control-label .text-info { display:inline-block; }
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
  left: 145px;
  z-index: 2;
  width: 20px;
  height: 20px;
  }
.patient-details-container .search-container {
  margin-bottom: 5px;
  padding: 0;
}
.row .tabl {
  padding-left: 0;
}
.show_field{
  border-bottom: 1px solid #CCC;
  margin: 5px auto 10px;
  padding-bottom: 10px;
}
.policy_box{
  border: 2px solid #999;
  padding: 10px;
  border-radius: 2px;
}

/*policymanagement_claimAnalysis*/
.rTable {
    display: table;
    width: 100%;
}
.rTableRow {
    display: table-row;
}
.rTableRow form{
  width: 100%;
  display: contents;
}
.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
}
.rTableHead {
    display: table-cell;
    padding: 10px;
    background-color: #999;      
    border: 1px solid #ddd;
    color: white;
}
.rTableCell {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #ddd;
    padding-top: 12px;
    padding-bottom: 12px;
}
.rTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold;
}
.rTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd;
}
.rTableBody {
    display: table-row-group;
}
.upld-btn.file-field .btn, .upld-btn.file-field .btn-large {
  height: 50px !important;
  width: 50px !important;
  border-radius: 50px !important;
  padding: 10px 25px !important;
  line-height: 2rem !important;
}
.upld-btn.file-field span {
cursor: pointer !important;
text-align: center !important;
margin: -15px !important;
}
.upld-btn.file-field .btn i {
  font-size: 2rem !important;
  line-height: inherit !important;
}

.patient-details-container.body-container.brokerage.endor .search-container{
padding: 10px !important;
}

.patient-details-container.body-container.brokerage.endor ul.select-dropdown {
  position: absolute !important;
}

.search-container.pm_index .actions-block .new-record{
  margin-left: 10px !important;
}
.import-loading{
  background: rgba(0,0,0,0.5) !important;
  z-index: 1039 !important;
}

.search-container.pm_index img#loading {
  height: 232px !important;
  width: 202px !important;
  top: -24% !important;
  left: 30% !important;
  position: absolute !important;
}
.search-container.pm_index {
  background: white !important;    
  padding: 2% !important;
  box-shadow: 0px 2px 10px grey !important;
  margin: 2% 5% !important;
}

.search-container.pm_index .table-container{
  padding: 0px 20px !important;
}
/*.msg-card{
  padding: 10px !important
}*/
#msg-modal textarea.materialize-textarea {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #969696;
}
.employee_master_search .input-field input[type=search] {

  height: 3rem !important;
}

#newEmp {
  width: 75%;
}

.new_corporate_event_master input:not([type]), .new_corporate_event_master input[type=text], 
.new_corporate_event_master input[type=email],
.new_corporate_event_master input[type=time], .new_corporate_event_master input[type=date], 
.new_corporate_event_master input[type=datetime],
.new_corporate_event_master input[type=datetime-local], .new_corporate_event_master input[type=tel], .new_corporate_event_master input[type=number], 
.new_corporate_event_master textarea.materialize-textarea{
  border-bottom: 1px solid #969696 !important;
}
.new_group_master input:not([type]), .new_group_master input[type=text], 
.new_group_master input[type=email],
.new_group_master input[type=time], .new_group_master input[type=date], 
.new_group_master input[type=datetime],
.new_group_master input[type=datetime-local], .new_group_master input[type=tel], .new_group_master input[type=number], 
.new_group_master textarea.materialize-textarea{
  border-bottom: 1px solid #969696 !important;
}


.recommendations-container img{
height: 1.5rem;
width: 1.5rem;
}




/*/create_prescription_cart*/

.medicine-order-container #order-cart .card .card-title {
  text-align: center;
  padding: 15px;
  background: #e2e1e1;
  font-family: lato-semibold;
  font-size: 18px;
}
.medicine-order-container #order-cart .card .item-list {
  height: 41vh;
  overflow: scroll;
}
.medicine-order-container #order-cart .card .item-list .line-item {
  line-height: 20px;
  border-bottom: 1px solid rgba(160, 160, 160, 0.2);
  padding: 10px 10px;
}
.medicine-order-container #checkout-block .row.price {
  background-color: #e2e1e1;
  line-height: 40px;
  font-family: lato-semibold;
  padding: 0 10px;
  margin-bottom: 0px !important;
}

/* pm manger no_result*/
div#error-page{
  width: 70%;
  margin: 0 auto;
}
.cyan {
  background-color: #00bcd4 !important;
}
.browser-window {
  text-align: left;
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 5px 5px 2px 2px;
  background-clip: padding-box;
  background-color: transparent;
  margin: 20px 0px;
  overflow: hidden;
}

.browser-window .top-bar {
  height: 30px;
  border-radius: 5px 5px 0px 0px;
  border-top: thin solid rgb(234, 234, 233);
  border-bottom: thin solid rgb(223, 223, 222);
  background: linear-gradient(rgb(231, 231, 230), rgb(226, 226, 225));
}

.browser-window .content {
  width: 100%;
  display: inline-block;
  background-color: rgb(250, 250, 250);
  margin: 0px;
  border-radius: 0px 0px 5px 5px;
}
#site-layout-example-top {
  background-color: rgb(229, 115, 115);
  height: 50px;
}
#site-layout-example-right {
  /*background-color: rgb(38, 166, 154);*/
  /*background-color: rgb(229, 115, 115);*/
  height: 25%;
}

/*.text-long-shadow {
  text-shadow: rgb(29, 125, 116) 1px 1px, rgb(29, 125, 116) 2px 2px, rgb(29, 125, 116) 3px 3px, rgb(29, 125, 116) 4px 4px, rgb(29, 125, 116) 5px 5px, rgb(29, 125, 116) 6px 6px, rgb(29, 125, 116) 7px 7px, rgb(29, 125, 116) 8px 8px, rgb(29, 125, 116) 9px 9px, rgb(29, 125, 116) 10px 10px, rgb(29, 125, 116) 11px 11px, rgb(29, 125, 116) 12px 12px, rgb(29, 125, 116) 13px 13px, rgb(29, 125, 116) 14px 14px, rgb(29, 126, 117) 15px 15px, rgb(29, 128, 119) 16px 16px, rgb(30, 130, 120) 17px 17px, rgb(30, 132, 122) 18px 18px, rgb(30, 133, 124) 19px 19px, rgb(31, 135, 125) 20px 20px, rgb(31, 137, 127) 21px 21px, rgb(32, 139, 129) 22px 22px, rgb(32, 141, 130) 23px 23px, rgb(32, 142, 132) 24px 24px, rgb(33, 144, 134) 25px 25px, rgb(33, 146, 135) 26px 26px, rgb(34, 148, 137) 27px 27px, rgb(34, 149, 139) 28px 28px, rgb(34, 151, 140) 29px 29px, rgb(35, 153, 142) 30px 30px, rgb(35, 155, 144) 31px 31px, rgb(36, 157, 145) 32px 32px, rgb(36, 158, 147) 33px 33px, rgb(36, 160, 149) 34px 34px, rgb(37, 162, 150) 35px 35px, rgb(37, 164, 152) 36px 36px, rgb(38, 166, 154) 37px 37px;
  background-color: rgb(38, 166, 154);
  width: 100%;
  font-size: 10rem;
  text-align: center;
  color: rgb(255, 255, 255);
  padding: 20px 0px !important;
}*/

.browser-window .circles {
  margin: 5px 12px;
}
.browser-window .circle {
  height: 10px;
  width: 10px;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background-color: white;
  margin-right: 1px;
}
#close-circle {
  background-color: #FF5C5A;
}
#minimize-circle {
  background-color: #FFBB50;
}
#maximize-circle {
  background-color: #1BC656;
}

/*/pathologist*/
#tab { display:inline-block; 
     margin-left: 40px; }

#modalPreview.modal {
width: 40% !important;
}
#modalPreview .modal-content h4{
color: #ff2e2e;
}
#modalPreview .modal-content p{
line-height: 25px;
}

#modalPreview a.cbtn{
float: left;
margin-left: 1rem !important;
}

.path_manage.container .row {
  margin-left: 0;
  margin-right: 0;
}

div.print_prescription-form-modal .patient-details tr {
  border-bottom: 0.5px dotted #efebeb;
}

/*RFQ*/
table.example-table, .example-table td { border: 1px solid grey; border-collapse: collapse; }
table.example-table tr.header{
background-color: #CCC;
font-weight: bold;
}
table.example-table td{width: 50%;}

.show_field{
  border-bottom: 1px solid #CCC;
  margin: 5px auto 10px;
  padding-bottom: 10px;
}
.policy_box{
  border: 2px solid #999;
  padding: 10px;
  border-radius: 2px;
}
.policy_box.fonts label{
  font-size: .8rem !important;
}

/*rfq_policy_details*/

.input-field span.rupee{
  position: absolute !important;
  top: 16px !important;
  left: -10px;
  
}

.input-field span.cal-ico{
  position: absolute !important;
  top: 15px !important;
  right: 5px;
}

.input-field span.cal-ico i{ 
  color: grey;    
  font-size: 18px;
}


.square-box input[type=number] {
  height: 2rem;
}

.form_in_place input[type=text] {
width: 90%;
}
.collapsible-body span.bip_input{
position: absolute;
}
.collapsible-body ul.dropdown-content:not(.browser-default) {
position: absolute;
}
.brokerage .claimOptions ul:not(.browser-default) {
  padding: 0px;
  position: absolute;
  width: 100%;
}

/*New_ipd*/
#ip_class_modal ul:not(.browser-default) {
position: absolute;
}
#ip_class_modal{
width: 99%;
max-height: 98% !important;
top: 1% !important;
height: 98%;
}


#patient_test_recommendation_detail_search .select2-container--default .select2-selection--multiple,
#patient_test_recommendation_detail_search .select2-container--default.select2-container--focus .select2-selection--multiple {
  height: auto !important;
}

.rec_info .row {
margin-left: 0 !important;
margin-right: 0 !important;
}



#signin_link_modal{
background: url('https://s3-ap-southeast-1.amazonaws.com/nanohealth-images/profile_screen2.png') no-repeat center center;
background-size: cover;
height: 100%;
}

#signin_link_modal .modal-close{
  color: #333;
  position: absolute;
  right: 17px;
  top: 10px;
  font-size: 10px;
  background-color: #ccc;
  padding: 0px 5px;
}
#signin_link_modal .content_link{
  position: absolute;
  top: 44%;
  right: 17%;
  text-align: left;
}
#signin_link_modal .content_link h6{
margin: 5px 0 !important;
}
#signin_link_modal .content_link p{
margin: 0 !important;
font-size: 13px
}


/*New Modal Styles nh_modal*/

.nh_modal {
/*  max-height: unset !important;
*//*  top: 18% !important;
*/
overflow-y: hidden !important;
position: relative;
border-radius: 10px !important;
}
.nh_modal .modal-content, .recordings-container  .modal-content {
padding: 0 !important;
}
.nh_modal .modal-content .header_patch, .nh_modal .tw-modal-body .header_patch, .recordings-container .modal-content .header_patch, .video-consultation-container .header_patch, #addPrescription .header_patch, #new_brand_entry_popup .header_patch, .form_header_patch{
background-color: var(--cdp-primary-color, #1e558c);
padding: 10px 0;
  text-align: right;
  border-bottom: 3px solid #E3E3E3;
}
#active .header_patch{
background-color: var(--cdp-primary-color, #1e558c);
height: 45px;
padding: 10px;
text-align: right;
border-bottom: 3px solid #E3E3E3;
}
#addPrescription .header_patch.fixed_header, #new_brand_entry_popup .header_patch.fixed_header, #addDischargeSummary .header_patch.fixed_header {
position: fixed !important;
width: 95% !important;
z-index: 2 !important;
}
.recordings-container .modal-content .header_patch.alert_color, #addprescription .alert_color, .modal-content .header_patch.alert_color{
background-color: #ce2323 !important;
}
.nh_modal .modal-content .header_patch h5 i, 
.recordings-container .modal-content .header_patch h5 i, 
#addPrescription .modal-content .header_patch h5 i, #new_brand_entry_popup .modal-content .header_patch h5 i{
color: #FFF !important;
}
.nh_modal .modal-content .header_patch .row, 
.recordings-container  .modal-content .header_patch .row{
margin-top: 5px;
}
.nh_modal .nh_close, .recordings-container .nh_close, .video-consultation-container .nh_close, #addPrescription .nh_close, #new_brand_entry_popup .nh_close{
color: #333;
/*position: absolute;
right: 17px;
top: 10px;*/
/*font-size: 18px;*/
background-color: #f5f5f5;
/*    padding: 0px 10px 3px 10px;
*/    border-radius: 50%;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
display: block !important;
}
.nh_modal .nh_close.btn_sugst, .recordings-container .nh_close.btn_sugst, .video-consultation-container .nh_close.btn_sugst, #addPrescription .nh_close.btn_sugst,
.nh_modal .nh_close.btn_dss_sugst, .recordings-container .nh_close.btn_dss_sugst, .video-consultation-container .nh_close.btn_dss_sugst, #addPrescription .nh_close.btn_dss_sugst,
.nh_modal .nh_close.btn_cmpl_sugst, .recordings-container .nh_close.btn_cmpl_sugst, .video-consultation-container .nh_close.btn_cmpl_sugst, #addPrescription .nh_close.btn_cmpl_sugst,
.nh_modal .nh_close.btn_cmrb_sugst, .recordings-container .nh_close.btn_cmrb_sugst, .video-consultation-container .nh_close.btn_cmrb_sugst, #addPrescription .nh_close.btn_cmrb_sugst{
right: 20px;
top: -20px;
}

.nh_modal span.btn-floating {
    width: 50px !important;
    position: absolute;
    top: 0;
    right: 0px !important;
    height: 45px !important;
    border-radius: 0 5px 0 0px;
    box-shadow: none;
    background-color: transparent !important;
}
.nh_modal span.nh_close i {
    font-size: 25px !important;
    line-height: 45px !important;
}

.video-consultation-container .nh_close.btn_sugst, 
.video-consultation-container .nh_close.btn_dss_sugst, 
.video-consultation-container .nh_close.btn_cmpl_sugst,
.video-consultation-container .nh_close.btn_cmrb_sugst{
right: 10px;
top: -30px;
display: block !important;
}
.nh_modal .nh_close i, .recordings-container .nh_close i, .video-consultation-container .nh_close i, #addPrescription .nh_close i, #new_brand_entry_popup .nh_close i{
  background-color: transparent !important; /*var(--cdp-primary-color, #1e558c);*/
  color: #FFFFFF !important; /*var(--cdp-primary-color, #1e558c);*/

  display: block !important;
}
.nh_modal .nh_close i:hover, .recordings-container .nh_close i:hover,  .video-consultation-container .nh_close i:hover,  #addPrescription .nh_close i:hover, #new_brand_entry_popup .nh_close i:hover{  
  background-color: #d62e2e !important; /*var(--cdp-primary-color, #1e558c);*/
  color: #FFFFFF !important; /*var(--cdp-primary-color, #1e558c);*/
}
.nh_modal.modal .modal-footer{
position: fixed !important; 
bottom: 0 !important; 
width: 100% !important; 
left: 0 !important; 
background-color: #f7f7f7 !important; 
padding: 15px 15px !important;
z-index: 2;
min-height: 62px !important;
}
/* Flex-modal: modals that use display:flex (data-tw-display="flex") so footer stays inside */
.nh_modal.modal.tw-flex-modal {
  flex-direction: column !important;
  max-height: 88vh !important;
  overflow: hidden !important;
}
.nh_modal.modal.tw-flex-modal .tw-modal-body {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  min-height: 0 !important;
  background-color: #FFFFFF !important;
}
.nh_modal.modal.tw-flex-modal > .modal-footer {
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  flex-shrink: 0 !important;
  background-color: #f7f7f7 !important;
  padding: 15px !important;
  min-height: 56px !important;
  z-index: 2;
}

.nh_modal.modal .modal-footer1{
position: fixed !important;
bottom: 38% !important;
width: 85% !important;
left: 7.5% !important;
background-color: #f7f7f7 !important; 
padding: 15px 15px !important;
z-index: 2;
min-height: 62px !important;
}
.recordings-container .modal_body{
padding: 2% 0px 2% 2%;
}
.nh_modal .modal_body{
padding: 2%;
margin: 0 !important;
overflow-y: auto;
height: 400px;
background-color: #FEFEFE;
}
.patient-details-container .btn.clear_btn, .btn.clear_btn,
.user-selft-record-container .btn.clear_btn, .btn.clear_btn_ins {
background-color: #969696  !important;
/* background-color: #FF852E !important; */
}
.nh_close.btn-floating:hover {
  background-color: #f5f5f5 !important;
}
.nh_modal .header_patch h5, .nh_modal .tw-modal-body .header_patch h5, #active .header_patch h5, .recordings-container .header_patch h5, .video-consultation-container .header_patch h5, #addPrescription .header_patch h5, #new_brand_entry_popup .header_patch h5{
color: #fff !important;
padding: 0;
margin: 0;
font-size: 1.5rem;
}

.nh_modal.modal .modal-footer .btn {
margin: 0;
}

#clinicBookingModal.modal.nh_modal .btn-close {
right: 10px;
left: auto;
}

.modal.nh_modal ul.stepper {
margin-top: 0;
}

.nh_modal .test-heading {
  margin: 10px 0px 0px 0px !important;
}

#self_report_modal.nh_modal .modal_body {
  height: 300px;
}


.video-consultation-container img.header-image, .video-consultation-container img.footer-image{
width: 100% !important;
}
.video-consultation-container .medicine-list img{
height: 25px !important;
}
.video-consultation-container .patient-details tr,
.video-consultation-container .clinical-findings tr:first-child,
.video-consultation-container .medicine-list tr:first-child,
.video-consultation-container .print_lab_tests tr:first-child,
.video-consultation-container .print_comments tr:first-child,
.video-consultation-container .referral-details tr {
  border-bottom: 0.5px dotted black !important;
}
.video-consultation-container label, 
.video-consultation-container .label {

font-size: 1rem ;
font-family: lato-semibold;
color: var(--cdp-primary-color, #1e558c) !important;

}
.video-consultation-container .precription-details .legend {
float: right;
padding: 5px 0;
font-size: 12px;
font-family: lato-semibold;
color: var(--cdp-primary-color, #1e558c) !important;

}

.video-consultation-container .fa.fa-times-circle {
line-height: 50px !important;

}
.video-consultation-container .new_doctor_visit ul.collapsible .collapsible-body {

padding: 15px 0rem !important;

}
.video-consultation-container .edit_doctor_visit ul.collapsible .collapsible-body {

padding: 15px 0rem !important;

}
/*Stepper modal Css*/
@media only screen and (min-width: 993px) {
.nh_modal ul.stepper.horizontal:before {
  min-height: 50px !important;
}
.nh_modal ul.stepper.horizontal .step  {
  height: 50px !important;
}
.nh_modal ul.stepper.horizontal .step-title {
  line-height: 50px;
  height: 50px;
  background: #FFF;
  
}
.nh_modal ul.stepper.horizontal .step .step-title:before {
  position: absolute;
  top: 10px;
}
#clinicBookingModal.nh_modal ul.stepper.horizontal .step-content,
#labBookingModal.nh_modal ul.stepper.horizontal .step-content,
#ambulanceBookingModal.nh_modal ul.stepper.horizontal .step-content{
  padding: 15px 15px 0;
}

#clinicBookingModal.nh_modal ul.stepper.horizontal,
#labBookingModal.nh_modal ul.stepper.horizontal,
#ambulanceBookingModal.nh_modal ul.stepper.horizontal{
  min-height: 400px;
  margin-bottom: 0;
}
#clinicBookingModal.nh_modal ul.stepper.horizontal .step-content,
#labBookingModal.nh_modal ul.stepper.horizontal .step-content,
#ambulanceBookingModal.nh_modal ul.stepper.horizontal .step-content{
  height: calc(110% - 84px);
}
#modal1.nh_modal ul.stepper.horizontal{
  min-height:400px;
  margin-bottom: 0;
}
}
#clinicBookingModal.modal.nh_modal .video-type .title, 
#labBookingModal.modal.nh_modal .video-type .title, 
#ambulanceBookingModal.modal.nh_modal .video-type .title{
  margin-bottom: 0 !important;
  padding: 0 !important;
}
#clinicBookingModal.modal.nh_modal .video-type .choice h6,
#labBookingModal.modal.nh_modal .video-type .choice h6,
#ambulanceBookingModal.modal.nh_modal .video-type .choice h6 {
padding: 0 !important;
}
#clinicBookingModal.modal.nh_modal, #labBookingModal.modal.nh_modal, .modal.recordings-container.nh_modal {
min-height: auto !important;
width: 65% !important;
}

#clinicBookingModal.modal.modal.nh_modal ul.stepper, #ambulanceBookingModal.modal.modal.nh_modal ul.stepper, 
#labBookingModal.modal.modal.nh_modal ul.stepper
#modal1.modal.modal.nh_modal ul.stepper, #modalProcedure.modal.modal.nh_modal ul.stepper, #modalProcedurePkg.modal.modal.nh_modal ul.stepper  {
  min-height: 400px !important;
  margin: 0 !important;
}
#clinicBookingModal.modal.nh_modal ul.stepper .step-content, #ambulanceBookingModal.modal.nh_modal ul.stepper .step-content{
  top: 10%;
}
#labBookingModal.modal.nh_modal ul.stepper .step-content {
  top: 10%;
}
#modal1.modal.nh_modal ul.stepper .step-content, #modalRoom.modal.nh_modal ul.stepper .step-content, #modalProcedure.modal.nh_modal ul.stepper .step-content, #modalProcedurePkg.modal.nh_modal ul.stepper .step-content {
padding: 15px 15px 0 !important;
top: 5%;
height: calc(110% - 84px) !important;
}

ul.stepper .step-title:hover{
background-color: transparent !important;
cursor: auto !important;
}
.patient-header-details .medical-conditions {
  height: 100%;
  padding-left: 0rem !important;
}

.add-prescription-buttons .options img{
  margin-top: -6px !important;
  border-radius: 5px;
}

/*New Patient details Page*/

.sticky_links .fixed-action-btn{
right: 5px !important;
}
.sticky_links .fixed-action-btn .btn-floating{
background-color: #2e8dcb !important;
}
.sticky_links .fixed-action-btn.horizontal ul {
right: 35px !important;
top: 5% !important;
/*height: 17% !important;*/
}
/*.journey-patient-profile .fixed-action-btn.dashbrd_nav {
top:  18% !important;
}
.journey-patient-profile .fixed-action-btn.patients_nav {
top: 25% !important;
}
.journey-patient-profile .fixed-action-btn.appointments_nav {
top: 32% !important;
}
.journey-patient-profile .fixed-action-btn.reports_nav {
top: 39% !important
}
.journey-patient-profile .fixed-action-btn.inventory_nav {
top: 46% !important;
}*/

.sticky_links .fixed-action-btn.dashbrd_nav {
bottom: 350px !important;
}
.sticky_links .fixed-action-btn.appointments_nav {
bottom: 300px !important;
}
.sticky_links .fixed-action-btn.reports_nav {
bottom: 250px !important;
}
.sticky_links .fixed-action-btn.inventory_nav {
bottom: 200px !important;
}
.sticky_links .fixed-action-btn.billing_reports_nav {
bottom: 150px !important;
}
.sticky_links .fixed-action-btn.pharmacy_reports_nav {
bottom: 150px !important;
}
.sticky_links .fixed-action-btn.forms_nav {
bottom: 100px !important;
}

.sticky_links .fixed-action-btn .fa {
  padding-right: 0 !important;
}

.sticky_links .fixed-action-btn.horizontal ul li {
text-align: center;
}

#labBookingModal.modal .referral-type .title {
font-size: 18px !important;
text-align: center !important;
margin-bottom: 20px !important;
}

#labBookingModal.modal .referral-type .choice {
text-align: center !important;
cursor: pointer !important;
margin-top: 20px !important;
}

#labBookingModal.modal .referral-type .choice .icon {
text-align: center !important;
vertical-align: middle !important;
height: 116px !important;
width: 116px !important;
border-radius: 50% !important;
color: #999999 !important;
margin: 0 auto 20px !important;
border: 4px solid #CCCCCC !important;
transition: all 0.2s !important;
-webkit-transition: all 0.2s !important;
}

#labBookingModal.modal .referral-type .choice.active .icon {
border-color: var(--cdp-primary-color, #1e558c) !important;
color: var(--cdp-primary-color, #1e558c) !important;
}
#labBookingModal.modal .referral-type .choice.active i, #labBookingModal.modal .referral-type .choice.active h6, #labBookingModal.modal .referral-type .choice.active .price {
color: var(--cdp-primary-color, #1e558c) !important;
}

#labBookingModal.modal .referral-type .choice i {
font-size: 40px !important;
line-height: 111px !important;
margin-left: -20px !important;
color: #999999 !important;
}
#labBookingModal.modal .referral-type .choice h6 {
  color: #999999 !important;
  font-family: lato-regular !important;
  font-size: 15px !important;
}

#clinicBookingModal.modal.nh_modal .referral-type .title, 
#labBookingModal.modal.nh_modal .referral-type .title, 
#ambulanceBookingModal.modal.nh_modal .referral-type .title{
  margin-bottom: 0 !important;
  padding: 0 !important;
}
#clinicBookingModal.modal.nh_modal .referral-type .choice h6,
#labBookingModal.modal.nh_modal .referral-type .choice h6,
#ambulanceBookingModal.modal.nh_modal .referral-type .choice h6 {
padding: 0 !important;
}
.journey-patient-profile .fixed-action-btn .fa {
  padding-right: 0 !important;

}




.patient-details-container button, .patient-details-container .btn, .patient-details-container input[typt='submit'] {
  background-color: var(--cdp-primary-color, #1e558c) !important;
  color: #FFF;
}
.picker--opened .picker__frame {
  top: 5% !important;
}

.fc-scroller.fc-day-grid-container{
height: 778px !important;
}





/*Search Styles*/
.collection.with-header {  
background-color: #BFDDFF !important;
margin-top: -5px !important;  
padding: 10px !important;
padding-bottom: 5px !important;
}
#test-link a.btn.green, .test a.btn.green{
background-color: #FFF !important;
color: #333 !important;
margin: 0px 3px 5px;

}
.collection.with-header2 {  
background-color: #BFDDFF !important;
margin-top: 10px !important;  
padding: 10px !important;
padding-bottom: 5px !important;
}


.collapsible-body.screening_info .col.m1, #status-history .col.m1{
margin-left: auto !important;
  width: 14% !important;
}
.collapsible-body.screening_info .row .col i{
 display: none !important;
}
#status-history .row .col.m1 i {
  position: absolute;
  bottom: 3px;
  right: 3px;
}



/*Select Styles*/
/*.select2-results__options {
display: inline !important;
}
.select2-results{
background-color: #BFDDFF !important;
  padding: 5px !important;    
width: 250% !important;
}
.select2-results__option{
text-decoration: none;
  color: #333;
  background-color: #FFF;
  text-align: center;
  letter-spacing: .5px;
  transition: .2s ease-out;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 30px;
  padding: 0 2rem;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  margin: 3px;
}*/

ul#orders{
min-height: 200px;
overflow: scroll;
overflow-x: hidden;
}
/* .dropdown-cnt2{
min-height: 15em;
overflow: scroll;
overflow-x: hidden;
} */


#form_list [type="checkbox"].filled-in:checked + label:after,
#form_list [type="checkbox"].filled-in:checked + label:before {
top: 30px;
}
#form_list label {
width: 50px;
height: 50px;
margin-right: 15px;
border: 1px solid #CCC;
}
#form_list label img {
position: absolute;
left: 0;
width: 50px;
height: 50px;
}

.ajs-button.ajs-cancel {
float: left !important;
}
.fa-paperclip{
cursor: pointer;
}

#overlay2 {
position: fixed; /* Sit on top of the page content */
display: none; /* Hidden by default */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0; 
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
.bgd-green {
background-color: var(--cdp-primary-color, #1e558c) !important;
}
.bgd-blue {
background-color: var(--cdp-primary-color, #1e558c) !important;
}
.medBrandName_inputbox{
font-weight: bold;
}
.dur_div {
padding-left: 2px !important;
padding-right: 2px !important;
}
.end_dur_div {
padding-left: 2px !important;
padding-right: 2px !important;
}
div.recordings-container .chip {
margin: 0 0 10px 0 !important;
}
.formErrorField{
border: 1px solid #b81e1e !important;
}
.formErrorMessage{
color: tomato;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.input-field label:not(.label-icon).active {
font-size: 0.8rem;
transform: translateY(-140%);
color: var(--cdp-primary-color, #1e558c) !important;
}
.btn_round {
background-color: var(--cdp-primary-color, #1e558c);
border: none;
color: white;
padding: 0px 10px 30px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
border-radius: 50%;
height: 30px;
line-height: 30px;
height: 30px;
width: 30px;
cursor: pointer;
}


@media print {
/* Hide everything in the body when printing... */
body.printing * { display: none; }
/* ...except our special div. */
body.printing #print-only-me { display: block; }
} 

@media screen {
/* Hide the special layer from the screen. */
#print-only-me { display: none; }
}

/*global customAutocomplete.js */
.cust-autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 999;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 5px;
right: 0;
width: 120px;
font-size: 11px;

}
.cust-autocomplete-items div {
padding: 1px 2px;
cursor: pointer;
background-color: #ffffff;
color: #334987;
}
.cust-autocomplete-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.cust-autocomplete-active {
/*when navigating through the items using the arrow keys:*/
background-color: #82b7e9 !important;
color: #ffffff !important;
}
/* end global customAutocomplete.js */

.autocmplt-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 999;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
width: 45px;
font-size: 11px;

}
.autocmplt-items div {
padding: 1px 2px;
cursor: pointer;
background-color: #ffffff;
color: black;
}
.autocmplt-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.autocmplt-active {
/*when navigating through the items using the arrow keys:*/
background-color: #82b7e9 !important;
color: #ffffff !important;
}

.freq-autocmplt-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 999;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
width: 120px;
font-size: 11px;

}
.freq-autocmplt-items div {
padding: 1px 2px;
cursor: pointer;
background-color: #ffffff;
color: #334987;
}
.freq-autocmplt-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.freq-autocmplt-active {
/*when navigating through the items using the arrow keys:*/
background-color: #82b7e9 !important;
color: #ffffff !important;
}

#doctor_favourite_prescription_lines ul.dropdown-content li>a, #doctor_favourite_prescription_lines ul.dropdown-content li>span {
line-height: 16px;
padding: 3px 16px;
}

#doctor_favourite_prescription_lines ul.autocomplete-content.dropdown-content li {
min-height: 20px !important;
}

#favPrescAlertModal {
z-index: 999999 !important;
}
#dietPrescriptionNewOrEdit, #prescriptionNewOrEdit, #modalExtendRoom, #apmntSearchModal, #requirementModal, #reqData-modal,#abhaCard-modal, #abhaConsent-modal{
box-shadow: 0px 0px 5px 700px rgba(0,0,0,0.68);
}
#dietPrescriptionNewOrEdit .modal-content, #prescriptionNewOrEdit .modal-content{
padding: 0px !important;
}
#dietPrescriptionNewOrEdit .modal-content .header_patch, #prescriptionNewOrEdit .modal-content .header_patch{
height: 45px;
padding-top: 10px;
}
#dietPrescriptionNewOrEdit h5, #prescriptionNewOrEdit h5{
margin-top: 0px;
color: white !important;
width: 100%
}
#dietPrescriptionNewOrEdit .header_patch .modal-close, #prescriptionNewOrEdit .header_patch .modal-close{
position: absolute;
right: 2px;
top: 9px;
line-height: 18px;
font-size: 12px;
background-color: #f5f5f5;
height: 25px;
width: 25px;
}
#dietPrescriptionNewOrEdit span i, #prescriptionNewOrEdit span i{
font-size: 17px;
line-height: 22px;
color: var(--cdp-primary-color, #1e558c) !important;
}

.selectedHeader{
background-color: var(--cdp-primary-color, #1e558c);
color: white !important;
}

#clinicBookingModal.modal .slots-container .slots, .slots-container .slots {
display: flex !important;
}

.fc-license-message{
display: none;
}

.dropdown-content li > a > i {
font-size: 1.8rem !important;
}
.zeroMarginLeft {
margin-left: 0 !important;
}

/* Form New design Css */

h5.form_heading{
width: 100%;
background: linear-gradient(
    to left,
    rgba(20, 141, 204, 1) 0%,
    rgba(0, 173, 81, 1) 100%
  );
padding: 10px;
color: #FFF !important;
margin: 5px 0px 0px 0px !important;
}

.dropdown-card {
top: 18px !important;
text-align: left;
width: 350px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
border-radius:5px;
position: absolute;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
z-index: 1002;
display: none;
}

.blur_b{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
transition:opacity 1.3s;
z-index: 999;
display: none;
overflow: hidden;
}
.show_card {
cursor: pointer;
}
#mergeInvoiceModal {
z-index: 1006 !important;
}
#patientHistoryModal {
left: auto !important;
right: 0% !important;
top: 0% !important;
max-height: 100% !important;
width: 55% !important;
height: 100% !important;
z-index: 1005 !important;
}
#patientHistoryInfoModal {
left: auto !important;
right: 5% !important;
bottom: 10% !important;
max-height: 50% !important;
width: 50% !important;
height: 100% !important;
z-index: 1005 !important;
margin: 0 !important;
top: auto !important;
box-shadow: 0px 0px 5px 700px rgba(0,0,0,0.68);
}
#patientHistoryModal .modal_body{
padding: 5px; 
height:auto; 
max-height: 100vh !important;
margin: 0px !important;
}
#doctor-apmnt-modal {
top: 1% !important;
}

#telecaller-apmnt-modal {
  top: 1% !important;
  }

#patientMedicalSummaryModal {
left: auto !important;
right: 5% !important;
top: 1% !important;
max-height: 98% !important;
width: 70% !important;
height: 100% !important;
z-index: 1005 !important;
margin: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
bottom: auto !important;
box-shadow: 0px 0px 5px 700px rgba(0,0,0,0.68);
border-radius: 10px;
border: 1px solid #0c0a0a;
}
#schdlApmntsModal {
z-index: 998 !important;
width: 75% !important; 
max-height: 85% !important;
box-shadow: 0px 0px 5px 700px rgba(0,0,0,0.68);
}

/*
#modal1 {
      z-index: 1008 !important;
}
*/

#calender_modal {
width: 45% !important;
z-index: 9999 !important;
top: 1%;
right: 0% !important;
left: auto;
}
#modalApmntShow, #moreApmntList {
left: auto !important;
right: 0% !important;
top: 0% !important;
max-height: 100% !important;      
width: 35% !important;
z-index: 999 !important;
}
#moreApmntList {
z-index: 998 !important;
}
#modalApmntShow .modal-content, #moreApmntList .modal-content{
margin-top: -3%;
}

#modalApmntShow .modal_body, #moreApmntList .modal_body{
margin: 0 !important;
}
#modalApmntShow .nh_close, #moreApmntList .nh_close {
right: 20px !important;
top: 15px !important;
}
#modalApmntShow.apmnts_modal, #moreApmntList.apmnts_modal {
width: 50% !important;
}

#modalApmntShow.apmnts_modal .modal-content, #moreApmntList.apmnts_modal .modal-content{
margin-top: 0% !important;
}

#modalSlotCalendarShow {
left: auto !important;
right: 0% !important;
top: 0% !important;
max-height: 100% !important;
min-height: 95% !important;      
width: 35% !important;
z-index: 999 !important;
}

#modalSlotCalendarShow .modal-content{
margin-top: -3%;
}


#modalSlotCalendarShow .nh_close {
right: 20px !important;
top: 15px !important;
}
#modalSlotCalendarShow.apmnts_modal, #moreApmntList.apmnts_modal {
width: 50% !important;
}

#modalSlotCalendarShow.apmnts_modal .modal-content{
margin-top: 0% !important;
}

#modalInvoiceStatus{
z-index: 2147483650 !important;
}

#modalInvoiceStatus p{
color: #565656 !important;
}
#modalInvoiceStatus a.cbtn{
float: left;
margin-left: 1rem !important;
}
#confirmModal, #getConfirmModal, #confirmAdrsModal{
width: 35%;
height: 160px;
text-align: center;
}#confirmAlert{
text-align: center;
width: 80%;
height: 225px;
}
#rescheduleModal {
min-height: 80% !important;
}
#cancelModal,#confirmModal,#complaintsModal,#sendLink,#modalInvoiceStatus,#ConfirmIP {
z-index: 999 !important;
}
#confirmAdrsModal {
z-index: 3000 !important;
box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
  height: 200px;
}

#shareCredntialsModal {
z-index: 3000 !important;
  /* height: 320px !important; */
  /* width: 50%; */
}
#complaintsModal {
max-height: 95% !important;
width: 95% !important;
top: 5% !important;
box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
}
#getConfirmModal {
height: 200px;
width: 75% !important;
box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
}
#ConfirmIP,#groupIndex-modal {
box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
}
#rescheduleModal {
z-index: 1003 !important;
}
#newUpdates-modal, #recomendationModal, #modal_phlebotomist {
z-index: 1004 !important;
}
#mergePatientModal{
z-index: 1005 !important;
}
#shareClaimsModal {
max-height: 75% !important;
}
/* footer css */
.web-footer .sizing1{
font-size: 1.1rem !important;
}
.web-footer a{
font-size: 1.0rem !important;
}
.web-footer hr{
border: 1px solid black;
}
.web-footer .grey-text.text-lighten-4 {
color: black !important;
}

.website_master .page-footer .footer-copyright{
padding-top: 20px !important;
}
.scrrning_patch h5{
margin: 0;
padding: 5px;
border-radius: 5px !important;
}
#emp_reports_modal {
border-radius: 20px !important;
}
@media only screen and (max-width : 600px) {
.website_master .page-footer .row .col.s12{
  width:100% !important;
}
.web-footer .sizing1{
  font-size: 1.1rem !important;
}
.main-heading.nav-wrapper a.brand-logo img {
  height: 50px !important;
}
nav .brand-logo {
  padding-top: 0px !important;
  line-height: 50px;
}
.prevw_pdf_btn{
  bottom:30px !important; 
  left: 45% !important;
}
nav .sidenav-trigger {
  margin-left: -10px !important;
}
.dropdown-services {
  right: 0;
}  
.scrrning_patch h5 {
font-size: 1.5rem !important;
}
}
/* footer end */

#modalProcedure, #modalProcedurePkg{
width: 85% !important;
overflow-x: hidden;
}
#patient_rating_detail_comments {
min-height: 5rem !important;
}

/* nhassurance header */
#modalBook{
width: 35%;
}
#modalBook .modal-content{
padding: 0 !important;
}
#modalBook .header_patch{
background: #8600c9;
margin-top: -25px;
}
#modalBook .header_patch h6{
color: #FFF !important;
text-align: center;
padding: 10px;
}
#modalBook .modal-close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 25px;
  height: 25px; 
  line-height: 30px;  
}
#modalBook .btn-floating i {
  font-size: 1rem;
  line-height: 25px;
}
#modalBook .row{
padding: 15px
}
#modalBook .dropdown-content li > a, #modalBook .dropdown-content li > span {
  font-size: 14px;
  color: #8600c9;
  padding: 5px;
}
  
@media only screen and (max-width : 600px) { 
.website_cart_link img{
  margin-top: -100px !important;
}
#mobile-demo.sidenav{
  margin:0px !important;
}       
#modalBook{
  width: 90%;
}
}
.web_profile ul{
padding: 0;
list-style: none;
background: #FFF;
}
.web_profile ul li{
display: inline-block;
position: relative;
line-height: 21px;
text-align: left;
}
.web_profile ul li a{
display: block;
padding: 8px 25px;
color: #333;
text-decoration: none;
}
.web_profile ul li ul.dropdown_prfl{
min-width: 100%; /* Set width of the dropdown */
background: #FFF;
display: none;
position: absolute;
z-index: 99999;
left: -80px;
width: 150px;
box-shadow: 2px 3px 6px -2px rgba(0,0,0,0.75);
-webkit-box-shadow: 2px 3px 6px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 6px -2px rgba(0,0,0,0.75);
top: 20px;
}
.web_profile ul li:hover ul.dropdown_prfl{
display: block;	/* Display the dropdown */
}
.web_profile ul li ul.dropdown_prfl li{
display: block;
}

.name_err_contact, .email_err_contact, .phn_err_contact {
color: red;
}
#modal_self_assessment{
width: 65% !important;
border-radius: 25px;
overflow: hidden;
max-height: 75%;
}
#modal_self_assessment .modal-content{
padding: 0 !important;
}

.overlay_links {
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0, 0.9);
overflow-y: hidden;
transition: 0.5s;
}
@media only screen and (max-width : 600px) {
#modal_self_assessment{
  width: 90% !important;
}
#modalPreview.modal {
  width: 95% !important;
}
}
/* end */
/* disease Mangement css */
#dropdownDisease, #dropdownLab{
left:-65px !important;
}
#dropdownAssessment{
left:-35px !important;
}
#dropdownDisease li:hover{
background-color:#FFA6C1 !important;
}
#dropdownLab li:hover{
background-color:#FFBD99 !important;
}
#dropdownAssessment li:hover {
background-color:#b8d8FF !important;
}

.dropdown-content li > a{
line-height: 20px !important;
}
.diseaseMgmt.block2 .web_profile .button{
width:100%;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
height:65px !important;
padding:0px;
margin-bottom: 0px !important;
}
.diseaseMgmt.block2 .web_profile.a{
margin-top: auto;
width:100%;
}
.diseaseMgmt.block2 .block_bottom h6{
font-size: 1.2rem !important;
}
.diseaseMgmt.block2 h6{
font-size: 1.2rem !important;
}
.diseaseMgmt.block2 h5{
font-size: 1.3rem !important;
}
.diseaseMgmt.block2{
padding: 2%;
}
.diseaseMgmt.block2 .icon-block{
display: flex;
flex-direction: column;
width: 100%;
text-align: center;
height: auto;
border-radius: 25px;
padding:0px !important;
}
.diseaseMgmt.block2 #block_bottom{
font-size: 1.2rem !important
}
.diseaseMgmt.block2 .row{
margin-top: 90px;
}
.diseaseMgmt.block2 .icon-block .responsive-img{
width:35% !important;
margin-top: -50px;
}
.diseaseMgmt.block2 .icon-block .responsive-img2{
max-width: 100% !important;
}
.diseaseMgmt.block2 .web_profile ul li ul.dropdown-content li{
width:100%;
border:1px #00000024 solid !important
}
.diseaseMgmt.block2 .web_profile ul li ul.dropdown-content{
left:0px;
top :50px !important;
}
.diseaseMgmt.block2 .web_profile ul li{
text-align: center;
}
.diseaseMgmt.block2 .web_profile ul li a{
padding: 0px !important;
}
.block2.dropdown-content{
width:70% !important;
}
.diseaseMgmt .paragraph{
font-size: 18px !important;
text-align: center;
width: 85%;
margin: 2% auto;
}
@media only screen and (max-width : 600px) {
.diseaseMgmt .paragraph{
width: 100%;
margin: auto;
}
#dropdownDisease, #dropdownLab {
width: 180px !important;
left: -25px !important;
}
#dropdownAssessment {
width: 180px !important;
left: 0px !important;
}
.diseaseMgmt.block2 .web_profile .button{
display: block !important;
}
.diseaseMgmt .paragraph{
font-size: 16px !important;
}
.diseaseMgmt .web_profile ul li a{
display: block !important;
}
.diseaseMgmt.block2 .row{
margin-top: 0px;
}
.diseaseMgmt.block2 .row .col.s12{
margin-top: 20%;
margin-left: 35px;
width:80%;
}
.diseaseMgmt.block29 .row .col.s12{
margin-top: 5%;
margin-left: 35px;
width:80%;
}
}
.diseaseMgmt .fa.fa-angle-right {
padding-right: 0px !important;
}
.diseaseMgmt .slick-arrow {
cursor: pointer !important;
}
/* end */
/* website testimonial */
.web_carousel.carousel .carousel-item {
visibility: inherit;
}
.web_carousel #image1{
margin-top: 0px !important;
top:0px !important;
}
.website_master .web_carousel.carousel{
height: 65vh !important;
display: block !important;
}
.web_carousel.carousel .carousel-item{
top:53px !important;
width:400px;
height:400px;
}
.web_carousel.carousel{
height: 400px !important;
display: flex;
justify-content: center;
align-items: center;
}
#testimonialsOne .group3{
background-color: #8080801f;
}
.web_carousel #image{
top:45px !important;
}
.website_master .section.partners_sec {
padding-top: 3% !important;
}
@media only screen and (max-width : 600px) {
.website_master .web_carousel.carousel{
   height: 400px !important;
}
.web_carousel.carousel{
  height: 400px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web_carousel.carousel .carousel-item{
width: 100%;
height: auto;
margin-left: 0px !important;
}
}
/* end */
/* sticky css */
.social_ico_sec .responsive-img1:hover {
box-shadow: 0px 1px 3px 6px rgba(0, 0, 0, 0.2), 0px 1px 3px 6px rgba(0, 0, 0, 0.2);}
.website_master .stickies .social_ico_sec {
top: 20% !important;
left: 93%;
float: right;
}
.social_ico_sec img.responsive-img1 {
max-width: 80px;
margin-bottom: 3px;
}
/* end */

/* 
chat box css start
*/

#patient-pubnub-modal{
width: 90%;
height: 612px;
max-height: 80%;
}

.list-profie-pic{
margin-top: 5px;
} 
.chat-round-img{
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #ff6600;
padding: 5px;
} 
.chat-round-short-img{
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #ff6600;
padding: 5px;
}
.chat-header{
background-color: #cccc;
padding: 5px 0px;

}
.chat-header-left-div{ 
border-right: solid 2px #a99f9f;
}
.patients_search_block{
position: relative;
}
.patients_search_block i.material-icons{

position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.patients_list_block{
border-top: solid 0.5px #ded7d7;
border-right: solid 0.5px #ded7d7;
padding: 10px 0px 10px 10px;
height: 50px;
cursor: pointer;
}
.chat_box_container {
border: 1px solid #dedede;
background-color: #f1f1f1;
border-radius: 8px;
padding: 4px;
margin: 3px 0px 3px 10px;
width: 35%;
}
.darker_box {
border-color: #ccc;
background-color: #028ED4;
float: right;
color: white;
}
.chat_box_container::after {
content: "";
clear: both;
display: table;
}
.chat_box_container img {
float: left;
max-width: 60px;
width: 100%;
margin-right: 20px;
border-radius: 50%;
}
.chat_box_container img.right {
float: right;
margin-left: 20px;
margin-right:0;
}
.time-right {
float: right;
color: #aaa;
}
.time-left {
float: left;
color: #999;
}
.chat-search{
margin-top: 13px;
}
.list-profile-time{
font-size: 8px;
margin-top: 11px;
}
.list-profile-last-msg{
height: 20px;
overflow-y: hidden;
font-size: 11px;
}
.list-profile-name{
font-size: 15px;
}
.chat_box_time{
font-size: 8px;
  float: right;
}

.chat_box_publish_name{
color: var(--cdp-primary-color, #1e558c);
font-size: 10px;
margin: 0px;
}
.chat_box_message{
margin: 0px;
}

.patients_list_block.active{
background-color: #b3b3d0;
}
#pubnub-publish-btn-div{
cursor: pointer;
}
#patient-chat-modal-closeBtn{
top: 18px;
}

.pubnub_unread_msg_count{
border-radius: 50%;
width: 20px;
height: 20px;
padding: 5px;
background: #fff;
border: 0px solid #000;
color: #fff;
text-align: center;
font: 11px Arial, sans-serif;
background-color: blue;
float: right;
}

/* chat box css end */
#customTemplateModal{
  width: 95% !important;
  max-height: 95% !important;
  top: 10px !important;
}
#customTemplateModal .modal-footer{
display: none !important;
}
#customTemplateModal .custom_actions {
position: fixed;
right: 3%;
top: 8%;
}
#customTemplateModal .tox.tox-tinymce{
height: 500px !important;
}
.fixed_actions{
position: absolute;
z-index: 1;
bottom: 15%;
left: 10%;
}
.website_master .btn.btn_program{
background-color: #333 !important;
}
/* lab new design css */
.labs-appointment-container #tests-container .search .search-wrapper {
  margin: 10px 10px 0 10px;
  border-radius: 30px;
}
.lab-filters {
padding: 5px;
margin: 5px;
}
@media only screen and (max-width: 600px) {
.apmnt_type img {
  width: 25px !important;
  height: 25px !important;
}
.appointment-container .btn.btn_lab {
  font-size: 12px;
  height: auto !important;
  line-height: 15px !important;
  font-size: 7px;
  padding: 3px !important;
}
.labFilterImg {
  width:15px !important;
  height:15px !important;
}
}

.labs-appointment-container #tests-container #tests-list {
  margin-top: 0px;
}

.upld_dropdown_services.upld_dropdown_forms{
display: inline;
}
.dropdown-forms a {
display: block !important;
}

.dropdown-services.dropdown-forms {
min-width: 80px;
height: 80px;
width: 80px;
right: -70px;
top: 10px;
}
.dropdown-services.dropdown-forms.drpdwn_forms {
left: 15px;
top: 25px;
}
.dropdown-cnt2.forms_cntr {
width: 250px !important;
right: 0;
}

.dropdown-cnt2.forms_cntr.form_qr_cntr {
overflow-y: scroll;
height: 200px;
border-radius: 3px;
}

.dropdown-cnt2.forms_cntr.camp-card {
width: -moz-max-content !important;
width: max-content !important;
top:25px !important;
border-radius: 3px;
left: 0;
background-color: #e7fcf5;
  border: 1px solid #a5e3ce;
}
.banner_cards{
position: absolute; 
bottom: 50px;
}

.home_bar {
position: fixed; 
left: 10px; 
top: 70px; 
z-index: 3001;
}
@media only screen and (max-width: 600px) {
.banner_cards{
  bottom: 5px;
}

.dropdown-cnt2.forms_cntr {
  right: -100px;
}
.home_bar {
  background: #F5f5f5 !important;;
  border-radius: 30px !important;;
  padding: 3px 0px 3px 5px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
}
.dropdown-cnt2.forms_cntr.camp-card {
  left: auto;
  right: -10px;
}
}
#modal_pkgs_list {
width: 90%;
max-height: 90%;
}
#invoice_modal, #modal_phlebotomist, #modalAddressList, #admitConfirmModal, #pt_qr_modal, .box_shadow, #mergeInvoiceModal{
box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68) !important;
}
#invoice_modal {
z-index: 99999 !important;
}
.verify_otp_body {
min-height: 250px;
}

.autocmplt-icd-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 999;
/*position the autocomplete items to be the same width as the container:*/
top: auto;
left: auto;
/*  right: 0; */
width: 45px;
font-size: 11px;

}
.autocmplt-icd-items div {
padding: 1px 2px;
cursor: pointer;
background-color: #ffffff;
color: black;
}
.autocmplt-icd-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.autocmplt-icd-active {
/*when navigating through the items using the arrow keys:*/
background-color: #82b7e9 !important;
color: #ffffff !important;
}
.select3 {
display: inline;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #969696;
border-radius: 0;
outline: 0;
background-color: transparent;
border-radius: 0;
outline: none;
width: 100%;
font-size: 14px;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: box-shadow .3s, border .3s;
height: 1.5rem !important;
margin: 0 !important;
-webkit-appearance: textfield;
outline-offset: -2px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
overflow: visible;
line-height: 1.15;
color: black !important;
cursor:  pointer;

} 
#active_prgrms_sec {
max-height: 300px;
height: auto;
overflow-y: scroll;
}
.med_sec {
min-height: 150px;
height: auto;
overflow-y: scroll;
}
.website_master .advsr_sec {
background-color: #D0EDD9;
}

.website_master .advsr_sec b{
color: #039be5;
}

/* IP Booking flow changes */
.provider_band, .apmnt_type_name, .apmnt_type_adrs, .apmnt_type_time, .radio_apmnt_type_time, .apmnt_consent, .radiology_apmnt_type_adrs{
background-color: #ceecfb;
padding: 10px;
}
.provider_band .color_font{
font-size: 18px;
color: var(--cdp-primary-color, #1e558c);
font-weight: bold;
}
.apmnt_type_full_adrs, .radiology_apmnt_type_full_adrs {
position: absolute;
  background: #FFF;
  width: 25%;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  top: 50px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
}
#modal-ip-surgery, #ambulanceBookingModal{
width: 85% !important;
}
/* ambulance booking */
#ambulanceBookingModal{
max-height: 85% !important;
}
#ambulanceBookingModal.modal .video-type .choice {
text-align: center;
cursor: pointer;
margin-top: 20px;
}
#ambulanceBookingModal.modal .video-type .choice .icon {
text-align: center;
vertical-align: middle;
height: 116px;
width: 116px;
border-radius: 50%;
color: #999999;
margin: 0 auto 20px;
border: 4px solid #CCCCCC;
transition: all 0.2s;
-webkit-transition: all 0.2s;
}
#ambulanceBookingModal.modal .video-type .choice.active .icon {
border-color: var(--cdp-primary-color, #1e558c);
color: var(--cdp-primary-color, #1e558c);
}
#ambulanceBookingModal.modal .video-type .choice.active i, #ambulanceBookingModal.modal .video-type .choice.active h6 {
color: var(--cdp-primary-color, #1e558c) !important;
}

a.srch_btn:hover{
color: #FFF !important;
}
abbr.abbr{
padding: 20px;
position: absolute;
width: 100%;
left: 0;
}
.lead_ico{
  background-color: #cdaa2d;
  color: #FFF;
  padding: 0px 4px;
  font-size: 11px;
  border-radius: 20px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}
.ptnt_ico{
background-color: #969696;
  color: #FFF;
  padding: 0px 4px;
  font-size: 11px;
  border-radius: 20px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}

.ip_ico{
background-color: #ff76ce;
  color: #FFF;
  padding: 0px 4px;
  font-size: 11px;
  border-radius: 20px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}
.assign_ico{
  color: #FFF;
  padding: 0px 4px;
  font-size: 11px;
  border-radius: 20px;
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
}
.teeth-dropdown-card {
top: 35% !important;
left: 25% !important;
text-align: left;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
padding: 5px;
border-radius:5px;
position: absolute;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
z-index: 1002;
display: none;
}
.ip-dropdown-card {
top: 8px !important;
text-align: left;
width: 320px;
margin-left: auto;
margin-right: auto;
padding: 1px 10px;
border-radius:5px;
position: absolute;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
z-index: 1002;
display: none;
}
.ip-dropdown-card b{
color: var(--cdp-primary-color, #1e558c) !important;
}
.ip-dropdown-card p{
line-height: 10px !important;
}
.show_card .fa{
font-size: 18px !important;
padding-right: 0px !important;
}
.form_err {
font-size: 12px;
color: red;
margin-left: 5px !important;
}
.stock_details, .diagnosis_details, .value_details, .tr_details{
position: absolute;
padding: 10px;
width: -moz-max-content;
width: max-content;
background: #FFF;
color: #333;
top: 40px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
z-index: 3002 !important;
}
.tr_details{
min-width: 150px;
}
.training_details:hover img{
border: 3px solid #17a84a;
border-radius: 50px;
}
.trng_links:hover a{
color: var(--cdp-primary-color, #1e558c) !important;
background: #BFDDFF !important;
}
.value_details{
top: 30px;
}
.stock_details p, .diagnosis_details p, .tr_details a {
line-height: 15px !important;
font-size: 14px !important;
}
.status_details{
position: absolute;
padding: 10px;
width: 400px !important;
background: #FFF;
color: #333;
top: 40px;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
right: -35% !important;
}
.status_details p {
font-size: 14px !important;
}
.navbar-fixed.second nav .status_details label, .navbar-fixed.second nav .status_details .col{
height: 25px !important;
line-height: 25px !important;
}
.navbar-fixed.second .status_details .row .col {
border: none !important;
}
input.writeInput {
background: #BFDDFF !important;
}
input.readOnlyInput {
background: rgba(219, 219, 224, 0.4) !important;
}
.line_heading {
background: rgba(219, 219, 224, 0.4);
}
.line_heading div {
color: #333;  
}
.tax_card{
background: #FFF;
padding: 5px;
position: absolute;
top: 75%;
left: 75%;
color: #333;
border-radius: 3px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
font-size: 12px;
z-index: 1;
width: 100px;
}
.tax_card b{
color: var(--cdp-primary-color, #1e558c) !important;
}

.ui-datepicker.ui-widget {
background: #FFF !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
}
.ui-state-default.mtz-monthpicker.mtz-monthpicker-month {
text-align: center !important;
border: 1px solid #ccc;
}
.mtz-monthpicker-month.ui-state-active {
background-color: #039be5 !important;
color: #FFF !important;

}
.ui-datepicker-header.mtz-monthpicker {
background: #039be5;
}
.mtz-monthpicker.mtz-monthpicker-year {
background: #2a9be5;
  border: none !important;
  color: #FFF !important;
}
#brands-list .collection.with-header, #batch-list .collection.with-header {
width: -moz-fit-content !important;
width: fit-content !important;
}
.select2-results {
background: #eef1f2;
}

.upld_dropdown_services .dropdown-services img, .book_service_drpdwn img{
width: 30px !important;
height: 30px !important;
}
.upld_dropdown_services .dropdown-services .ip_srvc_btn img, .book_service_drpdwn .ip_srvc_btn img{
width: 150px !important;
height: 30px !important;
}

.dropdown-cnt2.book_service_drpdwn {
top: 0px !important;
text-align: left;
width: 230px;
bottom: 30px !important;
right: -20px;
height: -moz-fit-content;
height: fit-content;
}

#test-link a.btn.green.dss_sltd_active, #test-link a.btn.green.symp_sltd_active, a.btn.medicineNotAvail.med_sltd_active, a.btn.medicineAvail.med_sltd_active, 
#test-link a.btn.green.cmrb_sltd_active, 
#test-link a.btn.green.prcdr_sltd_active, 
#test-link a.btn.green.rec_session_active, 
#test-link a.btn.green.curnt_prcdr_sltd_active, #test-link a.btn.green.cmpl_sltd_active{
background-color: var(--cdp-primary-color, #1e558c) !important; 
color: #FFF !important;
}
#new_loader {
text-align: center;
margin: auto;
display: none;
} 
#new_loader img{
width: 50px;
}
#nh_loader {
text-align: center;
margin: auto;
}
#nh_loader img{
width: 50px;
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-25px;

}
#doctor_vital_fields .nested-fields{
background: #c7f7d6;
}


/* Prescription New Page */
#addPrescription.prescription_container {
width: 98% !important;
}
#modal1.share_presc{
z-index: 3001 !important;
}
#addPrescription.prescription_container .header_patch.fixed_header, .prescription_container .ful_scr {
width: 100% !important;
}
.prescription_container label.active_header {
background: #1e558b !important;
}
#addPrescription.prescription_container .preloader-wrapper {
position: absolute;
}
.prescription_container .right_side_layer {
right: 1% !important;
bottom: 10% !important;
height: 65% !important;
padding: 5px;
border-radius: 3px
}
#addPrescription.prescription_container .modal-content {
background-color: #f1f1f1;
}
#addPrescription.prescription_container .modal_body {
  padding: 3px !important;
}
.prescription_container .search-container .card.prevPresc_card, .prescription_container .search-container .card.favPresc_card{
padding: 0 !important;
}

.prescription_container #readings-header, .prescription_container #healthHistoryMainDiv {
margin-bottom: 45px !important;
}
.fixed_presc_footer {
left: 1% !important; 
width: 98% !important;
bottom: 0 !important;
margin-bottom: 0 !important;
}
.prescription_container img.footer-image, .prescription_container img.header-image{
width: 100% !important;
}
.prescription_container.print_prescription-form-modal .modal-footer{
text-align: center;position: fixed;bottom: 0 !important;width: 95%;background: #f7f7f7 !important;padding: 10px; margin-bottom: 0 !important;
}
#doctor_notes_new_modal, #ip_forms_modal{
width: 85% !important;
z-index: 4000 !important;
box-shadow: 0px 100px 5px 300px rgba(0,0,0,0.68);
}
@media only screen and (max-width : 600px) {
#doctor_notes_new_modal{
  width: 95% !important;
}
}
/* Prescription end */


.dropdown-ip-booking {
display: none;
position: absolute; 
background-color: #FFF;
width: 150px !important;
left: 0 !important;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
top: 90% !important;
z-index: 1;
}
.dropdown-ip-booking a {
width: 100% !important;
padding: 10px !important;
color: var(--cdp-primary-color, #1e558c) !important;
text-align: left !important;
cursor: pointer !important;
border-bottom: 1px solid #F5f5f5;
border-radius: 5px;
display: block;
}
.dropdown-ip-booking a:hover {
background-color: var(--cdp-primary-color, #1e558c) !important;
color: #FFF !important;
cursor: pointer !important;
}
.profileImg {
height: 40px !important;
width: 40px !important;
margin: 1px !important;
border: 1px solid #CCC;
border-radius: 50px;
}
#pagePreviewModal {
max-height: 90% !important;
width: 90% !important;
}
#pagePreviewModal .modal_body{
height: 500px !important;
}
#pt_qr_modal, #modal_consult {
max-height: 75% !important;
width: 75% !important;
}

#reqDraftPrescLabTest {
top:20% !important;
}

#medicineTimerModal {
height: 55vh !important; 
top: 20% !important;
}
.square-box #homeAlertModal .icon{
height:80px !important;
width:80px !important;
border-width: 4px !important;
margin: 0 auto 0px !important;
border-color: #FFFFFF !important;
}
.square-box #homeAlertModal .choice.active .icon {
border-color: var(--cdp-primary-color, #1e558c) !important;
color: var(--cdp-primary-color, #1e558c) !important;
}
.que_sorting {
cursor: -webkit-grab !important;
}
#labBookingModal {
top: 5% !important;
}
#allottedBed{
max-height: 85% !important;
height: 83% !important;
width: 85% !important;
box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
  z-index: 1004 !important;
}

#popup-section{
position: fixed;
width: 45%;
padding: 0px;
border: 1px solid black;
border-color: #8080809e;
background-color: #fff;
top: 75%;
left: 50%;
transform: translate(-50%, -70%);
transition: 1.3s;
z-index: 999;
bottom: 200px; 
height: 490px; 
width: 700px;
}

#popup-section h5{
background-color: var(--cdp-primary-color, #1e558c);
color: #fff !important;
padding: 0;
margin: 0;
font-size: 1.5rem;
}
.w4 {
width: 4% !important;
}
.w5 {
width: 5% !important;
}
.w7 {
width: 7% !important;
}
.w8 {
width: 8% !important;
}
.w10 {
width: 10% !important;
}
.w16 {
width: 16% !important;
}
.w3{
width: 3% !important;
}
#invoice_details_list {
position: absolute;
left: 1.5%;top: 100%;
background: #FFF;
padding: 0px 10px 0;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
width: 97%;
z-index: 1;
max-height: 250px;
overflow-y: scroll;
}
.overlay_wrapper{
background: transparent;
padding: 10px;
position: absolute;
top: 0;
width: 100%;
left: 0;
height: 100%;
}
/* 
#invoices-list{
background: #BFDDFF ;
padding: 10px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}
#invoices-list .collection.with-header{
display: inline !important;
padding: 0 !important;
} */
#invoices-list .dropdown-card {
top: 50px !important;
}
@media only screen and (max-width: 600px) {
#pt_qr_modal {    
  width: 96% !important;
}
#prescriptionAlertModal {
  height: 32vh !important;
  width: 96% !important;
}
.w16 {
  width: 100% !important;
  padding-left: 20px !important;
}
.w8,.w10 {
  width: 30% !important;
}
.w4 {
  width: 10% !important;
}
.w5 {
  width: 25% !important;
}
.w7 {
  width: 25% !important;
}  
.w3{
  width: 10% !important;
}
.verify_otp_body {
  min-height: 225px;
}
.name_title {
  padding: 0 !important;
}  
#modal_consult{
  width: 95% !important;
  height: 90% !important;
  max-height: 90% !important;
  top: 5% !important;
}
#modal_consult .modal-footer {
  top: 320px !important;
}
.start_consult_info{
  padding: 1% 5% !important;
}
.start_consult_info b{
  font-size: 13px !important;
}
#modal_consult.nh_modal .modal_body{
  margin: 10px !important;
}
.journey-patient-profile {
  width: 98%;
}
}
.patient-details-container label.shared_labels {
color: #333 !important;
}
.verify_resend{
background-color: var(--cdp-primary-color, #1e558c);
color: #FFF !important;
border-radius: 3px;
}
.verify_resend.disabled{
background-color: #CCC;
color: #333 !important;
border-radius: 3px;
pointer-events: none;
 cursor: default;
}
.bottom_nav {
padding: 10px;
position: fixed;
bottom: 0;
margin-bottom: 0 !important;
text-align: center;
}
.bottom_nav a b{
color: #FFF !important;
}

/* css for breadscumb */
.breadcrumb:before {
color: var(--cdp-primary-color, #1e558c) !important;
}
.breadcrumb::before {
content: ">" !important;
display: none;
margin: 0 10px; /* Adjust this value to reduce space */
}

.breadcrumb a {
margin-right: 5px; /* Adjust this value to reduce space between links */
}

.breadcrumb a:last-child {
margin-right: 0; /* Remove margin for the last link */
}
/* .breadcrumb, .breadcrumb:last-child {
color: #00ff00 !important;
} */
.breadcrumb-back{
background-color: #BFDDFF !important;
padding: 10px;
box-shadow: 0px 0px #888888;
border-radius: 5px;
}
.breadcrumb-back span {
color: var(--cdp-primary-color, #1e558c);
}
.breadcrumb{
color: var(--cdp-primary-color, #1e558c) !important;
font-size: 15px !important;
}
.breadcrumb i.material-icons{
display: inline-block;
font-size: 10px;
}
.breadcrumb-back .btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.6rem;
line-height: 30px !important;
}
.material-plus-icon{
margin-top: -5px;
height: 30px !important;
width: 30px !important;
line-height: 30px !important;
}
/* #admin-reports ul li.list_elements:nth-child(2) a.append-list2 {
/* Your CSS styles go here */
/* color: red; 
} */
#example {
border-radius: 5px;
}
.website_templates nav .brand-logo img {
width: 7% !important;
}
/* css for app preview */
.custom-container {
height: 914px;
width: 312px;
border: 2px solid black !important;
border-radius: 8px !important;
}
.mt-3{
margin-top: 10px;

}
.card-content small {
font-size: 10px;
}

/* Filter prev,next and Today buttons*/
.filter-button{
background-color: var(--cdp-primary-color, #1e558c);
color: #fff !important;
text-decoration: none;
text-align: center;
letter-spacing: .5px;
padding:6px 11px;
border-radius:5px;
font-size: 14px;
transition: background-color .2s ease-out;
cursor: pointer;
margin-top:auto;
display: inline-block;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.filter-button:hover{
background-color: lightgray;
color: black !important;
box-shadow: none;
}

.tot_payments_card{
box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3);
border-radius: 5px;
border: 2px solid #f5f5f5; 
background-color: #f5f5f5; 
padding: 12px; 
text-align: center;
min-height: 60px; 
line-height: 30px;
}

#hospitalMaster-modal{
width: 95% !important; 
max-height: 95% !important;
top: 3% !important;
}
#address_map-modal {
width: 100% !important;
max-height: 95% !important;
top: 3% !important;
z-index: 9999 !important;
}


.nav_search_options {
  background: #FFF;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  margin-top: 4px;
  padding: 8px 0;
  min-width: 280px;
  position: absolute;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
.nav_search_options a {
  display: flex !important;
  align-items: center;
  padding: 10px 16px !important;
  line-height: 1.4 !important;
  height: auto !important;
  color: #333 !important;
  font-size: 14px;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.nav_search_options a:hover {
  background-color: #f5f5f5;
}
.nav_search_options a i {
  margin-right: 12px;
  color: #f15a24;
  font-size: 20px;
}
.nav_search_options a span {
  flex: 1;
}
#saleOrderInvoices {
width: 99% !important;
top: 1% !important;
max-height: 99% !important;
border-radius: 20px !important;
}
#saleOrderInvoices.op_modal{
z-index: 999 !important;
}
#saleOrderInvoices.nh_modal .modal_body {
height: 520px !important;
}
.input-field.marg_btm_5 {
margin-bottom: 5px;
}
/* Tablet responsive */
@media only screen and (min-width: 769px) and (max-width: 992px) {
.main-heading.nav-wrapper {
  height: 70px !important;
}
.patient-details-container {
  margin-top: 75px !important;
}
nav .brand-logo {
  left: 15% !important;
}
.main-heading.nav-wrapper a.brand-logo img {
  height: 50px !important;
}
.search_bar {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.header_filter_ico {
  right: 35% !important;
}
ul#search_bar_panel{
  right: 0 !important;
}
nav .sidenav-trigger {
  margin: 0 !important;  
}
}

#profileUpdate-modal{
width: 60% !important;
min-height: 65% !important;
}
@media only screen and (max-width: 600px) {

#profileUpdate-modal{
width: 95% !important;
min-height: auto !important;
}
.patient-details-container {
  margin-top: 45px !important;
}
.clinic_seach_panel,ul#search_bar_panel {
  display: none;
} 
.search_bar {
  width: 80% !important;
}
ul#search_bar_panel {
  top: 60px !important;
  right: 0% !important;
  width: 100% !important;
  height: 4rem !important;
  background-color: #FFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
}
}
#modal_insurance_list, #claimStatusUpdateModal {
  box-shadow: 0px 0px 5px 700px rgba(0,0,0,0.68);
  border-radius: 10px;
}
#claimStatusUpdateModal .body-container {
padding: 0 !important;
}
#claimStatusUpdateModal h5.form_heading {
margin-top: 0 !important;
width: 100% !important;
}
#claimStatusUpdateModal .user_reg.patient-details-container .search-container {
margin-bottom: 0 !important;
width: 100% !important;
}
#claimStatusUpdateModal .step-actions{
display: block;
background: #00ac5536;
padding: 10px 0px 5px 0px;
margin-left: -10px;
width: 102%;
margin-bottom: -10px;
}
#claimStatusUpdateModal input:not([type]), #claimStatusUpdateModal input[type=text], #claimStatusUpdateModal input[type=password], #claimStatusUpdateModal input[type=email], input[type=url], #claimStatusUpdateModal input[type=time], #claimStatusUpdateModal input[type=date], #claimStatusUpdateModal input[type=datetime], #claimStatusUpdateModal input[type=datetime-local], #claimStatusUpdateModal input[type=tel], #claimStatusUpdateModal input[type=number], #claimStatusUpdateModal input[type=search] {
height: 2rem !important;

}
.collection.with-header.ul_suggestions {
width: 100% !important;
margin-top: 0px; 
padding: 0 !important;
overflow: auto; 
background: #e8e8e8 !important;
}
.ul_suggestions li{cursor: pointer; padding: 10px 10px 5px 10px;}
.ul_suggestions li:hover {
background-color: var(--cdp-primary-color, #1e558c) !important;
}
.ul_suggestions li:hover a{
color: #fff !important;
}
#identification-modal {
z-index: 1009 !important;
}
img.curved, .curved_div img, img.patient_profile_img {
border-radius: 5% !important;
margin-bottom: 3px !important;
cursor: pointer;
}
#modalRepeat {
top: 0px !important;
top: 0% !important;
right: 0;
left: auto;
width: 30%;
height: 100%;
max-height: 100%;
z-index: 1000 !important;
}

#dialysisBookingModal ul.stepper.horizontal.surgery_form .step-content {
position: absolute !important;
height: calc(96% - 84px) !important;
top: 10px !important;
}

.timepicker-modal {
  z-index: 99999 !important;
}
.cm_receipt_sec .amount_card .card {
  margin: 0 !important;
}

/* Dropdown Sub link css */
#reportDigitization li, .nav-wrapper #reportDigitization li,
#orders li, .nav-wrapper #orders li,
#dropdown5 li, .nav-wrapper #dropdown5 li,
#addBill li, .nav-wrapper #addBill li,
#orders li, .nav-wrapper #orders li{
  min-height: 25px !important;
  height: -moz-max-content !important;
  height: max-content !important;
}
#reportDigitization li a,
#orders li a,
#dropdown5 li a,
#addBill li a,
#orders li a{
  height: -moz-max-content !important;
  height: max-content !important;
  padding: 5px 10px !important;
  line-height: 25px !important;
}
/* #reportDigitization li:nth-child(odd), 
#orders li:nth-child(odd), 
#dropdown5 li:nth-child(odd), 
#addBill li:nth-child(odd), 
#orders li:nth-child(odd){
  background-color: #f5f5f5;
}
#reportDigitization li:nth-child(even), 
#orders li:nth-child(even),
#dropdown5 li:nth-child(even),
#addBill li:nth-child(even),
#dropdown5 li:nth-child(even) {
  background-color: #ffffff;
} */

.curved_div {
  margin-right: 0 !important;
}
.curved_div .col.s3 {
  padding-right: 0;
  width: 48px !important;
}

.doc-input-readonly {
  background-color: #f0f0f0 !important;
  color: #999 !important;
  pointer-events: none;
}
.doc-datepicker-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1010;
}
.datepicker-controls .select-year input{
  background: none !important;
}
.datepicker-controls .select-month input{
  background: none !important;
}
.past-block {
  color: grey !important;
  background-color: #f2f2f2 !important;
}
.para_top_0 {margin-top: 0 !important;}
.td-right-align {text-align: right !important;}

fieldset {
  border-radius: 5px;
}
.login_btn{
  float: right;
  margin-right: 1%;
}
@media only screen and (max-width : 700px) {
  .menu_sticky{
    box-shadow: none !important;
    top: 0.2% !important;
    margin-right: 3.5% !important;
    z-index: 999 !important;
    position: fixed !important;
  }
  .login_btn{
    margin-top: 1.5%;
    margin-left: -5%;
    float: left;
  }
  .filter_sec{
    position: absolute !important;
    z-index: 1000 !important;
    left: 0%;
    margin: 2%;
    top: -0.5% !important;
  }
  .doc_search_btn{
    margin-right: 2% !important;
  }
  .search_options{
    text-align: right;
  }
  .doc_details{
    text-align: center;
  }
  .hospdoc_name{
    text-align: center !important;
  }
  .aptmnt_book_btn{
    margin-left: -34% !important;
  }
  ul.stepper .step:not(:last-of-type).active {
    margin-bottom: 0px !important;
  }
  #clinicBookingModal.modal.nh_modal .video-type .title, #labBookingModal.modal.nh_modal .video-type .title, #ambulanceBookingModal.modal.nh_modal .video-type .title{
    float: left;
    margin-left: 5% !important;
  }
  #clinicBookingModal.modal.nh_modal{
    min-height: 0px !important;
    max-height: 100px !important;
  }
  .tab_steps{
    padding: 0px 12px !important;
  }
  .address_box{
    margin-left: 3% !important;
  }
  .address_icons{
    margin-top: 3%;
    font-size: 100%;
  }
  .address-box{
    border: none !important;
    padding-right: 0px !important;
    width: 103% !important;
  }
  .data_time_div{
    border-radius: 10px !important;
    width: 95% !important;
  }
  .reg_block{
    width: 90% !important;
    margin-left: 5% !important;
  }
  .date_blocks{
    width: 33.3% !important;
    border-radius: 10px !important;
  }
  .date_range_icon{
    font-size: 18px !important;
  }
  #apmnt-date[readonly] {
    background: none !important;
  }  
  .date_blocks.active .material-icons {
    color: white !important;
    font-size: 18px !important;
  }  
  .custom_date{
    margin-left: 24% !important;
  }
  .country_fld{
    width: 20% !important;
    margin-top: 3.5% !important;
  }
  .phone_fld{
    width: 100% !important;
  }
  .email_fld{
    width: 100% !important;
  }
  #patientHistoryInfoModal{
    right: 10% !important;
    margin-right: 8% !important;
    width: 75% !important;
  }
  .fav_presc_body{
    height: 100px !important;
  }
}
.signature_label_box{
  padding: 7px 11.250px;
}
.signature-actions{
  margin-right: -65%;
}
.signature_label{
  width: 20.5% !important;
  margin-top: 2%;
}
.sign_label{
  font-size: 12px !important;
  color: #000;
}
#drop-zone{
  width: 560px; 
  height: 200px; 
  border: 1px solid #ccc; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  cursor: pointer; 
  border-radius: 10px;
}
.drop-zone-text{
  font-size: 16px; 
  color: #999;
}
.user_signature_pad{
  border: 1px solid #ccc;
  border-radius: 10px !important;
}
.upload_user_signature{
  opacity: 0; 
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; 
  height: 100%; 
  cursor: pointer;
}
.uploaded_signature{
  display: flex; 
  flex-wrap: wrap; 
  gap: 10px;
}
.sig-wrapper-new{
  position: relative; 
  overflow: hidden;
}
.sig-wrapper, .uploaded-sig-wrapper{
  position: relative; 
  display: inline-block;
}
.sig-preview-wrapper {
  margin-top: 3%;
  padding-left: 5%;
  position: relative;
  display: inline-block;
}

.sig-preview-wrapper img {
  max-height: 42px;
  display: block;
}
.upload_signature, .draw_signature {
  display: none;
  padding: 0px !important;
}
.toggle_options{
 padding: 0px !important;
 width: 30% !important;
}
.signature_details{
  padding: 0px !important;
}
.sig-preview-wrapper, .sig-wrapper{
  border: 1px solid grey;
  padding: 10%;
  border-radius: 10px;
}
.sig-remove-icon {
  position: absolute;
  top: -6px;
  right: -10px;
  color: black !important;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.sig-remove-edit{
  position: absolute;
  top: -22%;
  left: 90%;
  color: black !important;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.sig-remove-signature {
  position: absolute;
  top: -6px;
  right: -10px;
  color: black !important;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.material-icons.sig-remove-signature{
  color: black !important;
}
.material-icons.sig-remove-icon{
  color: black !important;
}
.material-icons.sig-remove-edit{
  color: black !important;
}
.user_signature_div{
  margin-top: 1% !important;
}
.user_signature_div img{
  margin-left: 4% !important;
}
.uploded_signature_div{
  margin-top: 1% !important;
}
.uploded_signature_div img{
  margin-left: 4% !important;
}
.my-account-container .signature-row {
  float: left;
}
a.btn {
  border-radius: 5px !important;
}
/* New CSS Theme Updated */

.btn.clear_btn, .grey_color, .btn.grey_color{
  background-color: #969696  !important;
}
input[readonly]{
  color:Gray;
  background:#E5E5E5 !important;
}

/* Appointment show New Css */