:root {
    --cdp-primary-color: #1e558c;
    --cdp-secondary-color: #1e558c;
    --cdp-input-focus-color: #BFDDFF;
    --cdp-label-box-color: #edf0f1ee;
  }
  body {
    background-color: #f5f5f5 !important;
  }
  :root {
  }
  nav.white {
    background: linear-gradient(to left, #1e558c 0%, #1e558c 10%) left top #777 no-repeat;
    background-size: 100% 5px;
    padding-top: 5px;
  }
  /* Primary Theme Colors */
  a, .tt-suggestion.tt-selectable, .link_to_false, #dropdown5 li a, #pharma_sub_dropdown li a, .patch_btn h6, .balance-card, .apmnt-tracking b,
  p.heading,.form-div h6.heading,
  .prescription-div h6.heading,
  #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,
  #labBookingModal.modal .referral-type .choice.active i, 
  #labBookingModal.modal .referral-type .choice.active h6, 
  #labBookingModal.modal .referral-type .choice.active .price,
  .title, .color_font,
  .booking-container .appointment-detail-block strong,
  ul.dropdown-content.select-dropdown li span, .bold,
  #bookingModal.modal .summary .provider, #bookingModal.modal .summary .time,
  #bookingModal.modal .summary .provider, #bookingModal.modal .summary .time2,
  #bookingModal.modal .summary .provider, #bookingModal.modal .summary #durationDays,
  #bookingModal.modal .summary .provider, #bookingModal.modal .summary #durationTime,
  input#totalTime[type=text]:disabled,
  .del-icon .material-icons,
  div.login-modal.login-modal.login-modal .modal-header,
  .appointment-container .hsptl-name,
  .appointment-container .appointment-card i, .material-icons,
  #clinicBookingModal.modal .slots-container span.time, #clinicBookingModal.modal .summary .provider, #clinicBookingModal.modal .summary .time,
  #clinicBookingModal.modal .video-type .choice.active i, #clinicBookingModal.modal .video-type .choice.active h6, #clinicBookingModal.modal .video-type .choice.active .price, .main-heading.nav-wrapper li a, .main-heading.nav-wrapper .button-collapse i, #labBookingModal.modal .slots-container span.time, .main-heading.nav-wrapper ul.dropdown-content.dropdown-content li a,
  .patient-header-details .medical-conditions label,
  .patient-header-details label,  .patient-header-details i,
  .report-container .circle .number, .report-container .caption, #account-selection .role, .prescription_ui label,
  .program-manager-dashboard .caption, #clinic_patient_profile,
  #dropdown6 li a, #dropdown_abdm li a, #inventoryManagement li a, #master_data_sub_dropdown li a, #pharma_sub_dropdown li a, .picker__close, .picker__today, .summary .provider, .summary .time,.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #1e558c !important;
  }

  nav ul li a {
    color: #333333;
  }
  nav ul li a:hover, nav ul li.active > a {
    color: #1e558c !important;
  }
  .nh-sidebar-link {
    color: #333333 !important;
  }
  .nh-sidebar-link:hover, .nh-sidebar-link.nh-sidebar-active {
    color: #1e558c !important;
  }

  .navbar-fixed a:hover, .importantClass, .tt-suggestion:hover, .search-info div.search-sub, .camp_wise .collection .collection-item.active, .address-block:hover, #labBookingModal.modal .row.dates-container .date.active,#screeningCamp-modal.modal .row.dates-container .date.active,  .tt-menu .tt-suggestion:hover,
  .tab a.active, .collapsible-header, span#cartCount,
  .navbar-fixed.second ul li.active, .navbar-fixed.second a.active,
  .navbar-fixed.second ul.nav-second li:hover,
  .navbar-fixed.second ul.nav-second li:hover ul.dropdown-content a,
  .navbar-fixed.second ul.dropdown-content li:hover,
  #account-selection .modal-header,
  .select2-container--default .select2-selection--multiple .select2-selection__choice,
  .select2-container--default .select2-results__option--highlighted[aria-selected], div.tagsinput span.tag,
  ul.stepper.horizontal .step.active .step-title:before, ul.stepper.horizontal .step.done .step-title:before, #clinicBookingModal.modal .row.dates-container .date.active, .invoice-container .due_balance,
  .mybuttonModal, .mybutton, .tabs .tab a.active,
  .main-heading.nav-wrapper .pm-menu li.active,
  #dropdown6 li:hover a, #dropdown_abdm li:hover a, #inventoryManagement li:hover a, #master_data_sub_dropdown li:hover a, .sticky_links .fixed-action-btn .btn-floating,
  .profile-nav .user-heading, .mobile-profile-nav .user-heading,
  .picker__weekday-display, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected,
  .patient-history-container .btn.active, .dropdown-cnt2 a:hover, .dropdown-cnt3 a:hover, .address-block a.active,
  .btn.btn_blue, .btn.btn_lab.active, .theme_color, .scrrning_patch, .bottom_nav, .btn-floating.btn_blue, #policy_manage li:hover a, .btn_float, dropdown-content li>span, .qr_forms .upld_dropdown_services.upld_dropdown_forms:hover a{
    color: #fff !important;
    background: #1e558c !important;
    transition: filter 0.3s ease;
  }

  #labBookingModal.modal .slots-container span.time:hover,
  #clinicBookingModal.modal .slots-container span.time:hover {
    color: #fff !important;
    background: #1e558c !important;
    border: 1px solid #1e558c !important;
  }

  .brokerage .collapsible-header, .datepicker-date-display, .datepicker-table td.is-selected, .datepicker-table td.is-selected:hover, .datepicker-table td.is-selected.focused, .timepicker-digital-display {
    background-color: #1e558c !important;
  }
  .timepicker-canvas-bearing,
  .timepicker-canvas circle {
    fill: #1e558c !important;
  }
  .timepicker-canvas line {
    stroke: #1e558c !important;
  }
  .timepicker-canvas-bg {
    fill: #1e558c !important;
  }
  .timepicker-footer button.btn-flat {
    color: #1e558c !important;
  }
  h5.form_heading {    
    background: #1e558c !important;
  }
  #personalHistory .row .col.m1:hover {
    color: #fff !important;
    background: #1e558c !important;
  }
  .camp_wise .collection.with-header .collection-header {
    border-bottom: 1px solid #1e558c;
  }

  #labBookingModal.modal .slots-container span.time.active {
    color: #fff !important;
    background: #1e558c !important;
    border: 1px solid #1e558c !important;
  }

  #homeAlertModal.modal .choice.active .icon, #labBookingModal.modal .video-type .choice.active .icon, #modal-referral .choice.active .icon, #labBookingModal.modal .referral-type .choice.active .icon,
  #clinicBookingModal.modal .video-type .choice.active .icon, .appointment-container .btn.btn_lab {
    border-color: #1e558c !important;
    color: #1e558c !important;
    background: #FFF !important;
  }

  .btn.btn_lab.active, .scrrning_patch h5, .theme_bg , .selectedHeader, .lab-filters{
    color: #fff !important;
    background: #1e558c !important;
  }

  /* Secondary Theme Colors */
  .green, .btn:hover, .btn:focus, .btn-floating:focus, 
  [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after, .secondary_color,  #status-history .collapsible-header.active, 
  .clinic-manager-dashboard .btn.active, .appointment-container button, .appointment-container .btn, .heading-bar, 
  .picker__date-display, .brokerage .collapsible-header.active, 
  .nh_modal .modal-content .header_patch, .recordings-container .modal-content .header_patch, .green-btn, .video-consultation-container .header_patch,  #addPrescription .header_patch,
  .patient-details-container button, .patient-details-container .btn, .patient-details-container input[typt='submit'], .my-account-wrapper a.btn, .my-account-wrapper input[type='submit'], .my-account-wrapper button,
  .sign_save_btn {
    color: #fff !important;
    background: #1e558c !important;
  }
  .nh_table th {
    color: #333 !important;
    background: #e5e7eb !important;
  }
  .nh_modal .nh_close i, .recordings-container .nh_close i, .tabs .tab a, .recommandation-content, .feed-title, .video-consultation-container .nh_close i {
    color: #1e558c !important;
  }

  [type="checkbox"].filled-in:checked + label:after {
    border: 2px solid #1e558c !important;
    background-color: #1e558c !important;
  }

  [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
    border: 2px solid #1e558c;
  }

  /* Input Focus Colors 
  input:focus, textarea.materialize-textarea:focus:not([readonly]), textarea:focus {
    background-color: #BFDDFF !important;
  }
  */
  /* Label Box Colors */
  .label-box {
    background-color: #edf0f1ee;
  }
  .primary_color_cdp{
    color: #1e558c;
  }
  .primary_hover_color_cdp:hover{
    color: #fff !important;
    background-color: #1e558c !important;
    cursor: pointer;
  }
  .active-rails-tab{
    background-color: #1e558c !important;
    color: #fff !important;
  }
  .primary_bg_color_cdp{
    background-color: #1e558c !important;
  }
  /* Alert Colors */
  .recordings-container .modal-content .header_patch.alert_color, #prescriptionAlertModal .header_patch.alert_color, .modal-content .header_patch.alert_color {
    background-color: #ce2323 !important;
  }
  #modalSession{
    z-index: 9999999 !important;
  }
  #testWiseTrends{
    z-index: 4005 !important;
  }
  #account-selection .modal-header h5,
  .nh_modal .header_patch h5,
  a.orange i.material-icons,
  .btn-floating i, .btn.green .material-icons,
  .patient-history-container .medications-table th,
  .patient-history-container .lab-test-table th {
      color: #fff !important;
  }
 .input-field label.active:not(.label-icon) {
  color: #969696 !important;
 }

