@charset "UTF-8";
.tr-selected td .progress-group .text-medium-emphasis { color: #FFF !important;}
.badge .form-check-input[type=checkbox], .badge input[type='checkbox'] {
/*  border: 0;*/
  margin-top: 0;
}
.table input[type='checkbox'] {  margin-top: 0; }
.choose-your-plan {
  position: absolute;
  right : 20px;
  top: 20px;
}
.choose-your-plan a.starter {
  color: #0665d0;
}
.choose-your-plan a.starter:hover {
  color: #03356d;
}
.choose-your-plan a.bronze {
  color: rgb(14, 79, 83)
}

.choose-your-plan a.bronze:hover {
  color: #129B7A;
}

.call-next-text {
  color: #0E4F53; 
  height: 45px;
}
.call-next-outer {
  background: #0E4F53; 
  height: 45px;
}


.report-nav a {
  width: 100%;
  padding: 0.8rem 1rem;  
  margin-bottom: 3px;  
  border-radius: 99px;;
}
.report-nav a i { font-weight: 400; margin-right: 3px; font-size: 1.25rem  }
.report-nav a:hover {
  background:  #f0f0f0;  
}
.report-nav a.active {
  background:  #fca742;  
}

.report-list a:hover div {
  background:  #f0f0f0 !important;

}


.day-close-min {
  min-height:  400px;

}
.left-search {
  padding : 0.6rem 1rem;
  background: #1f2222;
  position: relative;
}
.report-search { position:  relative;}
.left-search a {
  position: absolute;
  right:1.8rem;
  top: 0.9rem;
  color: rgba(255, 255, 255, 0.6);
}
.report-search a {
  position: absolute;
  right:1rem;
  top: 0.5rem;
  /*color: rgba(255, 255, 255, 0.6);*/
}
.report-search a i { color : #aaa;}
.report-search input:focus {
  border-bottom : 2px solid #0E4F53;
  box-shadow : none !important;
}
.report-search input:focus ~ a i {
  color: #0E4F53;
}
.left-search input {
  height: 27px !important;
  line-height: 27px !important;  
  background: #1f2222;
  padding-left: 1rem;
  padding-right: 2rem;
  border: 1px solid rgba(255,255,255, 0.2);
  border-radius: 30px;
  color: rgba(255, 255, 255, 0.6);
}
.left-search input:focus {
  box-shadow : 0 0 8px 0 #ccc;
}
.left-search input:focus ~ a { color: #1f2222;}
.sidebar-narrow-unfoldable:not(:hover) .left-search  { padding: 0.6rem 0.5rem !important; }
.sidebar-narrow-unfoldable:not(:hover) .left-search input { padding: 0 !important; border: 0 !important}

.stock-box { min-height: 150px; }
.bg-other {
  background-color : #6F989E
}
.bg-cash {
  background-color : #058EA3
}

.min-120 { min-width: 120px;}
.min-140 { min-width: 140px;}
.high-risk-med { color: rgb(228, 82, 86);}
.lookalike-med {  color: #FFC300; }
.soundalike-med {  color: #28a745; }
.bg-new-clr {
  background : rgb(229,240,242);
}
.graph-lbl { min-width: 135px }
.graph-lbl2 { min-width: 130px }

/*.bill-status input[type=checkbox]  {
  width: 1em;
  height: 1em; 
  border: 1px solid rgba(0, 0, 21, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.bill-status input:checked[type=checkbox] {
  background-image: var(--cui-form-check-input-checked-bg-image, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"));
}*/


.discharge-bill-status #ms-opt-8 {
  border: 1px solid #FE9024;
}
.discharge-bill-status #ms-opt-8:checked {
  background-color:  #FE9024;
  border-color:  #FE9024;
}

.discharge-bill-status {
  width: 300px;
}

.discharge-bill-status #ms-opt-1 {
  /* border: 1px solid #0b7d87; */
  border: 1px solid #006666;
}
.discharge-bill-status #ms-opt-1:checked {
  /* background-color:  #0b7d87;
  border-color:  #0b7d87; */
  background-color:  #006666;
  border-color:  #006666;
}

.discharge-bill-status #ms-opt-2 {
  border: 1px solid  #6A2C1C;
  /* border: 1px solid #18C687; */
}
.discharge-bill-status #ms-opt-2:checked {
  /* background-color:  #18C687;
  border-color:  #18C687; */
  background-color:   #6A2C1C;
  border-color:   #6A2C1C;
}

/* .discharge-bill-status #ms-opt-3 {
  border: 1px solid #2F8EFC;
}
.discharge-bill-status #ms-opt-3:checked {
  background-color:  #2F8EFC;
  border-color:  #2F8EFC;
} */
.discharge-bill-status #ms-opt-3 {
  border: 1px solid #0069D9;
}
.discharge-bill-status #ms-opt-3:checked {
  background-color:  #0069D9;
  border-color:  #0069D9;
}

/* .discharge-bill-status #ms-opt-4 {
  border: 1px solid #85bb65;
}
.discharge-bill-status #ms-opt-4:checked {
  background-color:  #85bb65;
  border-color:  #85bb65;
} */
.discharge-bill-status #ms-opt-4 {
  border: 1px solid #218838;
}
.discharge-bill-status #ms-opt-4:checked {
  background-color:  #218838;
  border-color:  #218838;
}

.discharge-bill-status #ms-opt-5 {
  /* border: 1px solid #acc9d1; */
  border: 1px solid #4B0082;
}
.discharge-bill-status #ms-opt-5:checked {
  /* background-color:  #acc9d1;
  border-color:  #acc9d1; */
  background-color:  #4B0082;
  border-color:  #4B0082;
}
/* .discharge-bill-status #ms-opt-6 {
  border: 1px solid #ff7300;
}
.discharge-bill-status #ms-opt-6:checked {
  background-color:  #ff7300;
  border-color:  #ff7300;
} */
.discharge-bill-status #ms-opt-6 {
  border: 1px solid #1E4D8C;
}
.discharge-bill-status #ms-opt-6:checked {
  background-color:  #1E4D8C;
  border-color:  #1E4D8C;
}

/* .discharge-bill-status #ms-opt-7 {
  border: 1px solid #FEC32C;
}
.discharge-bill-status #ms-opt-7:checked {
  background-color:  #FEC32C;
  border-color:  #FEC32C;
} */
.discharge-bill-status #ms-opt-7 {
  border: 1px solid #D32F2F;
}
.discharge-bill-status #ms-opt-7:checked {
  background-color:  #D32F2F;
  border-color:  #D32F2F;
}

.discharge-bill-status #ms-opt-8 {
  border: 1px solid #343A40;
}
.discharge-bill-status #ms-opt-8:checked {
  background-color:  #343A40;
  border-color:  #343A40;
}
/* .discharge-bill-status #ms-opt-8 {
  border: 1px solid #A19496;
}
.discharge-bill-status #ms-opt-8:checked {
  background-color:  #A19496;
  border-color:  #A19496;
} */

.discharge-bill-status #ms-opt-9 {
  border: 1px solid #FF5722;
}
.discharge-bill-status #ms-opt-9:checked {
  background-color:  #FF5722;
  border-color:  #FF5722;
}
/* .discharge-bill-status #ms-opt-9 {
  border: 1px solid #E45256;
}
.discharge-bill-status #ms-opt-9:checked {
  background-color:  #E45256;
  border-color:  #E45256;
} */

/* .discharge-bill-status #ms-opt-10 {
  border: 1px solid #29C5F6;
}
.discharge-bill-status #ms-opt-10:checked {
  background-color:  #29C5F6;
  border-color:  #29C5F6;
} */
.discharge-bill-status #ms-opt-10 {
  border: 1px solid #FF7F00;
}
.discharge-bill-status #ms-opt-10:checked {
  background-color:  #FF7F00;
  border-color:  #FF7F00;
}

.discharge-bill-status #ms-opt-11 {
  border: 1px solid #00A1E4;
}
.discharge-bill-status #ms-opt-11:checked {
  background-color:  #00A1E4;
  border-color:  #00A1E4;
}


/*BILL ANLYSIS -STATUS CHECKBOX*/
.bill-status #ms-opt-8 {
  border: 1px solid #138496;
}

.bill-status #ms-opt-8:checked {
  background-color:  #138496;
  border-color:  #138496;
}
.bill-status #ms-opt-9 {
  border: 1px solid #ffc107;
}

.bill-status #ms-opt-9:checked {
  background-color:  #ffc107;
  border-color:  #ffc107;
}
.bill-status #ms-opt-10 {
  border: 1px solid #18C687;
}

.bill-status #ms-opt-10:checked {
  background-color:  #18C687;
  border-color:  #18C687;
}
.bill-status #ms-opt-11 {
  border: 1px solid #2F8EFC;
}

.bill-status #ms-opt-11:checked {
  background-color:  #2F8EFC;
  border-color:  #2F8EFC;
}

.bill-status #ms-opt-12 {
  border: 1px solid #c82333;
}
.bill-status #ms-opt-12:checked {
  background-color:  #c82333;
  border-color:  #c82333;
}
.bill-status #ms-opt-13 {
  border: 1px solid #545b62;
}
.bill-status #ms-opt-13:checked {
  background-color:  #545b62;
  border-color:  #545b62;
}
.bill-status #ms-opt-14 {
  border: 1px solid #ff5c35;
}
.bill-status #ms-opt-14:checked {
  background-color:  #ff5c35;
  border-color:  #ff5c35;
}
.bill-status #ms-opt-15 {
  border: 1px solid #0E4F53;
}
.bill-status #ms-opt-15:checked {
  background-color:  #0E4F53;
  border-color:  #0E4F53;
}
.bg-gray { background :#e9e9e9 }
.txt-red { color : rgb(228, 82, 86) }
#customhead-name {
  font-size: 0.875rem; 
  padding-top: 0.5rem;
  font-weight: 600;
}
.box-profile .list-group-item {
    font-weight: 400;
}
.prof-pic {
    width: 100px;
}
.prof-pic img {
    width: 100%;
    height: auto;
}

