.tr-temp > td:first-child .action-btn {
    width: 21px !important;
    height: 21px !important;
    line-height: 21px !important;
}
.test-final i { color: #FFF !important;}
.text-light-green {
    color: #129B7A !important;
}
.overflow-box {
    overflow: hidden auto; 
    scroll-behavior: smooth;
    height: 100%;
}
.vert-tab.tab-content.opemrtab {
    border: 0;    
    padding: 0;   
  }
  .vert-tab.tab-content.opemrtab .tab-pane {
    background:  #FFF;
    padding: 1rem;
    border : 1px solid rgba(0, 0, 21, 0.125);
    border-radius: 1rem;
  }
.vert-tab.tab-content.opemrtab .tab-pane .tab-pane {
  border-radius: 0rem;
  border-bottom-left-radius : 1rem;
  border-bottom-right-radius : 1rem;
  border: 0;
}
  .opemr-nav  {
    position: relative;
    z-index: 0;
    border-radius : 1rem;
  }
  .opemr-greenstrip {
    width: 50px;
    height: 100%;
    /*background: #0E4F53; */
    position: absolute;  
    top: 0;
    left: 0;
    z-index: 1;
  }

  .opemr-nav  a , .opemr-nav span {
    width: 100%;
    text-transform: uppercase;
    color:rgba(44, 56, 74, 0.95);
    z-index: 2; 
    /* display: inline-block;    */
    display: flex;
    align-items: center;
  }
  .opemr-nav  a i , .opemr-nav  span i {
    width: 50px;
    height: 50px;
    /*background: #0E4F53; */  
    color: #FFF;
    line-height: 50px;
    text-align: center;   
    font-size: 20px;
    font-weight: 100;
    margin-right: 8px;
  }
  .opemr-nav span { 
    color: #FF0000;    
   }
  .opemr-nav span i { 
    background:  #f53030; 
    font-weight: 100;
    border-top-left-radius : 0.5rem;
    border-bottom-left-radius : 0.5rem;
  }
  .opemr-nav a:hover, .opemr-nav a.active {   
    color: #129B7A
  }
  .opemr-nav a.active { font-weight: 700;}

  
.emr-final-save {
  /*position: sticky;
  z-index: 4000;
  top: 0;*/
  position: absolute;
  right: 1rem;
  z-index: 1000;
}
.right-aside {  
  opacity :1 ;
  transition: opacity 2s ease; 
}

.hide {
  opacity: 0; 
}

.vert-tab.tab-content.opemrtab .tab-pane > h6, .h6-class  {
  color : #d57414;
  text-transform: uppercase;
}
 
.all-check {
  position: absolute;
  right: 40px;
  z-index: 1000;
  width: auto;
  background: #FFF;
}


/* Just for Testing */
.sidebar-right, .sidebar-right-report {
  right: -50rem;
  position: fixed;
  top: 0;
  width: 50rem;
  background-color: #FFF;
  margin-top: 3.5rem;
  transition: all .5s ease-in-out;
  border-radius: 0.375rem;
  z-index: 9999;
  height: 90%;  
}
.sidebar-right-report {
  width: 16rem;
  right: -16rem;
}
.sidebar-right-report li { width: 100%; }

.bg-overlay, .bg-overlay-report {
  position: fixed;
  width: 100%; 
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9998;
  transition: all 1s ease-in-out;
}
.bg-overlay.hide, .bg-overlay-report.hide { display:  none;}

.sidebar-right-trigger, .sidebar-right-report-trigger {
  position: absolute;
  z-index: 9;
  top: 7.75rem;
  right: 100%;  
  color: #fff;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 0.3125rem 0 0 0.3125rem;
  box-shadow: -0.3125rem 0.1875rem 0.3125rem 0rem rgba(119, 119, 119, 0.15);
}

.sidebar-right-report-trigger { top: 11.5rem; }

.sidebar-right-trigger:hover, .sidebar-right-report-trigger:hover { color : #FFF }
.sidebar-right .sidebar-close-trigger, .sidebar-close-report-trigger {
  position: absolute;
  z-index: 2;
  font-size: 1.75rem;
  top: 0;
  right: -3rem;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  text-align: center; 
  color: #fff;
  cursor: pointer;
}
.sidebar-right-inner {
  position: relative;
  height: 100%;
}

.sidebar-right.show, .sidebar-right-report.show {
  /*right: 5.25rem;*/
  right : 0;
  box-shadow: 0rem 0rem 3.125rem rgba(0, 0, 0, 0.2);
  z-index: 9999;
}


.sidebar-right-report li a {
  width: 100%;
  padding: 0.8rem 1rem;  
  margin-bottom: 3px;  
}
.sidebar-right-report li a i { font-weight: 400; margin-right: 3px; font-size: 1.25rem ;  min-width: 30px;  text-align: center; }
.sidebar-right-report li a:hover {
  background:  #f0f0f0;
  border-radius: 30px;
}
.sidebar-right-report li a.active {
  background:  #fca742;
  border-radius: 30px;
}
.save-btn {
  position: fixed;
  right: 3rem;
  bottom: 100px;
}
.btn.btn-link {font-size : 0.875rem}

.form-control.text-danger {
  color: #E45256;
}
.form-control.text-info {
  color: rgb(47, 142, 252); 
}
.form-control.text-black {
    color: rgb(0, 0, 0); 
}
.lh-normal { line-height: normal;}




.text-ontime {
  color: #129B7A !important;
  background-color: rgba(15, 183, 107, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius:0.25rem;
  border: 0;
}
.text-more30 { color: #fd7e14 !important;
  background-color: #fe90244d  !important;
  padding: 0.25rem 0.5rem;
  border-radius:0.25rem;
  border: 0;
}
.text-more60 { color: #E45256 !important;
  background-color: rgb(182 2 2 / 12%) !important;
  padding: 0.25rem 0.5rem;
  border-radius:0.25rem;
  border: 0;
}


.bg-processed { background-color: #2fb0c4; }
.bg-unprocessed { background-color: #FEc32c; }

.bg-vital-processed { background-color: #008080; }
.bg-vital-unprocessed { background-color: #69737f; }

.bmi-box {
  max-width: 100px;
  color: #FFF !important;
  margin: 0 auto;
  border: 0;
  border-radius: 1rem;
}
.conversion-tbl-box {
  height: 285px; 
  overflow: auto;
}

.yellow-hdr h6 {  
  color: #d57414 !important;
}

.bg-end-obs, .bg-pendingReq {
  background-color:#444
}
.bg-inprogress-obs, .bg-billed {
  background-color: #28a745
}

.fw-semilight {
  font-weight: 200 !important;
}
.obs-bill-box {
  max-height: 250px;
  overflow: auto;
}
.obs-bill-medbox {
  max-height: 500px;
  overflow: auto;
}

/* #modal_vital_entry input.form-control {
  font-size: 20px;
} */
.txt-pending { color: #444!important;}
.txt-billed { color:#28a745!important;}
#modal_vital_entry .col-form-label {
  font-size: 0.9rem;
  color: #808080;
}
#modal_vital_entry input.form-control {
  border: 0 !important; 
  border-bottom: 1px solid #ddd !important;     
  margin: 0 auto;
}
.hospital-name {
  font-size: 20px;
  font-weight: 400;
  color: #FFF;
  font-family: 'Philosopher', sans-serif;
}
.hospital-name span {
  font-size: 15px;
  font-weight: 300;
  font-family: 'Philosopher', sans-serif;
}
.company-branding {
  font-family: 'Philosopher', sans-serif;
}

.severe { color : #d32f2e }
.moderate { color : #f5511e }
.mild { color: #ff9f00 }
.normal { color: #00acc2 }
.over { color: #009788 }
.obese-class1 { color: #ff9f00 }
.obese-class11 { color: #f5511e }
.obese-class111 { color: #d32f2e }

.icon-box .fa-thin, .icon-box  .fat { font-weight: 300 !important;}

#id_table_todo_list td:first-child {
  width: 150px;
}
.spinner-box.jq-sub-loader {
  z-index: 1;
}

a.inactive-anchor i {
  color: #aaa !important;
}

.autofilled {
  background-color: #f0f0f0; /* Set your desired background color for autofilled inputs */
}

@media (max-width: 1199px) {
  .opemr-nav  a {
    width:auto;
  }

  .opemr-nav  a {      
    background: #0E4F53;
    color: #FFF;
    margin: 0 3px 3px 0;
    padding-right:  10px;
  }
  .opemr-nav  a i {
    width: 30px;
    height: 30px;
    background: #0E4F53;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    margin-right: 0;
  }
  .opemr-greenstrip { display: none;}
  .conversion-tbl-box {
    height: auto;
  }
}


.round-btn {
  width: 32px;
  height: 32px;
  line-height: 22px;
  border-radius: 50% !important;
  color: #FFF;
  padding: 5px;
  display: block;
  text-align: center;
}


.round-btn:hover {
  color: #FFF;
}


.save-end { 
  margin-left: 40%;
  /* background-color: #FF00;
  color: white;
  box-shadow: 0 2px 4px darkslategray; */
  border: none;
  padding: 5px;
  font-size: 16px; 
  height: 80px;
  width: 80px;  
  border-radius: 50%;
  background-color: #14a44d;
  color: #fff;
  box-shadow: 0 4px 9px -4px #14a44d;  
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.save-end:hover, .save-end:focus {
  background-color : #139c49;
  color: #fff;
  border-color : #2cad5f;
}
.save-end:active {
  background-color :#129445;
  color: #fff;
  border-color :  #2cad5f;
}

/*.save-btn, .save-btn.btn:hover, .save-btn.btn:active, .save-btn.btn:focus {  
  font-weight: 600;
  background: #FE9024 !important
}*/
/* .save-btn.btn:focus {
box-shadow: 0 0 0 0.25rem rgba(228, 82, 86, 0.5)
} */


@media (max-width: 768px) { 
  .sidebar-right {
    width: 80%;
    right: -80%;
  }
  .sidebar-right.show {
    right: 0
  } 

}

.dashboard-graph .graph-lbl3 { min-width: 163px }

.p-desc { color: #DDD !important;}
.login-copyright { color : #83A5AA }
.login-copyright a { color : #83A5AA }


.p-vitals i {
  font-size: 2em !important;
}
.p-vitals p { margin-bottom: 0;}
.p-vitals h3 {
  margin-top: 1rem;
  color: #129B7A;
}

.vitals.summary .p-vitals h3 { margin-top:  0.5rem;  color: rgb(44, 56, 74); font-size:1.3rem }

.vitals.summary .p-vitals i { font-size: 2.2em !important; color : #129B7A !important; }






/* 
@media only screen and (min-width: 1024px) and (max-width: 1919px) { 

  :root {
    --cui-body-font-size: 0.875rem;
  }
  label {    
    font-size: 0.7rem; 
  }

  .col-form-label {    
    font-size: 0.7rem; 

  .form-control {   
    font-size: 0.875rem;
  }
  
  .form-control-sm {    
     font-size: 0.75rem; 
   }

  .form-select {    
    font-size: 0.875rem;
   } 

   .form-select-sm {   
    font-size: 0.75rem;   
  }

  .input-group-sm > .form-control,
  .input-group-sm > .form-select,
  .input-group-sm > .input-group-text,
  .input-group-sm > .btn { 
    font-size: 0.75rem;  
  }

  .btn {
    font-size:  0.875rem;
  }


  .btn-sm, .btn-group-sm > .btn {    
    font-size: 0.75rem;    
  }

  .dropdown-menu {
    font-size: 0.875rem;
  }
  .dropdown-header {   
    font-size: 0.75rem;    
  }
  .accordion-button {
    font-size: 0.75rem;
  }  
  .tooltip {
    font-size: 0.75rem;
  }

} */

.report-desc {
  min-height: 90px;
  
  line-height: 1.5;
}

.card-columns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 1rem;
}

.custom-file-input {
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.custom-file-label {
  display: inline-block;  
  cursor: pointer;
}
.ico-box {
 width: 50px;  
 display: inline-block;
 vertical-align: middle;
 text-align: center;
}

legend {
  padding-bottom: 5px;
  border-bottom: 1px solid #c4c9d0;
  color: maroon;
}

.ico-box {
  display: inline-block;
  min-width: 35px;
  text-align: center;
}
.expand-height {
  height: 910px;
}
.compress-height {
  height: 700px;
}

#sReportBox .nav-link { padding-bottom:  0; min-width: 200px}

.header-inner .utility a {  color: rgba(44, 56, 74, 0.95) !important }

.header-inner .utility i { font-size: 25px; margin-bottom: 5px;}

.related-app {
  text-align: center;
  border-radius: .5rem;
  border: 1px solid rgba(0, 0, 21, 0.15);
}
.related-app:hover {
  background-color: rgb(243,246,248);
}
.fs-12 {
  font-size: .75rem;
}

.related-app .fad::before {
  color: #FE9024;  /* Replace with your desired primary color code */
  opacity: 1;
}

.related-app .fad::after {
  color: #0E4F53;/* Replace with your desired secondary color code */
  opacity: 1;
}

.dropdown-menu.utility {
  transform-origin: 50% 100%; /* Change the transform origin to adjust the position */
  transform: translate(0, 15%) !important; /* Adjust the translation values */  
    box-shadow: 0 .25rem .625rem rgba(20,20,20,.1);
    inset-block-start: -3px!important;
}

.small-box.box-vitals h3 span {
  color: rgba(44, 56, 74, 0.95); 
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}

.allergy-box { 
  color: #FF0000;
  border-radius: 0.5rem;
  /*height: 50px;*/
  min-height: 50px;
  font-weight: 600;
  line-height: 20px;
}
.allergy-box span { font-weight: 400;}
.p-allergy, .p-allergy i, .allergy-box a { color: #FF0000}

.allergy-over { 
  background: #FFF;
  border-radius: 1rem;
  position: absolute;
  left: 200px;
  z-index: 2000;
  top:180px;
  cursor: pointer;
}

.allergy-over .fs-6 { font-size: 0.95rem !important }
.bdr-right-light {
  border-right: 1px solid #DDD;
}
.allergy-tbl td { padding-bottom:  8px;}
.text-mild { color: #FFFF00;}

.opemr-nav  a i.fa-triangle-exclamation {      
  background: #f53030;
  color: #FFF;
}

.about-container {
  
  border-radius: .5rem;
  overflow: hidden;
  padding: 1.25rem;
  background: #fff ;
}
.aboutus-banner {
  width: 100%;
  background-image: url(../images/media-79.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  border-radius: .5rem .5rem 0 0;
  z-index: 9;
  -webkit-margin-after: 3rem;
  margin-block-end: 3rem;
  border-radius: .5rem;
}
.aboutus-banner {
  padding: 4rem;
  -webkit-margin-after: 8rem;
  margin-block-end: 8rem;
}
.aboutus-banner:before {
  content: "";
  position: absolute;
  background-color: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  bottom: 0;
  border-radius: .3rem;
}
.aboutus-banner .aboutus-banner-content {
  z-index: 10;
  text-align: center;
  color: #fff;
}
.intro-text {
  opacity: 0.8;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400 !important;
  text-align: justify;
}

.about-company-stats {
  position: absolute;
  bottom: -3rem;
  z-index: 10;
  inset-inline-start: 0;
  inset-inline-end: 0;
}
.about-company-stats .about-company-stats-border {
  -webkit-border-end: 1px dashed rgba(0,0,0, 0.1);
  border-inline-end: 1px dashed rgba(0,0,0, 0.1);
}
.card.custom-card .card-body {
  padding: 1.25rem;
  color: #333;
}
.no-stretch {
  flex-grow: 0 !important;
}
.bg-count-1 { background: #dbede2 ;}
.bg-count-2 { background:  #e4eff2; ;}
.count {
  font-size: 20px;
  color:#25282a;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.count-desc {
  font-size: 16px;
  color:#25282a;
}
.copyright {
  font-size: 0.85rem;
  font-style: italic;
  text-align : right;
}
.area-height { height:  75px;}
.navico {
  width: 30px;  
}
#pageNav i, .page-nav i {
  color: #d57414;
  font-size: 1rem;
 }

 .req-box {
  max-height: 200px;
  overflow: auto;  
 }
 .routine-box {
  height: 200px;
  overflow: auto;  
 }
 .lab-request-total, .procxs-request-total {
  padding-left: 10px;
  font-size: 20;
  font-size: 20px;
  font-weight: 500;
}
.appointment-progress-bg {
  background-color : #0b7d87
}
.totalop-progress-bg {
  background-color :#FEC32C
 }
 .visited-progress-bg {
  background-color :#545b62
 }
 .consultation-progress-bg {
  background-color :#0b7d87
 }
 .new-progress-bg {
  background-color :#FF0000 
 }
 .progress.count-progress { height: 1.5rem;}
 .progress.count-progress .progress-bar { line-height: 1.5rem;}
 .opemr-nav.bg-white { border : 1px solid rgba(0, 0, 21, 0.125)}



 /*
.dashboard-menu ul {
  color: #757575;
  font-size: 14px;
  line-height: 17px;
  list-style: none;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
}
.dashboard-menu>ul>li {
  border-bottom: 1px solid rgba(0, 0, 21, 0.125);
  position: relative;
}
.dashboard-menu>ul>li a {
  color: #757575;
  display: block;
  padding: 16px 20px;
}
.dashboard-menu ul li a i {
  
}
.dashboard-menu ul li a span, .dashboard-menu ul li a i {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-menu>ul>li.active>a, .dashboard-menu>ul>li:hover a {
  color: rgb(24, 198, 135)
}*/

.dashboard-menu button {
  text-align: left;
}
.dashboard-menu button i {
  font-size: 17px;
  margin-right: 10px;
  width: 22px;
  vertical-align: middle;
}
.dashboard-menu .nav-link {
  border-right : 3px solid rgba(0, 0, 21, 0.125);
  padding: 1rem 0;
  color : rgba(44, 56, 74, 0.95);
}
.dashboard-menu .nav-link span  {
  display: inline-block;
  vertical-align: middle;
}
.dashboard-menu .nav-link:hover, .dashboard-menu .nav-link.active {
  border-right : 3px solid rgb(24, 198, 135);

}
.dash-card .dash-widget.dct-border-rht, .dct-border-rht {
  border-right: 1px solid rgba(0, 0, 21, 0.125);
}
.dash-card .dash-widget .circle-bar {
  margin-right: 15px;
}
.dash-card .dash-widget .circle-bar>div canvas {
  width: 90px!important;
  height: 90px!important;
}
.dash-card .dash-widget .circle-bar>div i {
  text-align: center;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 2.3em !important;
  
}
.dash-card .dash-widget .circle-bar>div {
  display: inline-block;
  position: relative;
  text-align: center;
}

.dash-card .dash-widget .circle-bar {
  margin-right: 15px;
}
.dash-card .dash-widget h6 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 4px;
}
.dash-card .dash-widget h3 {
  font-size: 24px;
  margin-bottom: 5px;
  font-weight: 700;8
}
.dash-card .dash-widget p {
  color: #757575;
  font-size: 14px;
  margin-bottom: 0;
  margin-bottom: 0.3rem;
}
.dash-card .dash-widget p.text-muted {
  color : rgba(44, 56, 74, 0.7) !important;
} 
.opemr-card .card {
  border-radius: 1rem;
}
.summary-list .list-group-item {
  border: none !important;
  font-weight: 400;
  color: rgb(44, 56, 74);
}
.summary-list .bdr-right {
  border-right: 1px solid rgba(0, 0, 21, 0.125);
}
.summary-list .list-group-item p {
  margin: 0.25rem 0 0 0;
}

.card.bg-inpatient .nav-tabs li:first-child .nav-link {
  border-top-left-radius: 1rem;
}
/*.card.bg-inpatient .tab-content {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.modal .card.bg-inpatient .tab-content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;

}*/

.white-box {
  min-height: 200px;
}
.hdr-bdr {
  border-bottom: 1px solid rgba(0, 0, 21, 0.125);
  padding-bottom: 0.5rem;
}

.blue-btn {
  background-color: rgba(2, 182, 179, 0.12) !important;
  color: #1db9aa !important;
  padding: 0.25rem 0.5rem;
  border-radius:1rem;
  border: 0;
}
.green-btn {
  background-color: rgba(15, 183, 107, 0.12) !important;
  color: #26af48 !important;
  padding: 0.25rem 0.5rem;
  display: inline-block;
  cursor: pointer;
  border-radius:1rem;
}
.line-height-n {
  line-height: 18px;
}
.file-title {
  font-size: 1.2rem;
}
.date {
  color: rgba(44, 56, 74, 0.7) !important;
}
.listing-tbl td { padding: 8px 5px;}
.key-notes {
  line-height: 20px;
}
.listing-tbl i {
  color: #129B7A !important;
}

.desc-box-rpt { margin-bottom: 1rem; line-height: 18px;}

.accordion .card { border-radius: 0;}

.summary-overflow {
  height: 100%;
  overflow: auto;
}
.complaint-btns-outer .btn.custom-button {
  position: relative;
  padding-inline-start: 2.75rem;
  padding-left: 1.6rem !important;
  color : #FFF;
}
.custom-button .custom-btn-icons {
  box-shadow: 0 0 1px .25rem rgba(0,0,0,.1);
  position: absolute; 
  inset-block-start: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: .375rem;
  border-radius: 3.125rem;
  width: 1.4rem;
  height: 1.4rem;
  background: #FFF;
  color: #0E4F53;
  left: -2px;
  top: 0;
  }


  .vert-tab.tab-content.opemrtab .modal .tab-pane {
    border: 0;
    border-radius: 0;
  }

  .listing-tbl .fa-2x { font-size: 1.5em; }


  #modal_LabTemplate .checkmark { visibility: hidden;   }   
 .highlight-nav .nav-link:hover, .highlight-nav .nav-link:focus {
    background-color: rgba(15, 183, 107, 0.12) !important;
    border-radius: 50rem;
 }

 .allergy-over.div_patient_profile { 
  background: #FFF;
  border-radius: 1rem;
  position: absolute;
  left: 200px;
  z-index: 10000;
  top:auto;
  cursor: pointer;
  
}

.div_patient_more_details_dischargebill {
    background-color: white;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 300px;
    z-index: 9999;
}
.div_advanceamt_more_details_dischargebill {
    background-color: white;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 300px;
    z-index: 9999;
}
.div_salesreturn_details_dischargebill {
    background-color: white;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 300px;
    z-index: 9999;
}

.bdr-bottom { border-bottom:  1px solid #c4c9d0;}



@media (max-width: 767.98px) {
  .header-inner { 
    justify-content:left;
  }
}

.ct-scroll {
  max-height: 120px;
  overflow: auto;
}





/* iframe {
  zoom: 1.2; 
  -moz-transform: scale(1.2); 
  -webkit-transform: scale(1.2); 
  transform: scale(1.2); 
} */


.bg-moderate {
  background-color: #FF8C00 !important;
}

.bg-normal-weight{
    background-color: rgb(2 182 179 / 70%) !important;
}

.bg-over-weight{
    background-color: #198754c2 !important;
}


:root {
	--primary-color: #15616D;
	--secondary-color: #e6eef9;
}


.toggle-container {	
	display: flex;
	align-items: center;
	justify-content: center;
  background-color: #fff;
  border-radius: 99px;  
}
.toggle-container  .tabs {
	display: flex;
	position: relative;
	
	box-shadow: 0 0 1px 0 rgba(#185ee0, 0.15), 0 6px 12px 0 rgba(#185ee0, 0.15);
	padding: 0.5rem;
	
}
.toggle-container.appointment-toggle .tabs {
  border: 1px solid var(--cui-card-border-color, rgba(0, 0, 21, 0.125));
  border-radius: 99px; 
}





.toggle-container  .tabs input[type="radio"] {
	display: none;
}

.tab {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	width: 170px;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 99px; 
	cursor: pointer;
	transition: color 0.15s ease-in;
  z-index: 3;
 /*  z-index: 0;*/
}
.tab.appointment {
  width: 230px;
}
.notification {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.8rem;
	margin-left: 0.75rem;
	border-radius: 50%;
	background-color: var(--secondary-color);
	transition: 0.15s ease-in;
  font-size: 0.9rem;
}

.toggle-container input[type="radio"] {
	&:checked {
		& + label {
			color: var(--primary-color);
			& > .notification {
				background-color: var(--primary-color);
				color: #fff;
			}
		}
	}
}

.toggle-container input[id="radio-1"] {
	&:checked {
		& ~ .glider {
			transform: translateX(0);
		}
	}
}
.toggle-container input[id="radio-2"] {
	&:checked {
		& ~ .glider {
			transform: translateX(100%);
		}
	}
}
.toggle-container input[id="radio-3"] {
	&:checked {
		& ~ .glider {
			transform: translateX(200%);
		}
	}
}


.glider, .glider-appoint {
	position: absolute;
	display: flex;
	height: 34px;
	width: 170px;
	background-color: var(--secondary-color);
	z-index: 1;
	border-radius: 99px; // just a high number to create pill effect
	transition: 0.25s ease-out;
}
.glider-appoint {
  width: 230px;
}
.ipemr-dashboard .glider, .ipemr-dashboard .glider-appoint { background:#FFF; }
.ipemr-dashboard .notification {
  background-color: var(--primary-color);
				color: #fff;
}

@media (max-width: 700px) {
	.tabs {
		transform: scale(0.9);
	}
}

.notify {
  background: rgba(15, 183, 107, 0.22) !important;
  color: #129B7A;
}

#print_content .card { border-radius: 1rem;}
#print_content .card-header {
  border-top-right-radius: 1rem !important;
  border-top-left-radius: 1rem !important;
}
.accordion-collapse.collapse .accordion-body {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 21, 0.15) !important;
}


/*ward request - status*/
.bg-result-pending { background-color: #FEC32C; }
.bg-result-entered { background-color: #18C687; }
.bg-cancelled-request { background-color: #444; }
.bg-substitute { background-color: #C080FF; }

.nav.nav-bold i {
    font-size: 1rem;
}

.dtb-otr {
  position: relative;
  z-index: 1;
/*  margin-top: -40px;*/
}
.text-green {
  color: #28a745 ;
}
.bg-bill-pending {
  background-color: #ffc107;
}
.bg-ip-transfer {
  background-color: #545d48;
}
.bg-company-credit {
  background-color: #ff5c35;
}
.bg-cleared-bills {
  background-color: #138496
}
.bg-medicine-return {
  background-color: #138496
}
.bg-service-return  {
  background-color: #18C687
}
.border-radius-1 {
  border-radius: 1rem !important;
}


@media (max-width: 768px) {
  #myCarousel .carousel-inner .carousel-item > div {
    display: none;
  }

  #myCarousel .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
#myCarousel  .carousel-inner .carousel-item.active,
#myCarousel .carousel-inner .carousel-item-start,
#myCarousel .carousel-inner .carousel-item-next,
#myCarousel .carousel-inner .carousel-item-prev {
  display: flex;
}

/* display 4 */
@media (min-width: 768px) {
  #myCarousel .carousel-inner .carousel-item-right.active,
  #myCarousel .carousel-inner .carousel-item-next,
  #myCarousel .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(25%) !important;
  }

  #myCarousel .carousel-inner .carousel-item-left.active,
  #myCarousel .carousel-item-prev:not(.carousel-item-end),
  #myCarousel .active.carousel-item-start,
  #myCarousel .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }

  #myCarousel .carousel-item-next.carousel-item-start, #myCarousel .active.carousel-item-end {
    transform: translateX(0) !important;
  }

  #myCarousel .carousel-inner .carousel-item-prev,
  #myCarousel .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
}

#myCarousel .carousel-item a {
  min-width: 300px;
  margin: 0 4px 0 0;
}
#myCarousel .carousel-inner.w-100 { width: 95% !important;}
#myCarousel a h6 { color:#000; font-weight: 300;}
.ip-widget .circle-bar>div {  
    display: inline-block;
    position: relative;
    text-align: center;
}
.ip-widget .circle-bar>div canvas {
  width: 80px!important;
  height: 80px!important;
}
.ip-widget .circle-bar>div i {
  text-align: center;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  font-size: 2.3em !important;
}
.ip-widget .circle-bar {
  margin-right: 10px;
}

.allergies-severity{
  height:180px;
  overflow:auto;
}


#myCarousel .carousel-item.active .active, #myCarousel .carousel-item.active .active .card {
  background-color: #d9e6e8;
}

.action-ico a:hover {
  transform: scale(1.3);
}
.action-ico a {
  transition: transform 0.5s ease;
}

.action-ico i {
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  filter: crisp-edges;
}
.action-ico:hover i {
  transform-origin: center;
}
#prescription-list_wrapper .dataTables_scrollBody  {
  min-height: 200px;
}

#id_modal_print .btn-print {
  background: #FFF;
 
  
}
#id_modal_print .modal-header .btn-close {  
  margin: 0 !important;
}

.nowrap {
    white-space: nowrap;
}
.scroll-wrapper {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}
.text-scroll {
  display: inline-block;
  animation: scrollingText 50s linear infinite;
  font-size: 22px;
  color: #FF0000;
  font-family: 'Philosopher', sans-serif;
}
.text-scroll:hover {
  animation-play-state: paused; /* Pauses the animation on hover */
}
.text-scroll a {
    color: #0b57d0;
    font-style: italic;
    font-size: 20px;
    text-decoration: underline;
}
@keyframes scrollingText {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.swal-z-index {
    z-index: 10004 !important;
}

.select-readonly {
    pointer-events: none;
    background-color: #00001520;
}
.slider-tooltip {
  position: absolute;
  display: none;
  padding: 5px;
  background-color: #0E4F53;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  top: -26px;
  background-image: linear-gradient(to right,  #047979 0%, #0E4F53  51%, #047979  100%);
  background-size: 200% auto;    
}
.pain-scale .ui-widget-header {
  background-color: #0E4F53;
  background-image: linear-gradient(to right,  #047979 0%, #0E4F53  51%, #047979  100%);
  background-size: 200% auto;    
}
.pain-scale .ui-state-active, .pain-scale .ui-widget-content .ui-state-active {
  background-color: #0E4F53;
  border-radius: 99px;
  border: 1px solid  #d57414 ;
}
.pain-scale .ui-slider .ui-slider-handle {
  width: 1.5em;
  height: 1.5em;
}
.pain-scale .ui-state-default, .pain-scale .ui-widget-content .ui-state-default {
  background-color: #d57414;
  border-radius: 99px; 

}

.treeview ul {
  list-style: none;
  padding-left: 20px;
  margin-bottom: 0;
}
.treeview li {
  margin: 5px 0;
  cursor: pointer;
  position: relative;
}

.treeview li::before {
  content: '\f07c';
  font-family: "Font Awesome 6 pro";
  font-weight: 900;
  margin-right: 5px;
  position: absolute;
  left: -20px;
  top: 0;
  --fa-primary-color: blue;
  --fa-secondary-color: red;
  --fa-primary-opacity: 1.0;
  --fa-secondary-opacity: 0.4;
}

.treeview li.collapsed::before {
  content: '\f07b';
}
.treeview li li::after {
  content: '';
  position: absolute;
  top: 12px;
  left: -34px;
  width: 12px;
  height: 1px;
  background-color: #111;
}
.treeview ul::before {
  content: '';
  position: absolute;
  top: 28px;
  bottom: 30px;
  left: 22px;
  border-left: 1px solid #111;
}

.treeview li ul::before {
  content: '';
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 5px;
  border-left: 1px solid #111;
}
.treeview li:last-child ul::before { display: none;}
.treeview ul ul ul::before { display: none;}

/* End */
.btn-circle { 
  border: none; 
  font-size: 16px; 
  width: 40px;
  height: 40px;
  border-radius: 50%;  
  color: #fff;
  
}



.treeview li.collapsed::before { 
  content: '\f07b';   
}
.treeview {
  color: #15616D;
}
.treeview ul ul ul li {
  padding: 0.2rem 0.5rem;
}
.treeview ul ul ul li.active, .treeview ul ul ul li:hover {
  background: #f0f0f0;
}
.treeview ul ul li {
  /* color :#FE9024 */
  color: #047979;
}
.treeview ul ul ul li {
  /* color : green */
  color : #129B7A
}
.treeview ul ul ul li::before { 
  content: '\f15b'; 
}
.treeview ul { font-weight: 500; }
.treeview ul ul  { font-weight: 400; }
.substitute-md-scroll-box {
    max-height: 600px;
    overflow: auto;
    min-height: 145px;
}


    @import url('https://fonts.googleapis.com/css?family=Montserrat');
        /* #painscale-container{
      position: relative;
      display: inline-block;
      text-align: center;
      color: #EEAA7B;
      font-family: 'Montserrat', sans-serif;   
    } */
   
    #painscale-container {
      position: absolute;
      display: inline-block;
      text-align: center;
      color: #EEAA7B;
      font-family: 'Montserrat', sans-serif;
      top: -40px;
      left: 0;
  }
     #scale{
      transform: rotateX(180deg);
      stroke-width: 50;
      fill: none;
    }
    
    #YAS{
      stroke: #29ce58;
      stroke-dasharray: 471, 943;
    }
    
    #Yeah{
      stroke: #87d19c;
      stroke-dasharray: 393, 943;
    }
    
    #Mmkay{
      stroke: #ffd651;
      stroke-dasharray: 315, 943;
    }
    
    #Ouch{
      stroke: #ef961a;
      stroke-dasharray: 237, 943;
    }
    
    #Owwwww{
      stroke: #f26d0e;
      stroke-dasharray: 159, 943;
    }
    
    #AHHHHHHH{
      stroke: #ce2d2d;
      stroke-dasharray: 81, 943;
    }
    
    #needle{
      fill: #66B9BF;
    }
    
    .faces{
      position: absolute;
      width: 20%;
      height: 20%;
      top: 37%;
      left: 40%;
    }
    
    .faces #YAS, .faces #Yeah, .faces #Mmkay, .faces #Owwwww, .faces #AHHHHHHH{
      visibility: hidden;
    }
    
    #slider, #level {
      position: absolute;
    }
    
    #painscale-container h1 {
      position: absolute;
      top: 60%;
      left: 0;
      margin: auto;
      right: 0;
      font-size: 1.3em;
      color: #d57414;
    }
    
    #slider {
      cursor: pointer;
      left: 0;
      margin: auto;
      right: 0;
      top: 70%;
      width: 50%;
      -webkit-appearance: none;
      border-radius: 10px;
      height: 15px;
      background-image: linear-gradient(to right,  #047979 0%, #0E4F53  51%, #047979  100%);
      background-size: 200% auto;   
    }
    
    #slider::-webkit-slider-thumb {
      -webkit-appearance: none;
      height: 20px;
      width: 15px;
      border-radius: 3px;
      background: #ffffff;
      cursor: pointer;
    }
    
    #slider:focus {
      outline: none; 
    }
    
    /* #level {
      color: black;
      font-size: 15pt;
      font-weight: bold;
      top: 75%;
      width: 10%;
      left: 45%;
      visibility: hidden;
      font-size: .9em;
      color: #EEAA7B;
    } */
    #level {
      color: black;
      font-size: 15pt;
      font-weight: bold;
      top: 79%;
      width: 100%;
      left: 45%;
      visibility: hidden;
      font-size: .9em;
      color: #d57414;
      left: 0;
  }
  
  
  #slider::-webkit-slider-thumb   {    
    -webkit-appearance: none; /* Remove default styling */
    appearance: none; /* Remove default styling */
    
    background: #d57414; /* Handle color */
    cursor: pointer; /* Pointer cursor on hover */
   
  }
  
  #slider::-moz-range-thumb {    
    background: #d57414; /* Handle color */
    cursor: pointer; /* Pointer cursor on hover */
   
  }  
  #slider::-ms-thumb {   
    background: #d57414; /* Handle color */
    cursor: pointer; /* Pointer cursor on hover */
    
  }

  .bg-despatched {
    background-color: #18C687;
  }


.image-listing .img-container {
  --cui-bg-opacity: 1;
  background-color: rgba(var(--cui-light-rgb), var(--cui-bg-opacity)) !important;
  border: 1px solid rgb(230, 224, 224);
  padding: 10px 5px;
  display: inline-block;
  width: 130px; 
  text-align: center;
}

.bg-org {
  background-color: #FE9024;
}


.ribbon-2 {
  --f: 10px; /* control the folded part */
  --r: 15px; /* control the ribbon shape */
  --t: 10px; /* the top offset */

  /*position: absolute;*/
  position: fixed;
  inset: var(--t) calc(-1 * var(--f)) auto auto;
  padding: 0 10px var(--f) calc(10px + var(--r));
  clip-path: 
      polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%,
              calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)),
              var(--r) calc(50% - var(--f) / 2));
  background: linear-gradient(to right, #FE9024 0%, #d57414 100%);
  box-shadow: 0 calc(-1 * var(--f)) 0 inset #0005;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  /*line-height: calc(40px + var(--f));*/
  line-height: 24px;
  z-index: 1;
  /*right: 5px;
  top: -5px;*/
  right: 10px;
  top: 64px;
}

.ribbon-2 span {
  position: relative;
  z-index: 1;
  padding: 5px 0;
  
}
.top-s {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-controls {
  width: auto;
  display: flex;
}
.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
  border : 1px solid #c6c6c6 !important;
  padding: 0.4rem 0.6rem !important;

}
div.dataTables_processing>div:last-child>div {
  background: #0E4F53 !important;
  background: linear-gradient(to right,  #1e5799 0%,#114f52 0%,#114f52 0%,#047979 100%) !important;
}
.dataTables_scrollBody {min-height: 200px;} 
#temp-prescription-list_wrapper .dataTables_scrollBody {min-height: 10px;} 



/* Ot Right Box */
.ot-rt-box {
  right: -50rem;
  position: fixed;
  top: 0;
  width: 800px;
  background-color: #FFF; 
  transition: all .5s ease-in-out;  
  z-index: 9999;
  height: 100%;  
}
.ot-rt-box-bg {
  position: fixed;
  width: 100%; 
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9998;
  transition: all 1s ease-in-out;
  opacity: 1;
}
.ot-rt-box-bg.hide { display:  none;}


/* .ot-rt-box-trigger {
  position: absolute;
  z-index: 9;
  top: 7.75rem;
  right: 100%;  
  color: #fff;
  display: inline-block;
  height: 3rem;
  width: 3rem;
  text-align: center;
  font-size: 1.75rem;
  line-height: 3rem;
  border-radius: 0.3125rem 0 0 0.3125rem;
  box-shadow: -0.3125rem 0.1875rem 0.3125rem 0rem rgba(119, 119, 119, 0.15);
} */
.ot-rt-box-close-trigger {
  position: absolute;
  z-index: 2;
  font-size: 1.75rem;
  top: 0;
  right: -3rem;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  text-align: center; 
  color: #fff;
  cursor: pointer;
}
.ot-rt-box-inner {
  position: relative;
  height: 100%;
}

.ot-rt-box.show {  
  right : 0;
  box-shadow: 0rem 0rem 3.125rem rgba(0, 0, 0, 0.2);
  z-index: 9999;
}

.ot-rt-box-close {
  /* background: none;
  height: 24px;
  width: 24px;
  background-color: #ffdede;
  border-radius: 6px;
  color: red;
  font-size: 18px;  */
}
.btn-w {
  width: 157px;
}

.text-inuse {
  /* color: #3A6E95 !important;
  background-color: rgba(58, 110, 165, 0.3); */
  color: #2A1E95 !important;
  background-color: rgba(42, 30, 149, 0.15);
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

.text-chemical {  
  color: #6E6E6E !important;
  background-color: rgba(110, 110, 110, 0.2) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}
.text-heat {  
  color: #D35400 !important;
  background-color: rgba(211, 84, 0, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}
.text-steam {  
  color: #00CED1 !important;
  background-color: rgba(0, 206, 209, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}
.text-maintenance {  
  color: #E67E22 !important;
  background-color: rgba(230, 126, 34, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}
.ms-options-wrap > button:focus, .ms-options-wrap > button {
   height: 35px !important;
}
.ms-options-wrap > .ms-options > ul label {
  padding: 6px 4px 4px 30px !important;
  text-transform: uppercase;
}
.ms-options-wrap > button:focus, .ms-options-wrap > button {
  text-transform: uppercase;
}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
  padding: 5px 20px 5px 7px !important;

}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
  left: 7px !important;
}

.generate-report {
  position: absolute;
  bottom :10px;
}
.rpt-box {
  min-height: 80px;
  position: relative;
}
.rpt-box:hover {
  background: rgba(27,158,62,0.1);
  color: rgb(27,158,62);
}
.rpt-box:hover a {
  color: #000;
}
.report-list {
  margin-top: 0.5rem;
}
.rpt-hdr {
  color:rgb(27,158,62)!important;
}

.surgery-analysis.tabs .tab, .surgery-analysis.tabs .glider { width: 230px;}
.surgery-kit.tabs .tab, .surgery-kit.tabs .glider { width: 230px;}

.analysis-tab-content, .rd-content-box {
  display: none;
}

.analysis-tab-content.active, .rd-content-box.active {
  display: block;
}

table#tbl_discharge_summary tr td {
    text-wrap: nowrap;
}


.worko-tabs {  
  .state{
    position: absolute;
    left: -10000px;
  }
  .flex-tabs{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #d9e6e8;
      
      .tab{
        flex-grow: 1;
        max-height: 50px;
      }
    
      .panel {
        background-color: #fff;
        padding: 20px;
        min-height: 300px;
        display: none;
        width: 100%;
        flex-basis: auto;
    }
  }

  .tab {
    display: inline-block;
    padding: 13px;
    vertical-align: top;
    background-color: transparent;  
    cursor: hand;
    cursor: pointer;
    border-left: 10px solid #ccc;
    border-radius : 0;  
    height: auto;  
      &:hover{
        background-color: #fff;
      }
  }  
  
  span.tab {  
    background: #d9e6e8; 
    border-left: #d9e6e8;  
    cursor : initial;   
      &:hover{
        background-color: #d9e6e8; 
      }
  }  
}
.bg-inpatient {
  .worko-tabs { 
    .tab {
      background-color: rgb(234, 237, 239);  

    }
  } 
}

#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label,
#tab-five:checked ~ .tabs #tab-five-label,
#tab-six:checked ~ .tabs #tab-six-label,
#tab-seven:checked ~ .tabs #tab-seven-label {
  background-color: #fff;
  cursor: default;
  border-left-color: #28a745;
}

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel, 
#tab-five:checked ~ .tabs #tab-five-panel, 
#tab-six:checked ~ .tabs #tab-six-panel, 
#tab-seven:checked ~ .tabs #tab-seven-panel {
  display: block;
}

@media (max-width: 600px){
.flex-tabs{
  flex-direction: column;
  
  .tab{
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 21, 0.125);
    
      &:last-of-type{
        border-bottom: none;
      }
  }
  
  #tab-one-label{order:1;}
  #tab-two-label{order: 3;}
  #tab-three-label{order: 5;};
  #tab-four-label{order: 7;};
  #tab-five-label{order: 9;};
  #tab-six-label{order: 11;};
  #tab-seven-label{order: 13;};
  #tab-one-panel{order: 2;}
  #tab-two-panel{order: 4;}
  #tab-three-panel{order: 6;}
  #tab-four-panel{ order: 8;}
  #tab-five-panel{ order: 10;}
  #tab-six-panel{ order: 12;}
  #tab-seven-panel{ order: 14;}
}

  #tab-one:checked ~ .tabs #tab-one-label,
  #tab-two:checked ~ .tabs #tab-two-label,
  #tab-three:checked ~ .tabs #tab-three-label,
  #tab-four:checked ~ .tabs #tab-four-label,
  #tab-five:checked ~ .tabs #tab-five-label,  
  #tab-six:checked ~ .tabs #tab-six-label,
  #tab-seven:checked ~ .tabs #tab-seven-label {
    border-bottom: none;
  }

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel,
#tab-five:checked ~ .tabs #tab-five-panel,
#tab-six:checked ~ .tabs #tab-six-panel,
#tab-seven:checked ~ .tabs #tab-seven-panel {
  border-bottom: 1px solid rgba(0, 0, 21, 0.125);
}
}
.custom-swal  { text-align: left; font-size: 0.875rem; }
.custom-swal h6 {
  text-align: center;
  text-decoration: underline;
  font-weight: bold;
  font-weight: 1.1rem;

}
.radios-inline  {
  margin: 3px 0 0 0;
  padding: 0;
  list-style-type: none;
}
.radios-inline li {
  display: inline-block;
  padding-right: 5px;
}