h5.cart_heading{
    background: #1e558c !important;
      text-align: center;
      color: #FFF !important;
      padding: 8px;
      margin-top: 5px;
  }

  .custom-add-btn {
    position: absolute;
    left: 5px;
    width: 32px;
    height: 32px;
    background: #1e558c !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    }
  .medicineAvailFirst{
    border: 2px solid #049c04 !important;
    background-color: #1e558c!important;
    color: #FFF !important;
  }

  .medicineNotAvailFirst{
  border: 2px solid #f7043c !important;
  background-color: #1e558c !important;
  color: #FFF !important;
  }

  .firstMedicine{
  background-color: #1e558c !important;
  color: #FFF !important;
  }

  .break-icon {
      height: 42px;
      width: 42px;
      background: #1e558c !important;
      margin-bottom: 6px;
  }

  a.btn.medicineAvail{
  border: 2px solid #049c04 !important;
  background-color: #FFF !important;
  color: #333 !important;
  }

  a.btn.medicineNotAvail{
  border: 2px solid #f7043c !important;
  background-color: #FFF !important;
  color: #333 !important;
  }
  
  .img_shadow {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
  }
  /* Keep text on top of the overlay */
  .btn {
    border-radius: 5px !important;
  }
  .white.grey_nav .nav-wrapper ul li:hover a.profile_nav{
    color: #fff !important;
  }
  nav li:hover a.dropdown-button i.right, .selectedHeader i.right {
    color: #fff !important;
  }
  .grey_color, .btn.grey_color{
    background-color: #969696  !important;
  }
  .patient-details-container label {
    color: #969696 !important;
  }
  .nh_modal span.btn-floating{
      width: 50px !important;
      position: absolute;
      top: 0;
      right: 0px;
      height: 45px !important;
      border-radius: 0 5px 0 0px;
      box-shadow: none;
      background-color: transparent !important;
  }

  .nh_modal span.nh_close i{
    background-color: transparent !important;
    color: #FFF !important;
    font-size: 25px !important;
    line-height: 45px !important;
  }
  .nh_modal span.btn-floating:hover {
    background-color: #d62e2e !important;
    color: #FFF !important;
  }
  .nh_modal span.nh_close.btn-floating:hover i{
    color: #FFF !important;
  }    
  
  #modalApmntShow.nh_modal span.btn-floating, #moreApmntList .nh_close{
      top: 0 !important;
      right: 0px !important;
  }
  #modalApmntShow.nh_modal span.nh_close i{
    background-color: transparent !important;
    color: #d62e2e !important;
    font-size: 25px !important;
    line-height: 45px !important;
  }
  #modalApmntShow.nh_modal span.btn-floating:hover {
    background-color: #d62e2e !important;
    color: #FFF !important;
  }
  #modalApmntShow.nh_modal span.nh_close.btn-floating:hover i{
    color: #FFF !important;
  }    
  img.base_profile_icons{
    width: 30px;
    height: 30px;
    padding: 1px;
    border-radius: 5px;
    background: #1e558c !important;
    cursor: pointer;
  }
  img.service_ico{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    cursor: pointer;
  }
  .service_icons a.nh_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
  }
  
  img.service_ico:hover{
    background: #1e558c !important;
  }

  img.pt_card{
    width: 30px;
    height: 30px;
    padding: 1px;
    border-radius: 5px;
    background: #1e558c !important;
    cursor: pointer;
  }
  img.action_ico{
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #1e558c !important;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
  }
  img.action_ico_size{
    width: 40px;
    height: 40px;
    border-radius: 5px;
    padding: 1px;
    background: #1e558c !important;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
  }

  img.action_ico_size1{
    background: #1e558c !important;
    cursor: pointer;
    margin-top: 10px;
  }

  img.action_copy_ico{
    background: #1e558c !important;
    padding: 5px;
  }
  img.base_profile_icons_address{
    padding: 1px;
    border-radius: 5px;
    background: #1e558c !important;
    cursor: pointer;
  }
  img.service_ico_docter:hover{
    background: #1e558c !important;
  }
  img.engagement_action_ico{
    background: #1e558c !important;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35) !important;
}
  .nh_box_shadow {
  -webkit-box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
    -moz-box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
    box-shadow: 0px 150px 5px 500px rgba(0,0,0,0.68);
  }