.w-10 { width: 10% !important;}
.w-20 { width: 20% !important;}

.scroll-container {
  width: 100%;
  overflow : auto;
}
.photo { width : 80px }
.btn.call:focus { box-shadow: none !important }

.nav-pills .nav-link:hover {
  color :#129B7A;
  background: #FFF;

}

.vert-tab.tab-content.newtab  { padding : 0 0 0 1rem}
#v-pills-tab .nav-link { text-align : left }

.table th.progress-head {
    background-color: #e9e9e9 !important;
}
table.dataTable {
    border-collapse : collapse !important;
}
.popup-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.complaint-btns-outer ul {
  margin : 0;
  padding: 0;
}

.complaint-btns-outer ul li {
  list-style-type : none;
  display: inline;
  padding-right: 5px;
}
/* .complaint-btns-outer ul li .btn { */
.complaint-btns-outer .btn {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
  line-height: 1;
 /* padding : 0.5em 1em !important;*/
}
.timeline {
margin: 0 0 0;
padding: 0;
position: relative; 
}

.timeline::before {
border-radius: 0.25rem;
background-color: #dee2e6;
bottom: 0;
content: "";
left: 31px;
margin: 0;
position: absolute;
top: 0;
width: 4px;
}

.timeline > div, .timeline > div > div {
  margin-bottom: 0;
  margin-right: 0px;
  position: relative;
  min-height: 30px;
  padding-bottom: 7px;
}

.timeline > div > div::before, .timeline > div > div::after {
content: "";
display: table;
}

.timeline > div > div > .timeline-item {
box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2);
border-radius: 0.25rem;
background-color: #fff;
color: #495057;
margin-left: 50px;
margin-right: 10px;
margin-top: 0;
padding: 0;
position: relative;
}

.timeline > div > div > .timeline-item > .time {
color: #999;
float: right;
font-size: 12px;
padding: 10px;
}

.eye-button i { color: #0E4F53 !important; }

.timeline > div > div > .timeline-item > .timeline-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color: #495057;
  font-size: 14px;
  line-height: 1.1;
  margin: 0;
  padding: 0.6rem 0.6rem;
  background: #ECF2F3;
  font-weight: 600;
  color : #0E4F53;
}

.timeline > div > div > .timeline-item > .timeline-header > a {
font-weight: 600;
}

.timeline > div > div > .timeline-item > .timeline-body,
.timeline > div > div > .timeline-item > .timeline-footer {
/* padding: 0.6rem 0.6rem 0; */
  padding: 0.6rem 0.6rem;
}

.timeline > div > div > .timeline-item > .timeline-body > img {
margin: 10px;
}

.timeline > div > div > .timeline-item > .timeline-body > dl,
.timeline > div > div > .timeline-item > .timeline-body ol,
.timeline > div > div > .timeline-item > .timeline-body ul {
margin: 0;
}

.timeline > div > div > .timeline-item > .timeline-footer > a {
color: #fff;
}

.timeline > div > div > .fa,
.timeline > div > div > .fas,
.timeline > div > div > .far,
.timeline > div > div > .fab,
.timeline > div > div > .fal,
.timeline > div > div > .fad,
.timeline > div > div > .svg-inline--fa,
.timeline > div > div > .ion {
background-color: #0E4F53;
border: 1px solid #ACADAC;
border-radius: 50%;
font-size: 16px;
height: 30px;
left: 18px;
line-height: 30px;
position: absolute;
text-align: center;
top: 0;
width: 30px;
color : #FFF;
}
.time-date {
  background-color:#28a745 !important;
 /* background-color: rgb(24,198,135) !important; */
  color: #FFF;
  border-radius : 50rem;
}
.dctr {
  background-color:#444 !important;
  color: #FFF;
  border-radius: 50rem !important;
  padding: 3px 10px !important;
}
.timeline > div > div > .svg-inline--fa {
padding: 7px;
}
.timeline-box {
max-height : 960px;
overflow: auto;
width: 100%;

}
.timeline .time-label > span {
border-radius: 4px;
background-color: #fff;
display: inline-block;
font-weight: 500;
padding: 5px;
}

.timeline-inverse > div > div > .timeline-item {
box-shadow: none;
background-color: #FFF;
border: 1px solid #c6c6c6;
}

.timeline-inverse > div > div > .timeline-item > .timeline-header {
border-bottom-color: #c6c6c6;
}


::-webkit-scrollbar {
  width: 10px;
  height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
 /* box-shadow: inset 0 0 5px grey; */
  border-radius: 5px;
border: 1px solid #ACADAC
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #9ca3a2; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #8f899c5e; 
}
.allergens {
  position: relative;
  /* padding: 0.5rem 1rem;*/
  margin-bottom: 0.5rem;
  color: #E45256;
  background-color: #FFF;
  border: 1px solid #E45256;
  border-radius: 0.25rem;
}
.red-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  background: #E45256;
  font-size: 1em;
  color : #FFF;
}
.table {
  border: 1px solid var(--cui-border-color, rgba(0, 0, 21, 0.125)) !important
}
.table th, .table td {
   vertical-align: middle !important;
}