table#id_table_bill_query tr td, table#id_table_bill_query tr td {
    text-wrap: nowrap;
}
.w-50 {
  width: 50px;
}
.min-ht-31 {
  min-height: 31px;
}

/*ASSET INVENTORY STATUS*/

/* ACTIVE */
.text-active {
  color: #28A745 !important;
  background-color: rgba(40, 167, 69, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius:0.25rem;
  border: 0;
}

/* INACTIVE */
.text-inactive {
  color: #6C757D !important; /* Grey */
  background-color: rgba(108, 117, 125, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* UNDER MAINTENANCE */
.text-under-maintenance { 
  color: #FF5722 !important; /* Deep Orange-Red */
  background-color: rgba(255, 87, 34, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius:0.25rem;
  border: 0;
}

/* DECOMMISSIONED */
.text-decommissioned{
  color: #DC3545 !important; /* Red */
  background-color: rgba(220, 53, 69, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* IN TRANSIT */
.text-in-transit {
  color: #007BFF !important; /* Blue */
  background-color: rgba(0, 123, 255, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* PENDING ACQUISITION */
.text-pending-acquisition {
  color: #FFA500 !important; /* Orange */
  background-color: rgba(255, 165, 0, 0.12) !important; /* Light orange background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* DISPOSED */
.text-disposed {
  color: #4B0082 !important; /* Indigo */
  background-color: rgba(75, 0, 130, 0.12) !important; /* Light indigo background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* ON HOLD */
.text-on-hold {
  color: #8B4513 !important; /* SaddleBrown */
  background-color: rgba(139, 69, 19, 0.12) !important; /* Light brown background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* LOST */
.text-lost {
  color: #343A40 !important; /* Dark Gray */
  background-color: rgba(52, 58, 64, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* DAMAGED */
.text-damaged {
  color: #E83E8C !important; /* Pink */
  background-color: rgba(232, 62, 140, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* OBSOLETE */
.text-obsolete {
  color: #17A2B8 !important; /* Teal */
  background-color: rgba(23, 162, 184, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}


/*ASSET TRANSFER STATUS*/

/* PENDING */
.text-pending {
  color: #FF8C00 !important; /* Orange */
  background-color: rgba(255, 140, 0, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* PRIMARY APPROVAL */
.text-primary-approved {
  color: #28A745 !important;
  background-color: rgba(40, 167, 69, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius:0.25rem;
  border: 0;
}

/* FINAL APPROVAL */
.text-final-approved {
  color: #074C3A !important;
  background-color: rgba(5, 92, 53, 0.25) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* CANCELLED */
.text-cancelled {
  color: #343A40 !important; /* Dark Gray */
  background-color: rgba(52, 58, 64, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

.text-final {
  color: #074C3A !important;
  background-color: rgba(5, 92, 53, 0.25) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}


.input-payroll {
  max-width: 300px;
}
.payslip-btns button {
 min-width: 110px;
 text-align: center;
}

.input-payroll-min {
  max-width: 100px;
}
.all-span{
  width: 88px;
  display: inline-block;
}

.inactive-checkbox { 
  background-color : #aaa !important; 
  pointer-events : none !important; 
}

/* ADDED FOR FINANCE */
.trans-bdr-btm {
  border-bottom: 1px solid transparent;
}
.gst-box {
  height: 292px;
  overflow-x: hidden;
  overflow-y: auto;
}
.fieldset-label {
  margin-top: -1.2rem;
}
.fieldset-label span {
  background: #FFF;
}
.clr-green { color: green;}
.clr-maroon { color: maroon;}

.badge-new-otr .badge {
  padding: 0.5em 1em !important;
  border-radius: 0.25rem !important;
}
.badge-new-otr .badge input[type='checkbox'] {
  margin-right: 0.25rem !important
}

.form-check-input, input[type='checkbox'] {
  width: 1.2em;
  height: 1.2em;
}
#id_table_surgery_analysis_wrapper .left-controls, #id_table_theater_analysis_wrapper .left-controls, #id_table_doctor_analysis_wrapper .left-controls {
  width: 100%;
  justify-content : space-between
}
.sq-btns {
  padding: 0.7rem 0.7rem;
}
.bg-secondary-transparent {
  background-color: rgba(38,191,148,.1)!important;
  color: rgb(38,191,148)!important;
}
.ecommerce-icon svg.secondary {
  background-color :rgb(38,191,148)
}
.ecommerce-icon svg {
  width: 1.75rem;
  height: 1.75rem;
  padding: .35rem;
  border-radius: .5rem;
}
.fs-20 {
  font-size: 1.25rem;
}
.bg-success-transparent {
  background-color: rgba(38,191,148,.1)!important;
  color: rgb(38,191,148)!important;
}

/*IP OP ADVANCE*/

/* Not Paid */
.adv-not-paid {
  color: #FF7F00 !important; /* Sharpened Orange */
  background-color: rgba(255, 165, 0, 0.12) !important; /* Light orange background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Cash Payment */
.adv-cash-payment {
  color: #006666 !important; /* Sharpened Teal */
  background-color: rgba(0, 128, 128, 0.12) !important; /* Light teal background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Multi Payment */
.adv-multi-payment {
  color: #0069D9 !important; /* Sharpened Blue */
  background-color: rgba(0, 123, 255, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Credit/Debit Card */
.adv-credit-debit-card {
  color: #4B0082 !important; /* Indigo */
  background-color: rgba(75, 0, 130, 0.12) !important; /* Light indigo background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Cheque */
.adv-cheque {
  color: #D32F2F !important; /* Sharpened Deep Orange-Red */
  background-color: rgba(255, 87, 34, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Neft & Others  */
.adv-neft  {
  color: #6A2C1C !important; /* Sharpened SaddleBrown */
  background-color: rgba(139, 69, 19, 0.12) !important; /* Light brown background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Refunded */
.adv-refunded {
  color: #343A40 !important; /* Dark Gray */
  background-color: rgba(52, 58, 64, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Settlement Pending */
.adv-settlement-pending { 
  color: #1E4D8C !important; /* Dark Blue */
  background-color: rgba(30, 77, 140, 0.12) !important; /* Light Blue Background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Advance Settled */
.adv-advance-settled {
  color: #218838 !important; /* Sharpened Green */
  background-color: rgba(40, 167, 69, 0.12) !important; /* Light green background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Cancelled */
.adv-cancelled {
  color: #C82333 !important; /* Sharpened Red */
  background-color: rgba(220, 53, 69, 0.12) !important; /* Light red background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Adjusted */
.adv-adjusted {
  color: #218838 !important; /* Sharpened Green */
  background-color: rgba(40, 167, 69, 0.12) !important; /* Light green background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Partially Adjusted */
.adv-partially-adjusted {
  color: #0069D9 !important; /* Sharpened Blue */
  background-color: rgba(0, 123, 255, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* Not Adjusted */
.adv-not-adjusted {
  color: #FF7F00 !important; /* Sharpened Orange */
  background-color: rgba(255, 165, 0, 0.12) !important; /* Light orange background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}


/* Partially Refunded */
.adv-partially-refunded {
  color:  #00A1E4 !important; /* Vibrant Cyan */; /* Turquoise Blue */
  background-color: rgba(0, 161, 228, 0.12) !important; /* Light cyan background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

/* .adv-partially-refunded {
  color: #008c99 !important; 
  background-color: rgba(0, 188, 212, 0.12) !important; 
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
} */

 /*  Internet connection  */
 .offlineOverlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0,0,0,0.3);
  display: none; }
.offline {
    display: none; 
    /*background-color: #ff0000;
    color: #fff;
    padding: 10px;
    text-align: center;*/
    width: auto;
    left: 50%;
    right: unset;
    transform: translateX(-50%);  
    flex-flow: row;
    padding: 22px;
    position: fixed;
    align-items: center;
    border-radius: 5px;    
    top: 10px;
    z-index: 9999;
    background: brown;
    color: #FFF;
}

.offline.active, .offlineOverlay.active {
    display: flex; /* Shows the offline alert when active */
}

.disabled {
    pointer-events: none; /* Disable interaction with the page elements */
    opacity: 0.5; /* Makes the page appear disabled */
}
.toast-custom-center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    position: fixed !important;
    z-index: 99999 !important;
    text-align: center;
}

.voice-recorder-div{
  padding:2px;
  width: auto;
  right: 0;
  float: right;
  background: #00000085;
  z-index: 1500;
  top: 50%;
  border-radius:5px;
  position:fixed;
}



/* Pending Approval */
.leave-pending-approval {
  color: #FF7F00 !important; /* Sharpened Orange */
  background-color: rgba(255, 165, 0, 0.12) !important; /* Light orange background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}


/* Final Approval */
.leave-final-approval {
  color: #218838 !important; /* Sharpened Green */
  background-color: rgba(40, 167, 69, 0.12) !important; /* Light green background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}


/* Primary Approval */
.leave-primary-approval {
  color: #0069D9 !important; /* Sharpened Blue */
  background-color: rgba(0, 123, 255, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}


/* Cancelled */
.leave-cancelled {
  color: #C82333 !important; /* Sharpened Red */
  background-color: rgba(220, 53, 69, 0.12) !important; /* Light red background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

.adv-settlement-pending { 
  color: #1E4D8C !important; /* Dark Blue */
  background-color: rgba(30, 77, 140, 0.12) !important; /* Light Blue Background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}



/* Refunded */
.adv-refunded {
  color: #343A40 !important; /* Dark Gray */
  background-color: rgba(52, 58, 64, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}

.border-radius-3 {
  border-radius: 0.5rem !important;
}

.btn-info-blue {
  --cui-btn-bg: #007bb6; 
  --cui-btn-border-color: #007bb6; 
  --cui-btn-color: #FFF; 
  --cui-btn-hover-bg: #006A99; 
  --cui-btn-hover-border-color: #006A99; 
  --cui-btn-hover-color: #FFF; 
  --cui-btn-active-bg: #004C73; 
  --cui-btn-active-border-color: #004C73; 
  --cui-btn-active-color: #FFF; 
  --cui-btn-disabled-bg: #80C7E8; 
  --cui-btn-disabled-border-color: #80C7E8; 
  --cui-btn-disabled-color: rgba(255, 255, 255, 0.87); 
  --cui-btn-shadow: rgba(0, 123, 182, 0.4); 
}

.adv-credit-debit-card2 {
  color: #8B0000 !important; /* Dark Red */
  background-color: rgba(139, 0, 0, 0.12) !important; /* Light Red background */
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
}




/*Casuality Patient Type*/
.red-status-immediate {
  color: #FFF !important;
  background-color: #D80000 !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem !important;
  border: 0;
}
.orange-status-urgent {
  color: #FFF !important;
  background-color: #FF8C00 !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem !important;
  border: 0;
}
.yellow-status-delayed {
  color: #000 !important;
  background-color: #FFDF00!important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem !important;
  border: 0;
}

.green-status-minor {
  color:  #FFF !important;
  background-color: #008000 !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem !important;
  border: 0;
}
.black-status-expectant {
  color: #FFF !important;
  background-color: #000 !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem !important;
  border: 0;
}
.purple-status-non-urgent {
  color: #FFF !important;
  background-color: #0069D9 !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem !important;
  border: 0;
}





.worko-tabs.casuality_tabs {  
  
  .card { border:  0 !important;}
  .flex-tabs{
    background: transparent;   
    
      .panel {
        background-color: transparent !important;
        padding: 0 !important;
       
    }
  }
  .tab {    
    background-color: #CCC;  
    color :rgba(0,0,0,0.4) !important;   
    border-left: 10px solid #999;
    
  }  
}

.opemr-nav span {
  width : calc(100% - 50px) !important
}

.opemr-nav.casuality-nav span {
 color: rgba(44, 56, 74, 0.95) !important
}

.opemr-nav a:hover span, .opemr-nav a.active span {
  color: #129B7A !important;
}
.form-select-arrow-white {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")
}

.note-hint-popover .arrow {
    display: block !important;
}
.cripsy-ul ul {
  margin: 0;
  padding: 0;
}
.cripsy-ul ul li {
  list-style-type: none;
  display: inline-block;
  padding-right: 10px;
}
.cripsy-ul ul li:last-child {  padding-right: 0; }
.cripsy-ul ul li input {
  margin-right: 3px;
}

#tbl_general_template_list tbody tr {
    cursor: pointer;
}

.selected-payment-content .jq_pos_card_payment{
  color: white;
}

.selected-payment-content .jq_pos_upi_payment{
  color: white;
}

.card-header-linear-gradient{
  background: linear-gradient(135deg, #0f4c5c, #15787e, #1ec1c5);
}