img.new_role_icons{
  background: #1e558c !important;
}
img.lead_image_color{
  background: #1e558c !important;
}

.header_patch_color{
  background: #1e558c !important;
}
.color_white{
  color:white !important;
}
.lead-box {
  background: #1e558c !important;
  color: white;
}
.button-wrapper {
  background: #1e558c !important;
  border-radius: 9px;
  flex-basis: 43%;
  margin: 4px;
}

.status-img {
  background: #1e558c !important;
  width: 25px;
  height: 25px;
}
.edit-status-img{
  background: #1e558c !important;
  width: 20px;
  height: 20px;
}

.policy-card {
  border-bottom: 1px solid  #1e558c !important;
}

.details-crm {
  background: #1e558c !important;
}
.contact-details-css{
    background: white;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 20px;
}
.active-contact-radio{
  accent-color: #5161c1 !important;
}
.contact-radio-button-css{
  display: inline-flex; 
  align-items: center; 
  color: #ffffff;
  font-size: 13px;
}

img.icon-small {
  width: 20px;
  height: 20px;
  background: #1e558c !important;
  object-fit: contain; /* Keeps the image from stretching */
  display: inline-block;
  vertical-align: middle;
}
.checkbox-lable {
  font-size: 0.9rem;
  color: #969696 !important;
  top: -15px;
  position: relative;
  left: 10px;
}

.form_heading {
  border-radius: 5px 5px 0 0;
}
.high-zindex {
  z-index: 1099 !important;
}
.show-lead-count {
  text-align: end;
}

.break-type-card {
  width: 90%;
  display: flex;
  /* padding: 22px; */
  margin-bottom: 9px;
  border: 1px solid #c15d51 !important;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}

.break-type-card:hover {
  background-color: #1e558c !important;
}

.break-type-card:hover h6 {
  color: #fff !important;
}

.break-type-card.active {
  border: 2px solid #2196f3;
  background-color: #1e558c !important;
}

.break-type-card.active h6 {
  color: #fff !important;
}