.bg-reg1 { background: #15616D; }
.bg-reg2 { background: #2FB0C4; }
.bg-reg3 { background: #6F989E; }
.bg-reg4 { background: #058EA3; }
.bg-reg5 { background: #21bac3; }
.bg-reg6 { background: #15787e; }
.bg-reg7 { background: #3f6967; }
.bg-reg8 { background: #476469; }
.bg-reg9 { background: #2fafc3; }
.bg-reg10 { background: #1f8fb3; }
.disch-bill-box {
overflow: auto;
overflow-x: hidden;
height : 111px;
}

.pay-opt {
  color: #222;
  background: transparent;

  font-weight: 800;
  letter-spacing: 1px;
  text-align: left;
  text-transform: uppercase;
  padding: 12px 15px 11px;
  margin: 0 0 2px 0;
  border: none;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease 0s;
  width: 120px;
  display: block;
}
.pay-opt:hover, .pay-opt.selected-payment-head {
  color: #FFF;
  background: transparent;
  border: none;
  background: linear-gradient(135deg, #1f4037 50%, #3C6C6C  25%);
  border-radius: 20px 0 0 20px;
  transform: perspective(500px) rotateX(0);
}
.pay-opt:before {
  content: "";
  background: #3C6C6C;
  height: 100%;
  width: 100%;
  transform: perspective(400px) rotateY(-85deg);
  transform-origin: right center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s ease 0s;
}
.pay-opt:hover:before, .pay-opt.selected-payment:before {
  background: linear-gradient(135deg, #1f4037 50%, #3C6C6C  25%);
  border-radius: 20px 0 0 20px;
  transform: perspective(500px) rotateX(0);
}
.payment-content > div {
  /*border-radius : 0.4rem; */
}
.pay-opt.active {
  background: linear-gradient(135deg,#3C6C6C  60%, #1f4037 25%) !important;
}

.table-hover > tbody > tr:hover > th {
--cui-table-accent-bg : #ECF2F3 !important;
}
.icon-set .fa-light, .icon-set .fa-thin  {
margin-bottom: 5px;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
color: #0E4F53 !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
background-color:  #0E4F53 !important;
}
.swal2-icon.swal2-success .swal2-success-ring {
border : .25em solid rgba(14,79,83,1) !important
}
.swal2-title { 
/*font-size: 1.5rem !important */
font-size: 1rem !important 
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel  {
background-color :#0E4F53 !important;
font-size:0.875rem !important;
color: rgba(255, 255, 255, 0.87) !important;
}
.swal2-styled.swal2-deny {
  font-size:0.875rem !important;
}
.swal2-styled.swal2-cancel {
background-color:#9EA8AF !important ;
}
.swal2-icon.swal2-warning {
border-color: rgb(254, 195, 44) !important;
color: rgb(254, 195, 44) !important;
}

.swal2-styled.swal2-confirm:hover {
background-color: #073033 !important;
}
.swal2-footer {
border-top : 1px solid #DDD !important;
}
.swal2-popup { color: rgba(44, 56, 74, 0.95) !important; }
.swal2-styled.swal2-confirm:focus {
box-shadow : 0 0 0 0.25rem rgba(14, 79, 83, 0.5) !important;
}
.accordion .card {
 border:  1px solid #d9e6e8;
}
.accordion .card-header.active .card-title a { color: #FFF; }
.accordion .card-title {
position: relative;
display: flex;
align-items: center;
margin-bottom: 0;
}
.accordion .card-header { 
background-color : #d9e6e8;
border-bottom: 1px solid #d9e6e8;
}
.accordion .card-header.active { 
background-color : #0E4F53;
color: #FFF;
}

.accordion .card-title  a { text-decoration: none;  
font-size: 0.875rem;
font-weight: 600;
}
.accordion .card-title::after  {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
content: "";
background-image: var(--cui-accordion-button-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%2814, 79, 83, 1%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"));
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
background-image: var(--cui-accordion-button-active-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230E4F53'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"));
transform: rotate(-180deg);
}
.accordion .card-header.active .card-title::after  {
background-image: var(--cui-accordion-button-icon, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 1%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"));
}
.accordion .card-title label {
font-size: 0.875rem;
font-weight: 600;

}
.enq-table { min-height: 254px; }
.three-actions { min-height: 175px; }
.bdr-gray { border: 1px solid #ddd }



.ui-datepicker { width: auto !important; max-width: 100%; }
.ui-datepicker td span, .ui-datepicker td a { height: 30px; }
.select2-container {width: 100% !important;}
.bg-third { background-color: #006666; }
.bg-inpatient {
background: #d9e6e8;
}
.bg-orange {
background: #FE9024;
}
.db-left-box {
height: 240px;
overflow: auto;
}
.todo-outer-box {
height: 230px;
overflow: auto;
}
.db-bottom-box {
height: 246px;
overflow: auto;
}
.btn-sm.btn-xxs  {  
font-size: 0.75rem;
font-weight: 800;
color: #0E4F53;
}

.dropdown-menu button,
.btn-sm.btn-xs, .dropdown-menu .dropdown-item {
font-size: 0.875rem;
}

.btn.org-over:hover {
color: var(--cui-btn-hover-color, rgba(44, 56, 74, 0.95));
background-color: #FE9024;
border-color: #FE9024;
}

.select2-container--default .select2-selection--single {
border: 1px solid #E5E5E5 !important;
}

.table th {
background-color: #ECF2F3 !important;
padding: 0.6rem 0.6rem !important;
color: #111 !important;
white-space: nowrap;  
vertical-align: middle;
}

.bg-opacity-15 {
--cui-bg-opacity: 0.15;
}

.sidebar-nav .nav-group.submenu .nav-group-toggle {
/*background:#FE9024 ; */
}
.sidebar-nav .nav-group.submenu .nav-link,.sidebar-nav .nav-group.submenu .nav-link .nav-icon, 
.sidebar-nav .sub .nav-icon, .sidebar-nav .nav-group.sub .nav-icon,  .sidebar-nav .nav-group.show.sub .nav-link .nav-icon  {
color: #FE9024;
}
.sidebar-nav .nav-group.submenu .nav-link.nav-group-toggle, .sidebar-nav .sub  .nav-link.nav-group-toggle, .sidebar-nav .nav-group.sub  .nav-link.nav-group-toggle {
/*color: rgba(255, 255, 255, 0.6);*/
color: #FE9024;
}
.sidebar-nav .nav-group.submenu.show .nav-group-toggle:hover, .sidebar-nav .sub .nav-group.submenu.show .nav-group-toggle:hover {
 background:#000 ; 
}
.sidebar-nav .nav-group.submenu.show, .sidebar-nav .sub .nav-group.submenu.show {
background:#000 ; 
}

.sidebar-nav .nav-group.submenu .nav-link.nav-group-toggle:hover, .sidebar-nav .nav-group.submenu.show .nav-link.nav-group-toggle {
color: #FE9024;
}
.sidebar-nav .nav-group.submenu .nav-link.nav-group-toggle::after, .sidebar-nav .sub .nav-link.nav-group-toggle::after, .sidebar-nav .nav-group.sub .nav-link.nav-group-toggle::after  {
  background-image: var(--cui-sidebar-nav-group-indicator-hover, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28254, 144, 36, 1%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"));
}
.sidebar-nav .nav-group.submenu.show .nav-link.nav-group-toggle::after, .sidebar-nav .sub .nav-link.nav-group-toggle::after , .sidebar-nav .nav-group.sub .nav-link.nav-group-toggle::after{
  background-image: var(--cui-sidebar-nav-group-indicator-hover, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28254, 144, 36, 1%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"));
}


#div_id_payment_type .custom-control.custom-radio {
display: inline-block;
margin-right: 1rem;

}

.action-btn {
width: 25px !important;
height: 25px !important;
line-height: 25px !important;
text-align: center;
/*background: #9EA8AF;*/
background: rgba(0, 0, 21, 0.1);
padding: 0.3rem;
}
table .btn-group .btn {
line-height: 1;
}
.btn-reset {
--cui-btn-bg: #129B7A;
--cui-btn-border-color: #129B7A;
--cui-btn-color: #FFF;
--cui-btn-hover-bg: #0E4F53;
--cui-btn-hover-border-color: #0E4F53;
--cui-btn-hover-color: #FFF;
--cui-btn-active-bg: #0E4F53;
--cui-btn-active-border-color: #0E4F53;
--cui-btn-active-color: #FFF;
--cui-btn-disabled-bg: #9EA8AF;
--cui-btn-disabled-border-color: #9EA8AF;
--cui-btn-disabled-color: #000015;
--cui-btn-shadow: rgba(158, 168, 175, 0.5);
}

.btn-org {
--cui-btn-bg: #FE9024;
--cui-btn-border-color: #FE9024;
--cui-btn-color: #FFF;
--cui-btn-hover-bg: #d57414;
--cui-btn-hover-border-color: #d57414;
--cui-btn-hover-color: #FFF;
--cui-btn-active-bg: #d57414;
--cui-btn-active-border-color: #d57414;
--cui-btn-active-color: #FFF;
--cui-btn-disabled-bg: #FEB163;
--cui-btn-disabled-border-color: #FEB163;
--cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
--cui-btn-shadow: rgba(254, 144, 36, 0.5);
}
.btn-org.btn:disabled, .btn-org.btn.disabled {
  opacity : 0.95;

}

.lbl-hdr {
min-width: 120px;
display: inline-block;
}

.reg-remark {
height: 10px;
}

.bdr-radius-none {
border-radius: 0;
}

.height-box {
height: 232px;
overflow: auto;
}

.md-height-box {
height: 400px;
overflow: auto;
}
.dt-table-box {
height: 450px;
overflow: auto;
}


.action-bg {
background:#d9e6e8 ;
}
.modal-header {
background:#3C6C6C;
color: #FFF;
}
.modal-header .btn-close { 
color: #FFF!important;
background: transparent var(--cui-btn-close-bg, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 1%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")) center/1em auto no-repeat;
opacity: 1;
 }


.c1 {
color: #E9F5F5;
}

.c1-bg {
background-color: #E9F5F5;
}

.c2 {
color: #30302F;
}

.c2-bg {
background-color: #30302F;
}

.btn-outline-c2 {
--cui-btn-border-color: #30302F;
--cui-btn-color: #505E68;
--cui-btn-hover-bg: #30302F;
--cui-btn-hover-border-color: #30302F;
--cui-btn-hover-color: #fff;
--cui-btn-active-bg: #30302F;
--cui-btn-active-border-color: #30302F;
--cui-btn-active-color: #fff;
--cui-btn-disabled-color: #505E68;
--cui-btn-shadow: rgba(80, 94, 104, 0.5);
}

.c3 {
color: #FE9024;
}

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

.c4 {
color: #30302f;
}

.c4-bg {
background-color: #30302f;
}

.c5 {
color: #FE9024;
}

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

.c6 {
color: #0B7D87;
}

.c6-bg {
background-color: #0B7D87;
}

.sidebar-light {
/*background: #FFF ;
  color : rgba(44, 56, 74, 0.681)*/
background: #272b2b;
color: rgba(255, 255, 255, 0.6);
}

.client-logo {
font-weight: 600;
font-size: 1.25rem;
}

.scroll-box {
max-height: 620px;
overflow: auto;
}
.md-scroll-box {
max-height: 400px;
overflow: auto;
}
.token-type .custom-radio {
display: inline-block;
margin-top: 5px;
margin-right: 10px;
}

/*.col-container {
display: table; 
width: 100%; 
}

.col-container [class*="col-"] {
display: table-cell; 
}*/
.photo-box {
  width: 100px; 
  height:  100px;
  /*background: #d9e6e8;*/  
}
.photo-box  img { border-radius: 50em;}
.capture { text-decoration: none; font-weight: 800; font-size: 0.8rem; }
.col-container {
display: flex;
flex-wrap: wrap;
padding-right: calc(var(--cui-gutter-x) * 0.5);
}

.col-container>[class*='col-'] {
flex-grow: 1;
}

.col-container>[class*='col-'] .card,
.col-container>[class*='col-'] .position-relative {
height: 100%;
}

.col-container .card-body {
padding: 1rem 0.5rem
}

.cursor-pointer,
.tbl-cursor-pointer tr {
cursor: pointer;
}

.red {
color: #e55353;
}

body {
position: relative;
}

.spinner-box {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
top: 0;
left: 0;
z-index: 10000;
}

.spinner-border {
margin-top: 15%;

}

.rp-consult {
padding-left: 0 !important;
}


#id_repeat_consultation {
width: auto !important;
-webkit-appearance: auto !important;
appearance: auto !important;
}

.ref-active {
padding-left: 0 !important;
}

.bdr-clr-white {
border-color: #FFF !important;
color: #FFF !important;
}

#id_active {
width: auto !important;
-webkit-appearance: auto !important;
appearance: auto !important;
}


/*calendar style statrs here */
#calendar {
margin: 0 auto;
}

#calendar .fc-view-container {
background-color: #fff;
-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.2);
}

#calendar .fc-toolbar.fc-header-toolbar .fc-center {
display: block;
}



.fc-header-toolbar {
/*
  the calendar will be butting up against the edges,
  but let's scoot in the header's buttons
  */
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}

@media (max-width: 767.98px) {
.fc-toolbar {
  display: block !important;
  text-align: center;
}

.fc-toolbar .fc-center {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}


}

/*calendar style ends here */

.trans-bg {
position: absolute;
top: 0;
left: 0;
/*background: #6C757D;*/
background: #0E4F53;
display: none;
height: 100%;
width: 100%;
border-radius: 0.25rem
}

.trans-bg-primary {
position: absolute;
top: 50%;
left: 50%;
background: #0B4F53;
display: none;

border-radius: 0.25rem;
color: #FFF;
z-index: 10000;

padding: 10px;
min-width: 150px;


}

.item {
padding: 10px 10px;
text-align: center;
margin: 5px;
min-width: 50px;

}

.dot {
width: 10px;
height: 10px;

}

.info {
position: absolute;
top: 10px;
right: 1.25rem;
}
.trans-btns .btn {
width: 120px;
}
.trans-btns .btn.first { margin-left: 12px ; }
.bg-visited { background-color: #0b7d87; }
.bg-available { background-color: #18C687; }
.bg-cancelled { background-color: #545b62; }
/* .bg-cancelled { 
  color: #343A40 !important; 
  background-color: rgba(52, 58, 64, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  border: 0;
} */
.bg-web-booking { background-color: #2F8EFC; }
.bg-reserved { background-color: #30302F; }
.bg-grey { background-color: #696969; }

.bg-processed { background-color: #2fb0c4; }
.bg-unprocessed { background-color: #FEc32c; }
/*.bg-reserved { background-color:  #FEC32C; }*/

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

.bg-pending {
/*background-color: #FE9024; */
background-color: #FEC32C;
}
.bg-booked {
background-color: #0B7D87;
}

.bg-partial {
background-color: #FEC32C;
}

.bg-blocked {
background-color: #9EA8AF;
}

.bg-full {
background-color: #E45256;
}

.bg-occupied {
background-color: #E45256;
}

.bg-under-repair {
background-color: #9EA8AF;
}

.bg-total {
background-color: #2F8EFC;
}

.bg-vital-all {
  background-color: #ce5310;
}

.bg-admitted {
/*background-color: #FE9024; */
background-color: #FEC32C;
}

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

.bg-patient {
background-color: #505e68;
}
.bg-adjusted { background-color: #138496; }
.bg-not-adjusted { background-color: #ffc107; }
.bg-partial-adjusted { background-color: #FE9024; }
.bg-refund { background-color: #60CECE; }
.bg-op-cancelled { background-color:  #545b62; }
.bg-advance-settled { background-color: #28a745; }

.bg-dicharged { background-color: #FFA500; }
.bg-not-dicharged { background-color: #2F8EFC; }

.bg-not-issued { background-color: #0b7d87; }
.bg-closed { background-color: #18C687; }

.bg-cash-payment { background-color: #138496; }
.bg-multi-payment { background-color: #2F8EFC; }
.bg-credit-bill { background-color: #18C687; }

.bg-packing-slip { background-color: #FE9024; }
.bg-not-generated { background-color: #0b7d87; }
.bg-primary-approved { background-color: #18C687; }
.bg-approved { background-color: #2F8EFC; }
.bg-not-approved { background-color: #FEC32C; }
.bg-transfered { background-color: #9EA8AF }

/* bill analysis status */
/* .bg-normal-bills { background-color: #138496; } */
.bg-normal-bills { 
  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;
 }
/* .bg-ip-credit-bills { background-color: #ffc107; } */
.bg-ip-credit-bills { 
  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; 
}
/* .bg-credit-bills { background-color: #18C687; } */
.bg-credit-bills {
  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;
}
/* .bg-multipayment { background-color: #2F8EFC; } */
.bg-multipayment {
  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;
}
.bg-cancelled-bills { background-color: #c82333; }
.bg-sales-return-bills { background-color: #545b62; }
.bg-settled-ip-credit-bill { background-color: #ff5c35; }
/* .bg-epayment { background-color: #0E4F53; } */
.bg-epayment {
  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;
}

.normal-bills { color: #138496;}
.ip-credit-bills { color: #ffc107;}
.credit-bills { color: #18C687;}
.multipayment { color: #2F8EFC;}
.cancelled-bills { color: #c82333;}
.sales-return-bills { color: #545b62;}
.settled-ip-credit-bill { color: #ff5c35;}
.epayment { color:  #0E4F53;}


/* billing-> bills query */
/* .bg-normal-bill-bills-qry { background-color: #0b7d87; } */
.bg-normal-bill-bills-qry { 
  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;
 }
/* .bg-epayment-bills-qry { background-color: #18C687; } */
.bg-epayment-bills-qry { 
  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;
 }
/* .bg-multipayment-bills-qry { background-color: #2F8EFC; } */
.bg-multipayment-bills-qry { 
  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;
 }
/* .bg-insurance-bills-qry { background-color: #85bb65; } */
.bg-insurance-bills-qry { 
  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;
 }
/* .bg-credit-bill-bills-qry { background-color: #acc9d1; } */
.bg-credit-bill-bills-qry { 
  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;
 }
/* .bg-corporate-bills-qry { background-color: #ff7300; } */
.bg-corporate-bills-qry { 
  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;
 }
/* .bg-ip-credit-bill-bills-qry { background-color: #FEC32C; } */
.bg-ip-credit-bill-bills-qry { 
  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;
}
.bg-cancelled-bills-qry { background-color: #7F8C8D; }
/* .bg-other-credit-bills-qry { background-color: #E45256; } */
.bg-other-credit-bills-qry { 
  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;
 }

.bg-employee-credit-bills-qry { 
  color: #00A1E4!important; /* Deep Orange-Red */
  background-color: rgba(0, 161, 228, 0.12) !important;
  /* padding: 0.25rem 0.5rem; */
  border-radius:0.25rem;
  border: 0;
}

/* .bg-ip-credit-bills-qry { background-color: #29C5F6; } */
.bg-ip-credit-bills-qry { 
  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;
}
.bg-status-casualty-credits {
  color: #7c6058 !important;
  background-color: rgba(255, 87, 34, 0.12) !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem !important;
  border: 0;
}
/* .discharge-bill-status #ms-opt-11 {
  border: 1px solid #7c6058;
  background-color: #7c6058;
} */

.normal-bill {
  color: #000000
}
.e-payment {
  color: #FFFF00
}
/*.multi-payment {
  color: #700d70
}*/
.insurance {
  color: #32CD32
}
.sales-return {
  color: #acc9d1
}
.corporate {
  color: #ff7300
}
.result-entered {
  color: #cec3c3
}
.part-bill {
  color: #88cc88
}
.bill-cancel {
  color: #808080
}
.other-credit {
  color: #29C5F6
}


.normal-bill-bg {
  background: #000000
}
.e-payment-bg {
  background: #FFFF00
}
/*.multi-payment-bg {
  background: #700d70
}*/
/* .insurance-bg {
  background: #85bb65
} */
.insurance-bg {
  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;
}
.sales-return-bg {
  background: #acc9d1
}
/* .corporate-bg {
  background: #ff7300
} */
.corporate-bg {
  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;
}
.result-entered-bg {
  background: #cec3c3
}
.part-bill-bg {
  background: #A19496
}
.bill-cancel-bg {
  background: #808080
}
/* .other-credit-bg {
  background:  #29C5F6
} */
.other-credit-bg {
  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;
}
/* .ip-credit-bg {
  background:  #25C5F6
} */
.ip-credit-bg {
  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;
}

.chk {
    display: block;
    position: relative;
    padding-left: 22px;      
    cursor: pointer;     
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .chk input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
  }

  /* On mouse-over, add a grey background color */
  .chk:hover input ~ .checkmark {
    background-color: #0E4F53;
  }

  /* When the checkbox is checked, add a blue background */
  .chk input:checked ~ .checkmark {
    background-color: #2196F3;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .chk input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .chk .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    padding-top: 1px;
  }
  .checkmark.bg-visited { background-color: #0b7d87;}
  .chk input:checked ~ .checkmark.bg-visited  { background-color: #0b7d87;}

  .checkmark.bg-available { background-color: #18C687;}    
  .chk input:checked ~ .checkmark.bg-available  { background-color: #18C687;}

  .checkmark.bg-web-booking { background-color: #2F8EFC;}
  .chk input:checked ~ .checkmark.bg-web-booking  { background-color: #2F8EFC;}

  .checkmark.insurance-bg { background-color: #32CD32;}
  .chk input:checked ~ .checkmark.insurance-bg  { background-color: #32CD32;}

  .checkmark.sales-return-bg { background-color: #acc9d1;}
  .chk input:checked ~ .checkmark.sales-return-bg  { background-color: #acc9d1;}

  .checkmark.corporate-bg { background-color: #ff7300;}
  .chk input:checked ~ .checkmark.corporate-bg  { background-color: #ff7300;}

  .checkmark.corporate-bg { background-color: #ff7300;}
  .chk input:checked ~ .checkmark.corporate-bg  { background-color: #ff7300;}

  .bdr-visited { border: 2px solid #0b7d87;}
  .bdr-available { border: 2px solid #18C687;}
  .bdr-web-booking { border: 2px solid #2F8EFC;}
  .bdr-insurance { border: 2px solid #32CD32;}
  .bdr-sales-return { border: 2px solid #acc9d1;}
  .bdr-corporate { border: 2px solid #ff7300;}
  .bdr-pending { border: 2px solid #FEC32C;}
  .bdr-reserved { border: 2px solid #30302F;}
  .bdr-cancelled { border: 2px solid #E45256;}
  .bdr-other-credit { border: 2px solid #29C5F6;}

  .dark-badge .badge { color: rgba(44, 56, 74, 0.95); } 







  .checkmark.bg-pending { background-color: #FEC32C;}
  .chk input:checked ~ .checkmark.bg-pending  { background-color: #FEC32C;}

  .checkmark.bg-reserved { background-color: #30302F;}
  .chk input:checked ~ .checkmark.bg-reserved  { background-color: #30302F;}

  .checkmark.bg-cancelled { background-color: #E45256;}
  .chk input:checked ~ .checkmark.bg-cancelled  { background-color: #E45256;}

  .checkmark.other-credit-bg { background-color: #29C5F6;}
  .chk input:checked ~ .checkmark.other-credit-bg  { background-color: #29C5F6;}

  .sub-badge {
    margin-left: -1px;
    border-top-right-radius: 0px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0px !important;
  } 


.header-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
color: rgba(255, 255, 255, 0.6);
padding: 0.5rem 0.5rem;
width: 100%;
min-height: 45px;
}

.breadcrumb-wrapper {
padding: 0.5rem 0;
}
.header-inner a, .header-inner .header-toggler, .header-inner .header-nav .nav-link { color: rgba(255, 255, 255, 1); }
.header-inner a:hover, .header-inner .header-toggler:hover, .header-inner .header-nav .nav-link:hover { color: rgba(255, 255, 255, 0.6) }

.header-inner a.dropdown-item { color: #8a93a2;}
.sidebar-narrow-unfoldable .sidebar-brand { padding: 0; justify-content: center; }
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link:hover {
/* border-top: 3px solid rgba(0, 0, 21, 0.1);*/
border-top: 3px solid #0E4F53;
background-color: #FFF;
}

.nav-tabs .nav-link {
border-top: 3px solid transparent;
}

a.forgot:hover {
color: #d57414;
}

table.dataTable tbody th.focus,
table.dataTable tbody td.focus {
outline: none !important;

}

table .dropdown-menu {
background: #0E4F53;
}

table .dropdown-item {
color: rgba(255, 255, 255, 0.87);
}

table .dropdown-item-view {
  color: rgba(17, 17, 17, 0.87);
}

table .dropdown-item:hover, table .dropdown-item:focus    {
color: var(--cui-dropdown-link-hover-color, rgba(255, 255, 255, 0.87));
background-color: var(--cui-dropdown-link-hover-bg, #006666);
}

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

table.dataTable.table-hover>tbody>tr:hover>* {
background-color: #F4F6F7 !important;
box-shadow: none !important;
}

table.dataTable.table-hover>tbody>tr.tr-selected:hover>* {
  background: #3C6C6C !important;
  color: rgba(255, 255, 255, 0.87) !important;
}



div.status-bar {
/*width: 100px;
border-radius: 5px;
text-align: center;
font-weight: 600;*/
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-bottom;
border-radius: 0.25rem;
width: 100px;
}

#id_billnumber_tests_wrapper .badge, #id_table_collecteditems .badge { min-width: 80px; }
#id_sample_numbers { min-width: auto !important; }
.test-collected{
  background: #2F8EFC !important;
  color :#FFF;
  /*background-image : linear-gradient(to right, #2F8EFC 0%, #1A69C1 51%, #2F8EFC 100%) !important;*/
}
.test-final{
 background: rgb(46, 184, 92) !important;
 /*background-image: linear-gradient(to right, rgb(46, 184, 92) 0%, rgb(35, 135, 63) 51%, rgb(46, 184, 92) 100%) !important;*/
}
.test-completed{
background: #18C687 !important;
}
.test-pa{
background:#E45256  !important;
}

.test-pending {  
  /* background: #2FB0C4!important; */
  background: #d57414 !important;
}

.product-pending {  
  /* background: #2FB0C4!important; */
  background-color: #d57414 !important;
}

.pending-result {  
   background: #2FB0C4!important;    
}




.sample-pending {
  background: #f39c12 !important;
  
}

.test-result {
background: rgb(233, 178, 183) !important;
}

.tr-selected td, table.dataTable.table-striped>tbody>tr.even.tr-selected>*, table.table.table-striped>tbody>tr:nth-child(even).tr-selected>*      {
  background: #6F989E !important;
  color: rgba(255, 255, 255, 0.87) !important;
}
.tr-selected td a { color: #FFF;}
.tr-selected td .action-btn { background:#FFF; color: rgba(44, 56, 74, 0.95);}





.save-result{
color: #18C687;
background: rgba(0, 0, 21, 0.1);
border-radius: 50%;
padding: 2px;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
}

.swal-container {
z-index: 2000;
background: red;
display: block !important;
}



.card-primary .card-title {
float: left !important;
font-size: 1.1rem;
font-weight: 400;
margin: 0;
}

.validation-error {
border-color: #E45256 !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23E45256'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23E45256' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
padding-right: calc(1.5em + 0.75rem);
background-position: right calc(0.375em + 0.1875rem) center;
}


.card-tools {
float: right;
margin-right: -0.625rem;
}

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

/*@keyframes colorCycle {
0% { color   : rgb(35, 139, 230); }
12.5% { color: rgb(16, 184, 133); }
25% { color  : rgb(64, 192, 87); }
37.5% { color: rgb(252, 196, 23); }
50% { color  : rgb(255, 146, 43); }
62.5% { color: rgb(250, 82, 82); }
75% { color  : rgb(240, 101, 149); }
87.5% { color: rgb(132, 94, 246); }
100% { color : rgb(35, 139, 230); }
}

.modules .text-center:hover {
animation: colorCycle 5s infinite linear;
}*/


.modules-hdr {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  padding : 0 0 10px 0.75rem;
  /*border-bottom : 1px solid #d8dbe0;*/
}
.modules { font-size: 1.2em; }
.modules span {     
font-size:  0.78rem; 
padding-top: 5px;
display: inline-block; 
}
.modules div.text-center {
/*width : 114px;*/
width: 20%;
border: 5px solid #FFF;
color: rgba(44, 56, 74, 0.95);


}
.ico-title {
background : #d8dbe0;
border-radius : 12px;
border: 5px solid #FFF;
}

.modules div.text-center a {
width: 100%;
height: 100%;
display: inline-block;  
padding: 0.5rem !important; 
line-height: 13px;
background : #d8dbe0;
border-radius : 12px;
}
.modules div.text-center a {
color: rgba(44, 56, 74, 0.95);
font-weight: 500;
}
.modules div.text-center a:hover, .modules div.text-center a:hover span {  
color: #0E4F53 !important;
background: #ffd43b;
/*border-radius: 5px;*/
}
.tab-content.newtab {
 /* border: 1px solid #c4c9d0;*/
  border: 1px solid rgba(0, 0, 21, 0.125);
  border-top: 0;
  padding: 1rem;
  background: #FFF;
}
.table.tbl th {
padding: 0.4rem 0.6rem !important;
font-weight: 300;
}
.table.tbl th, .table.tbl td {
padding: 0.3rem 0.6rem !important;
font-weight: 300;
}
.bill-box {
height: 228px;
overflow: auto;
}

.bg-gradient-info {
background: #17a2b8;
}
.table .badge {
  min-width: 110px;
}
.sidebar-nav .nav-group-items  {
/* list-style-image: url('../images/bullet.png') !important;*/
 /*padding: 0 1rem 0 3rem !important;*/
}
.sidebar-nav .nav-group-items li a {
background: url('../../images/bullet.png') no-repeat 2rem 50%;
}
.sidebar-nav .nav-group-items li a:hover, .sidebar-nav .nav-group-items li a.active {
background: #1d2021 url('../../images/bullet-over.png') no-repeat 2rem 50%;
color: #d57414;
font-weight: 300;
}

.sidebar-nav .nav-link {
white-space:  normal;
}

.icon-layer .fa-layers-counter {
font-size: 2em;
top: -18px;
right: 0;
}
.tbl-bdr th, .tbl-bdr td {
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
padding: 0.5em 0.25em;
}
.tbl-bdr th:last-child, .tbl-bdr td:last-child {
border-right: 1px solid #DDD;
}
.tbl-bdr tr th {
border-top: 1px solid #DDD;
}
.status-box {
width: 200px;
padding-top: 20px;
}
.status-box span {
position: absolute; 
top: 0 ; 
left: 20px
}
.chat {
          background: red;
  left: 20px;
  width: 100px;
  /* height: 30px; */
  position: relative;
  border-radius: 10px;
  text-align: center;
  padding: 5px;
  position: absolute;
  top: 2px;
  right: 0;
    }
    .chat:before {
         content: "";
  position: absolute;
  right: 100%;
  top: 8px;
  border-right: 12px solid red;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
    }

    #chat-btn {
/*width: 40px;*/

background-color: #62cfc1;
border-radius: 4px;
position: absolute;
top: -20px;
left: -20px;
text-align: center;
padding: 5px;

}
#chat-btn:after, .status-box span:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  /*right: 10px;*/
  bottom: -10px;
  border-left: 10px solid transparent;
  border-right: 2px solid transparent;
  border-top: 10px solid #18C687;

}
.status-box i {
margin-left: 1em;
margin-top: 0.5em;
}
.modules div.text-center a:hover .fa-duotone {
--fa-primary-color: #0E4F53;
/*--fa-secondary-color: #006666;*/
} 

.modules legend {
  font-size: 1rem;
}
.modules  fieldset {
border: 1px solid rgba(0, 0, 21, 0.125) ;
}
html:not([dir=rtl]) .modules legend {
float: none !important;
width: auto;
padding: 5px 10px;
margin-bottom: 0;
}
.todo-box {
height: 200px;
overflow: auto;
margin-bottom: 10px;
}
.db-bottom-box .table > :not(caption) > * > * {
padding-top: 0.25rem ;
padding-bottom: 0.25rem ;
}
@media (min-width: 1200px) {
.modules legend {
  font-size: 0.875rem;
  font-weight: 500;
}
}

.toggle {
background: rgba(0, 0, 21, 0.1);
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
color: #fff;
display: block;  
font-size: 0.875em;
line-height: 1.3;
margin: 0.5em;
padding: 0 1em;
position: relative;
text-decoration: none;
text-transform: uppercase;
-moz-transition: background 300ms;
-o-transition: background 300ms;
-webkit-transition: background 300ms;
transition: background 300ms;
width: 4.5em;
}
.toggle:hover {color: #FFF !important;}
.toggle:before {
content: 'No';
display: block;
text-align: right;
}
.toggle.active {
background: #0E4F53;
}
.toggle.active:before {
content: 'Yes';
text-align: left;
}
.toggle .handle {
background: #f4f4f4;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #d4d4d4));
background: -moz-linear-gradient(top, #f4f4f4, #d4d4d4);
background: -webkit-linear-gradient(top, #f4f4f4, #d4d4d4);
background: linear-gradient(to bottom, #f4f4f4, #d4d4d4);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
/*-moz-box-shadow: #333 0 0.05em 0.35em;
-webkit-box-shadow: #333 0 0.05em 0.35em;
box-shadow: #333 0 0.05em 0.35em;*/
display: block;
height: 1.8em;
left: -10%;
margin-top: -0.9em;
position: absolute;
top: 50%;
-moz-transition: left 300ms;
-o-transition: left 300ms;
-webkit-transition: left 300ms;
transition: left 300ms;
width: 1.8em;
border:  1px solid #aaa;
}
.toggle.active .handle {
left: 70%;
}

/* accordion */
.accordion-dev-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
content: "";
background-image: var(--cui-accordion-button-icon, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAABH0lEQVRoge2YMQrCQBBFf8RTqbmBvdhqL9gJWqRQsBIEtUsdsfYGRm/ljm0CblzjJ2FkHqRKmNnPfCazAxiGYbRJxAyWXa53CHofPsvHo2HMytllBQIA95RPhweAATMnV4AIM1wQXAHOBHyNWaiI/gqoF6DdQqK+AuoFtGChDivQ7pTFzglCnv3xQhsnvMPc7nAOGcyI+KsXCfL5bPx2APRaKHAwI1JpP2/F/ALE/XKaxvALaPz89RpAhYCmOwpbQOMt0SpQpo2/ah3+2ULIAaFewGsjuPle0dYqy3U6EBd5E5WSdtDfrCYPRl7qXmiRpEE+2CZTWl7106jdB4rov5GZhb7HBBQxC9XABBRRvVYBAOckD1irBM1LhmEYOngBD4G81cLFeCMAAAAASUVORK5CYII="));
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform 0.2s ease-in-out;
}

.accordion-dev-button:not(.collapsed)::after {
background-image: var(--cui-accordion-button-active-icon, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAAeElEQVRoge3U4QmAIBiE4ROaKqINGiBovKABGsEaqihqgT5/SFnJ+/w9hDtEJQAAAAAAojgr6IdxllQm7BLiu7apr4LCOrGs+1fKS1JlBYEB2zNVbpbzgD1lj2j2gIUbSCLnN/D/AZPkzP83pUPyb3cAAAAAAGTnBLY0IsgHRiXXAAAAAElFTkSuQmCC"));
transform:none;
}

.small-box {
  border-radius: .25rem;
  box-shadow: 0 0 1px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);
  display: block;
  position: relative;
}
.small-box h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0 0 15px;
  padding: 0;
  white-space: nowrap;
}
.small-box>.small-box-footer {
  background-color: rgba(0,0,0,.1);
  color: rgba(255,255,255,.8);
  display: block;
  padding: 3px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  z-index: 10;
}
.small-box>.small-box-footer:hover { 
/*color:  #0E4F53; */
color: rgba(255,255,255,.8);
} 
.small-box .icon {
  color: rgba(0,0,0,.15);
  z-index: 0;
  height: auto !important;
}
.small-box:hover .icon>i, .small-box:hover .icon>i.fa, .small-box:hover .icon>i.fab, .small-box:hover .icon>i.fad, .small-box:hover .icon>i.fal, .small-box:hover .icon>i.far, .small-box:hover .icon>i.fas, .small-box:hover .icon>i.ion {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.small-box .icon>i.fa, .small-box .icon>i.fab, .small-box .icon>i.fad, .small-box .icon>i.fal, .small-box .icon>i.far, .small-box .icon>i.fas, .small-box .icon>i.ion {
  font-size: 50px;
  top: 20px;
}
.small-box .icon>i {
  font-size: 90px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: -webkit-transform .3s linear;
  transition: transform .3s linear;
  transition: transform .3s linear,-webkit-transform .3s linear;
}
.bg-warning, .bg-warning>a {
  color: #1f2d3d!important;
}
.small-box-vitals {
  border-radius: 1rem;
  /*box-shadow: 0 0 5px rgba(0,0,0,.125),0 1px 3px rgba(0,0,0,.2);*/
  display: block;
  position: relative;
  background: #FFF;
  height: 100%;
  border: 1px solid rgba(0, 0, 21, 0.125);
}
.small-box>.inner, .small-box-vitals > .inner {
  padding: 8px 10px 4px;
}
.box-vitals .inner {
 text-align:center;
 padding: 0.75rem !important;
}
.small-box.box-vitals h3 {
  font-size: 1.3rem;
  margin: 0;
  font-weight: 600;
  color: rgba(44, 56, 74, 0.95);
}
.small-box.box-vitals p {
    color: rgba(44, 56, 74, 0.95);
    margin: 6px 0 12px 0;
    font-size: 1em !important;
    font-weight: 400;
}
.small-box.box-vitals .icon>i.fal {
  font-size: 35px;
  top: 5px;
}
.small-box.box-vitals i, .small-box.box-vitals .fa-2x { font-size : 2em !important}


.vitals-ico {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  border-radius: 50em;
  transition: margin 0.15s;
  width: 3rem;
  height: 3rem;
  background : rgb(234, 237, 239);
  font-size: 1.8em;
}




.card .overlay, .info-box .overlay, .overlay-wrapper .overlay, .small-box .overlay {
  border-radius: .25rem;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255,255,255,.7);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 50;
}
.card .overlay.dark, .info-box .overlay.dark, .overlay-wrapper .overlay.dark, .small-box .overlay.dark {
  background-color: rgba(0,0,0,.5);
}
.card>.loading-img, .card>.overlay, .info-box>.loading-img, .info-box>.overlay, .overlay-wrapper>.loading-img, .overlay-wrapper>.overlay, .small-box>.loading-img, .small-box>.overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.card .overlay.dark>.fa, .card .overlay.dark>.fab, .card .overlay.dark>.fad, .card .overlay.dark>.fal, .card .overlay.dark>.far, .card .overlay.dark>.fas, .card .overlay.dark>.ion, .card .overlay.dark>.svg-inline--fa, .info-box .overlay.dark>.fa, .info-box .overlay.dark>.fab, .info-box .overlay.dark>.fad, .info-box .overlay.dark>.fal, .info-box .overlay.dark>.far, .info-box .overlay.dark>.fas, .info-box .overlay.dark>.ion, .info-box .overlay.dark>.svg-inline--fa, .overlay-wrapper .overlay.dark>.fa, .overlay-wrapper .overlay.dark>.fab, .overlay-wrapper .overlay.dark>.fad, .overlay-wrapper .overlay.dark>.fal, .overlay-wrapper .overlay.dark>.far, .overlay-wrapper .overlay.dark>.fas, .overlay-wrapper .overlay.dark>.ion, .overlay-wrapper .overlay.dark>.svg-inline--fa, .small-box .overlay.dark>.fa, .small-box .overlay.dark>.fab, .small-box .overlay.dark>.fad, .small-box .overlay.dark>.fal, .small-box .overlay.dark>.far, .small-box .overlay.dark>.fas, .small-box .overlay.dark>.ion, .small-box .overlay.dark>.svg-inline--fa {
  color: #ced4da;
}
.table.white-table th {
background-color :#FFF !important;
color: rgba(44, 56, 74, 0.95) !important;
}
.reg-dashboard .small-box .icon>i {
  font-size: 40px;
}
.reg-dashboard.day-close .small-box .icon>i {
  font-size: 35px;
}
.reg-dashboard .small-box h3 {
font-size: 1.5rem;
margin : 0 0 5px;
color: #FFF;
font-weight: 400;

}
.registrations-count .small-box {
 min-width: 220px;
}
.reg-dashboard .small-box {  
color: rgba(255, 255, 255, 0.6) !important;
}
.reg-dashboard .small-box>.inner {   padding: 5px 10px;  }
.reg-dashboard .small-box p { margin-bottom: 0; }
.reg-dashboard .small-box .icon>i { color: rgba(255, 255, 255, 0.6) !important; font-weight: 100 !important; } 

.modules div.text-center .fa-2x { font-size: 1.8em; }
.icon-box {
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fa-med { font-size: 1.2em; }

@media (max-width: 1450px) {
.modules div.text-center {
  width:25% ;
}
}

@media (max-width: 1300px) {
.modules div.text-center {
  width:33.33% ;
}
}


.donut-outer {
max-width: 300px;
margin: 0 auto;
}
.tab-box {
height: 595px; overflow: auto;
}
.dtfc-fixed-left .btn-group, .dtfc-fixed-right .btn-group  { position: sticky; }
.table.white-table > :not(caption) > * > * { background-color : #FFF !important }

@media(max-width: 991px) {  
.tab-box { height: auto; }
}
.under-line { border-bottom: 1px solid #d8dbe0 ; }
.scroll-graph-box {
max-height: 420px;
  overflow: auto;
}

.tr-temp > td:first-child {
  background: #d9e6e8 !important;
  box-shadow: none !important;
  padding: 1rem;
}

table.dataTable.table-striped>tbody>tr.even.tr-temp > td:first-child, table.table.table-striped>tbody>tr.tr-temp:nth-child(even)> td:first-child {
  box-shadow: none !important;
}

.tr-temp td .table th { background: #FFF !important;}




table.dataTable.table-hover>tbody>tr.tr-temp:hover>* {
    background-color: #d9e6e8 !important;
}
.indexed-tbl{
z-index: 1;
}

table .progress-group { margin-bottom: 0; }
#id_ul_resultoptions li { cursor: move; }
.nav-bold .nav-link { font-weight: 600; }

.btn-arrow-right,
.btn-arrow-left {
  position: relative;
  padding-left: 18px;
  padding-right: 18px;
}
.btn-arrow-right {
  padding-left: 36px;
}
.btn-arrow-left {
  padding-right: 36px;
}
/*.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after */

.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before { /* make two squares (before and after), looking similar to the button */
  content:"";
  position: absolute;
  top: 4px; /* move it down because of rounded corners */
  width: 22px; /* same as height */
  height: 22px; /* button_outer_height / sqrt(2) */
  background: inherit; /* use parent background */
  border: inherit; /* use parent border */
  border-left-color: transparent; /* hide left border */
  border-bottom-color: transparent; /* hide bottom border */
  border-radius: 0px 4px 0px 0px; /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
  -webkit-border-radius: 0px 4px 0px 0px;
  -moz-border-radius: 0px 4px 0px 0px;
}
.btn-arrow-right:before,
.btn-arrow-right:after {
  transform: rotate(45deg); /* rotate right arrow squares 45 deg to point right */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
/*.btn-arrow-left:before, .btn-arrow-left:after*/
.btn-arrow-left:before {
  transform: rotate(225deg); /* rotate left arrow squares 225 deg to point left */
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}
.btn-arrow-right:before,
.btn-arrow-left:before { /* align the "before" square to the left */
  left: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:after { /* align the "after" square to the right */
  right: -11px;
}
.btn-arrow-right:after,
.btn-arrow-left:before { /* bring arrow pointers to front */
  z-index: 1;
}
.btn-arrow-right:before,
.btn-arrow-left:after { /* hide arrow tails background */
  background-color: white;
}
.sticky-btns {
position: absolute; 
right: 0; 
bottom: 20px;
}
.left-box {
/*height: 598px;*/
overflow: auto;
overflow-x: hidden;
}
.analysis-dashboard .small-box h3 {
color: #FFF;
}
.analysis-dashboard .small-box {
  color: rgba(255, 255, 255, 0.6) !important;
}
.analysis-dashboard .small-box .icon>i {
  color: rgba(255, 255, 255, 0.6) !important;
  font-weight: 100 !important;
}
.analysis-dashboard .card-header {
min-height: 59px; 
}
.analysis-dashboard .card-body { min-height: 52px; }
.rooms-dashboard .badge {
padding: 0.5em 0.5em;
font-size: 0.975em;
}
.inner-table-bg, .table > :not(caption) > * > td.inner-table-bg { background: #b3c9cc; }

.login-copyright a { 
color: #FFF;
}

.login-copyright a:hover {
    color: var(--cui-link-hover-color, #129B7A);
}


#toast-containernew {
position: fixed;
z-index: 999999;
pointer-events: none;
/*overrides*/
}
#toast-containernew * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#toast-containernew > div {
position: relative;
pointer-events: auto;
overflow: hidden;
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 12px #999999;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #FFFFFF;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80);
}
#toast-containernew > div.rtl {
direction: rtl;
padding: 15px 50px 15px 15px;
background-position: right 15px center;
}
#toast-containernew > div:hover {
-moz-box-shadow: 0 0 12px #000000;
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
cursor: pointer;
}
#toast-containernew > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

@media all and (max-width: 240px) {
#toast-containernew > div {
  padding: 8px 8px 8px 50px;
  width: 11em;
}
#toast-containernew > div.rtl {
  padding: 8px 50px 8px 8px;
}
#toast-containernew .toast-close-button {
  right: -0.2em;
  top: -0.2em;
}
#toast-containernew .rtl .toast-close-button {
  left: -0.2em;
  right: 0.2em;
}
}
@media all and (min-width: 241px) and (max-width: 480px) {
#toast-containernew > div {
  padding: 8px 8px 8px 50px;
  width: 18em;
}
#toast-containernew > div.rtl {
  padding: 8px 50px 8px 8px;
}
#toast-containernew .toast-close-button {
  right: -0.2em;
  top: -0.2em;
}
#toast-containernew .rtl .toast-close-button {
  left: -0.2em;
  right: 0.2em;
}
}
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-containernew > div {
  padding: 15px 15px 15px 50px;
  width: 25em;
}
#toast-containernew > div.rtl {
  padding: 15px 50px 15px 15px;
}
}
table.dataTable.table-striped>tbody>tr.odd>*, table.table.table-striped>tbody>tr:nth-child(odd)>* {
box-shadow : none !important;
}
table.dataTable.table-striped>tbody>tr.even>*, table.table.table-striped>tbody>tr:nth-child(even)>* {
  /* box-shadow : inset 0 0 0 9999px rgb(0 0 0 / 5%) !important; */
  background-color: #F4F6F7 !important;
  
  box-shadow: none !important;
}
/*table.table.table-striped>tbody>tr:nth-child(even) > td:hover {
  background: #d7e2e2 !important;
}*/

.bottom {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap:  wrap;
}

.swal2-icon {
width: 3em !important;
height: 3em !important;
margin: 1.5em auto .6em !important;
line-height: 3em !important;
}
.swal2-icon .swal2-icon-content {
font-size : 2.75em !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left : 0.5em !important;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
left : 0.5em !important;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
top : 1.3125em !important;
width : 1.9375em !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
top: 1.7em !important;
left: 0.9em !important;
width: 0.7em !important;
transform: rotate(45deg) !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 1.375em !important;
  right: 0.4em !important;
  width: 1.6em !important;
  transform: rotate(-45deg) !important;
}

.swal2-icon.swal2-success .swal2-success-fix {
  height: 2.625em !important;
}
.table > :not(caption) > tr:last-child > td { border-bottom : 0 }

/*FOR OPEMR*/
.card-box {
min-height: 200px;
max-height: 300px;
overflow: auto;
}
.img-box img { width: 50px;}

/* #search_patient_form input, #search_oppatient_form input {
    background: rgb(11,60,63);
    border-radius: 25px;
    border: 0;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    width: 180px; 
    border-radius: 0.25rem;
} */


#patient_search_btn, #patient_opsearch_btn { color:#d9e6e8 !important ; }
.small-inputs .box { padding : 0.25rem }
.small-inputs .box-body {
    width: 100%;
    padding: 0.25rem;
    background: #ECF2F3;
}
.small-inputs .box label {
    width: 100%;
    background: #ECF2F3;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.small-inputs input.form-control {
    width: 125px;
    margin: 0 auto;
    text-align: center;
}
.sm-scroll-box {
    max-height: 200px;
    overflow: auto;
}

.new-bg {  background-color: #005954 }
.renew-bg {  background-color: #06b9ae; }
.visit-bg { background-color: #23B7E5;}
.consulted-bg { background-color: #18C687 }
.cross-consultation-bg { background-color: #c62828 }
.review-bg { background-color: #696969 }

.specialcase-bg {
    color: #ef6c00 !important; /* Deep Orange */
    background-color: rgba(239, 108, 0, 0.12) !important;

 }
.resultready-bg {  color: #5e35b1 !important; /* Violet / Blue-Purple */
  background-color: rgba(94, 53, 177, 0.12) !important;

}
.bystander-bg {
     color: #6A2C1C !important; /* Sharpened SaddleBrown */
    background-color: rgba(139, 69, 19, 0.12) !important; /* Light brown background */

}
.hadadmission-bg {
    color: #c62828 !important; /* Crimson Red */
    background-color: rgba(198, 40, 40, 0.12) !important;

}
.mlc-bg {
    color: #c62828 !important; /* Crimson Red */
    background-color: rgba(198, 40, 40, 0.12) !important;

}

span.badge.rounded-pill.resultready-bg.ms-4, span.badge.rounded-pill.specialcase-bg.ms-4,
span.badge.rounded-pill.bystander-bg.ms-4, span.badge.rounded-pill.hadadmission-bg.ms-4 {
    margin-left: 0.5rem !important;
    margin-bottom: 0.3rem !important;
}
.new {  color: #2F8EFC }
.renew {  color: #30302F }
.visit {  color: #0b7d87 }
.specialcase { color: #FEC32C }
.consulted { color: #18C687 }
.registered { color: #E45256 }
.review { color: #696969 }

/* For IPEMR */
.fill-pointer tr:hover td { cursor: pointer; 
  /* background: #CDDDD3 */
} 
.inner-scroll { height: 500px; overflow: auto;}
.inner-scroll-small { height: 250px; overflow: auto;}
.breadcrumb-item.active a { color: #8a93a2; }
.pain-scale td img {
  width: 45%;
}
.img-box img {
  width: 50px;
}

.ward-request-li { padding: 0 ;  }
.li-non-billed {
font-weight: 600;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.reports-wrapper {
display: -webkit-box;display: -ms-flexbox;display: flex;
width: 100%;
flex-wrap : wrap;
}
.report-box {
width: 120px;
height: 120px
}
#reports-category>div.report-name,  #reports-category div.report-name {
  display: inline-block;
  padding: 0.5rem !important;
  line-height: 13px;
  background: #d8dbe0;
  border-radius: 12px;
  margin: 5px;
  color: rgba(44, 56, 74, 0.95);
  cursor : pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#reports-category>div.report-name span , #reports-category div.report-name span {
  /*font-size: 0.78rem;*/
  padding-top: 5px;
  display: inline-block;

}
#reports-category>div.report-name .icon-box, #reports-category div.report-name .icon-box  {
  height : 50px;
}
#reports-category>div.report-name .icon-box i, #reports-category div.report-name .icon-box i {
  font-size: 2em;
}


#reports-category>div.report-name.mrg-0, #reports-category div.report-name{
margin-left: 0
}
#reports-category>div.report-name:hover, #reports-category div.report-name:hover {
  color: #0E4F53 !important;
  background: #ffd43b;
}
.div-icon {
  font-size: 40px;
  display: block;
  margin-bottom: 20px;
}

.caption {
color: rgba(44, 56, 74, 0.95);
}
.carousel-control-prev, .carousel-control-next {
width: 5%;
}
.carousel-inner {
padding-left: 5%;
padding-right: 5%;
}

.vitals .small-box h4 {
    color: #FFF;
}
.vitals .small-box {
  color: rgba(255, 255, 255, 0.6) !important;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 21, 0.125);
  font-weight: 500;
  height: 100%;
  box-shadow : none !important;
}
tr.tr-selected-interval td {
  /*background-color: #18C687;*/
  background-color: #6F989E;
}
/*.new {
    color: #1E90FF
}
table.highlighted-row {
    background-color: #62cfc1
}
.renew {
color: #023020
}
.visit {
color: #800020
}
.specialcase {
color: #8B4513
}
.consulted {
color: #FF4500
}
.registered {
color: #D16587

}
.review {
color: #696969
}*/


.hidden-head{
  display: none;
}

.selected-payment-head,.selected-payment-content {
    background-color:#3C6C6C;
}

/* ISSUE : Google Chrome - Datatable - extra header
.dataTables_scrollBody thead tr {
    display: none;
}*/

.bg-packing-slip { background-color:#2FB0C4;}

/* Material analysis */
.normal-batch { color: #0b7d87;}
.nearing-expiry { color: #FEC32C;}
.expired { color: #E34234;}
.stop-billing { color: #476469;}

.bg-normal-batch { background-color: #0b7d87;}
.bg-nearing-expiry { background-color: #FEC32C;}
.bg-expired { background-color:#E34234;}
.bg-stop-billing { background-color: #476469;}
.high-risk { color:  #E34234;}
.bg-circle-admitted { color: #2FB0C4; }

.order-not-approved { background-color:#2FB0C4;}
.order-pending { background-color: #FEC32C;}
.order-settled { background-color: #0E4F53;}
.order-cancelled { background-color: #476469;}

/* modal backdrop fix */
.modal:nth-of-type(even) {
  z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
  z-index: 1051 !important;
}

.avg-color{ color: #e0243d; }

@media (max-width: 560px) {
 /* .header-toggler {
    background: #FFF;
    color: #630E31 !important;
    padding: 0rem 0.2rem;
  }*/
 
  .sidebar-narrow-unfoldable:not(:hover) .left-search  { padding : 0.6rem 1rem; !important; }
  .sidebar-narrow-unfoldable:not(:hover) .left-search input { padding-left: 1rem;
    border: 1px solid rgba(255,255,255, 0.2);}
}

/* Stock Transfer */
.approved-color { color: #0b7d87;}
.pending-color { color: #FEC32C;}
.cancelled-color { color:#545b62;}
.bg-ad-discharged { background-color: #ce5310; }
.primary-approved-color { color:#18C687;}

.badge.result-pending {
    color: rgba(44, 56, 74, 0.95);
    border: 1px solid #138496;
}
.badge.sales-return {
    color: rgba(44, 56, 74, 0.95);
    border: 1px solid #18C687;
}


.table .toggle.active {
  background: #d57414;
  color: #FFF !important;
}


/* Employeemaster */
.employee-doctor { color: #2FB0C4;}
.employee-terminated { color: #696969;}


/* IP EMR */
.bg-ip-pending { background:  #FEC32C; }
.bg-ip-estimate { background: #2FB0C4; }
.bg-ip-billed { background: #18C687; }
.bg-ip-emergency { background: #FF0000; }
/*.bg-ip-substitute { background: #E34234; }*/
.bg-ip-substitute { background: #BA55D3; }
.bg-ip-insurance { background: #2F8EFC; }
.bg-ip-discharge { background: #40E0D0; }
.bg-ip-regular { background: #15787e; }
.bg-ip-cancelled { background: #545b62; }
.bg-ip-stopped { background: #fc6c85; }

.modal-print-preview {z-index :2000 !important;}

.new {
  color: #1E90FF

}
.renew {
  color: #023020
}
.visit {
  color: #800020
}
.cross-consultation {
  color: #FEC32C;
}
.consulted {
  color: #FF4500
}
.bg-new {
  background-color: #1E90FF

}
.bg-renew {
  background-color: #023020
}
.bg-visit {
  background-color: #800020
}
.bg-cross-consultation {
  background-color: #FEC32C;
}

.common-allergen-div{
  /* background: #F3AFA2; 
   color: #212626;*/
   /*background: rgba(255, 0,0,0.7);*/
   background: #E45256;
   color: #FFF;
   padding: 5px 15px;
   font-size: 15px;
 }
 
.common-allergen-div span {
	font-weight: 700;
}
.common-allergen-div span#top_allergenarea {
	font-weight: 400;
	font-size: 13px;
}

.inactive-anchor , .dropdown-item.disabled button, .dropdown-item:disabled button{
    pointer-events: auto; /* Allow mouse interaction on the element */
}

/* #frm_login .input-group > .form-control, #frm_login .input-group > .form-select, #frm_login .form-control, #frm_login .form-select {
  background-color: #0a3c3f !important;
  border: 0 !important;
  color: #E0EEF0 !important;
}

#frm_login .input-group-text {
  background-color: #083032 !important;
  color: #E0EEF0 !important;
  border-color: #083032 !important;
}
a.forgot {
  color: #FFF !important;
} */



.bg-primary-gradient { 
background: #006666; /* Old browsers */
background: -moz-linear-gradient(top,  #006666 0%, #114f53 50%, #0d3642 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #006666 0%,#114f53 50%,#0d3642 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #006666 0%,#114f53 50%,#0d3642 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006666', endColorstr='#0d3642',GradientType=0 ); /* IE6-9 */
}

.bg-header-primary, .modal-header, .opemr-greenstrip, .opemr-nav a i, .sidebar-right-trigger, .sidebar-right-trigger, .sidebar-right-report-trigger, .custom-button, .btn-primary  {  
background: #0E4F53; /* Old browsers */
background: -moz-linear-gradient(left,  #1e5799 0%, #114f52 0%, #114f52 0%, #047979 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1e5799 0%,#114f52 0%,#114f52 0%,#047979 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #1e5799 0%,#114f52 0%,#114f52 0%,#047979 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#047979',GradientType=1 ); /* IE6-9 */
border: 0 !important;
}

.btn-primary  {  
    background-image: linear-gradient(to right,  #047979 0%, #0E4F53  51%, #047979  100%);
              transition: 0.5s;
            background-size: 200% auto;    
}

.btn-primary:hover {
  background-position: right center; /* change the direction of the change here */

}

.btn-danger  {  
  background-image: linear-gradient(to right,  #5E000C 0%, #C1000F  51%, #5E000C  100%);
            transition: 0.5s;
          background-size: 200% auto;  
  color: #FFF !important;  
}


.btn-danger:hover {
background-position: right center; /* change the direction of the change here */
color: #FFF;  

}

.doctor-block {
  width: 150px;
  margin-right: 10px;
  text-align: center;
  display: inline-block;
}


.btn-reset {
  --cui-btn-bg: #129B7A;
  --cui-btn-border-color: #129B7A;
  --cui-btn-color: #FFF;
  --cui-btn-hover-bg: #0E4F53;
  --cui-btn-hover-border-color: #0E4F53;
  --cui-btn-hover-color: #FFF;
  --cui-btn-active-bg: #0E4F53;
  --cui-btn-active-border-color: #0E4F53;
  --cui-btn-active-color: #FFF;
  --cui-btn-disabled-bg: #9EA8AF;
  --cui-btn-disabled-border-color: #9EA8AF;
  --cui-btn-disabled-color: #000015;
  --cui-btn-shadow: rgba(158, 168, 175, 0.5);
  }

  .btn-reset  {  
    background-image: linear-gradient(to right,  #0ac282 0%, #129B7A  51%, #0ac282  100%);
              transition: 0.5s;
    background-size: 200% auto;  
    border: 0;
}
.btn-secondary {
    /* background-image: linear-gradient(to right,  #DDD 0%, #919aa3  51%, #DDD  100%);
              transition: 0.5s; */
    color: #FFF; 
    background-image: linear-gradient(to right, #485563 0%, #29323c  51%, #485563  100%);     
    background-size: 200% auto;  
   /* border: 0; */   
}
.btn-secondary.btn:focus { color: #FFF;}

.btn-reset:hover, .btn-secondary:hover {
  background-position: right center; /* change the direction of the change here */

}
.btn-reset:hover, .btn-secondary:hover { color: #FFF !important; }

.common-allergen-div{
    border-radius: 8px;
}
.searchresults{
    max-height: 300px;
    overflow: auto;
}
#div_id_concession_radio div  {
  display: flex;
}
#div_id_concession_radio div div {
  padding-right: 10px;
}
#div_id_concession_radio div div input {
  margin-right : 5px 
}
@media (min-width: 1200px) {
  div.dataTables_wrapper div.dataTables_filter input {
    width: 300px;
  }
  .bill-status {
    width: 350px;
    position: absolute;
    top: 5px;
    right: 360px;
    z-index: 100;
  }


}





.bg-active-cust{
  color: #129B7A !important;
  background-color: rgba(15, 183, 107, 0.12) !important;
  padding: 0.25rem 0.5rem ;
  border-radius:0.25rem !important;
  border: 0 ;
}

.bg-closed-cust{
  color: #0069D9 !important; 
  background-color: rgba(0, 123, 255, 0.12) !important;
  padding: 0.25rem 0.5rem ;
  border-radius: 0.25rem !important;
  border: 0 ;
}

.bg-expired-cust{
  color: #C82333 !important; 
  background-color: rgba(220, 53, 69, 0.12) !important; 
  padding: 0.25rem 0.5rem ;
  border-radius: 0.25rem !important;
  border: 0 ;

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



.bg-active-cust-status{
  background: #129B7A !important;
}
.bg-closed-cust-status{
  background: #0069D9 !important; 
}
.bg-expired-cust-status{
  background: #C82333 !important; 
}
.bg-transfered-cust-status{
  background: #4B0082 !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); 
}

/* 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-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;
}

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