@charset "UTF-8";
::-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; 
}

.left-search {
  padding : 0.6rem 1rem;
  background: #1f2222;
}
.left-search input {
  height: 20px !important;
  line-height: 20px !important;  
  background: #1f2222;
  padding-left: 1rem;
  border: 1px solid rgba(255,255,255, 0.2);
  border-radius: 30px;
  color: rgba(255, 255, 255, 0.6);

}
.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}

.left-search input:focus {
  background: #1f2222;
  border-color: #683548;
  color: rgba(255, 255, 255, 0.6);
}

.nav-tabs.nav-default .nav-link.active, .nav-tabs.nav-default .nav-item.show .nav-link {
  border-color : #FFF;
  border-top : 7px;
  border-bottom: 3px solid #683548;

}
.input-pos {
  position: absolute;
  top: 6px;
  left: 15px;
  z-index: 100;
}
.nav-tabs.nav-default .nav-link { padding: 0.5rem 1rem 0.5rem 2.2rem !important;}


.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;
}

.opt-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;
}
.opt-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"));
}

.opt-status #ms-opt-1 {
  border: 1px solid #20365C;
}

.opt-status #ms-opt-1:checked {
  background-color:  #20365C;
  border-color:  #20365C;
}
.opt-status #ms-opt-2 {
  border: 1px solid #F5B136;
}

.opt-status #ms-opt-2:checked {
  background-color:  #F5B136;
  border-color:  #F5B136;
}
.opt-status #ms-opt-3 {
  border: 1px solid #005FB6;
}

.opt-status #ms-opt-3:checked {
  background-color:  #005FB6;
  border-color:  #005FB6;
}
.opt-status #ms-opt-4 {
  border: 1px solid #A9ACA1;
}

.opt-status #ms-opt-4:checked {
  background-color:  #A9ACA1;
  border-color:  #A9ACA1;
}

.opt-status #ms-opt-5 {
  border: 1px solid #7C6756;
}
.opt-status #ms-opt-5:checked {
  background-color:  #7C6756;
  border-color:  #7C6756;
}
.opt-status #ms-opt-6 {
  border: 1px solid #DB6024;
}
.opt-status #ms-opt-6:checked {
  background-color:  #DB6024;
  border-color:  #DB6024;
}
.opt-status #ms-opt-7 {
  border: 1px solid #20365C;
}
.opt-status #ms-opt-7:checked {
  background-color:  #20365C;
  border-color:  #20365C;
}
.opt-status #ms-opt-9 {
  border: 1px solid #691C32;
}
.opt-status #ms-opt-9:checked {
  background-color:  #691C32;
  border-color:  #691C32;
}
.opt-status #ms-opt-8 {
  border: 1px solid #20365C;
}

.txt-processed {
  color: #20365C;
}
.txt-vulnarable {
  color: #20365C;
}
.txt-approved {
  color: #691C32;
}
.txt-pending {
  color: #20365C;
}
.txt-addon {
  color: #DB6024;
}
.txt-repeat {
  color: #7C6756;
}
.txt-invalid {
  color: #A9ACA1;
}
.txt-fast-done {
  color: #005FB6;
}
.txt-fast-track {
  color: #F5B136;
}


.opt-status #ms-opt-8:checked {
  background-color:  #20365C;
  border-color:  #20365C;
}


.btn-sm.btn-xxs {
  font-size: 0.75rem;
  font-weight: 800;
  color: #630E31;
}
.site-name {
  font-size: 1rem;
  font-weight: 600;
  color: #FFF;

}

.white-table.table th, .white-table.table td {
  background-color: #FFF;
  padding : 0.3rem 0.6rem !important
}
.scroll-box {
  max-height: 300px;
  overflow: auto;
}
#calendar .ui-datepicker-inline{
  max-width:100%;
}
.select2-selection.select2-selection--single{
  height: calc(1.5em + 0.5rem + 2px) !important;
}
.select2-container .select2-results__option.optInvisible {
  display: none;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  display: none;
}
.vip { background: rgba(208, 89, 146, 0.8);  color: white; width: auto; margin-right: 3px; padding: 3px;}
.vulnerable { background: rgb(0, 133, 241);  color: white; width: auto; margin-right: 3px; padding: 3px;}
.fasttrack{background: rgb(0, 133, 241);  color: white; width: auto; margin-right: 3px; padding: 3px;}


.control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg {
  background : #272b2b !important;
}
.control-sidebar-dark {
  color:  rgba(255, 255, 255, 0.6) !important;
}

.photo-box {
  width: 135px;
  height: 101px;
  background: #d9e6e8;
}
.capture {
  text-decoration: none;
  font-weight: 800;
  font-size: 0.8rem;
}

.dashboard .fa-light, .dashboard .fal, .dashboard .fa-thin, .dashboard .fat, .dashboard .fa-solid, .dashboard .fas, .dashboard .fa-regular, .dashboard .far {
  width: 40px;
}


.select2-container--default.select2-container--disabled .select2-selection--single, .form-select:disabled, .form-control:disabled, .form-control[readonly] {
  background-color : #efeded !important;
  border : 1px solid #c0bdbe;
  opacity: 0.5;
}

.digit {
  font-size: 2rem;
  font-weight: 300;
  color: #fff;
}

.bg-dilatation { background-color: #F5B136; /*#0B7D87;*/}
.bg-pmt { background-color: #DB6024;}
.bg-rerefraction { background-color: #005FB6;}
.bg-cyclo { background-color: #812A31;}
.cl_rerefraction {color: #005FB6; }
.cl_cyclo {color: #812A31;}
.cl_dilatation { color: #F5B136;}
.cl_pmt { color: #DB6024;}
.bg-processed { background-color: #7C6756;}
.bg-processing { background-color: #20365C; /*#f9b115;*/ }
.cl-processed { color: #7C6756;}
.cl-processing { color: #20365C;}
.cl-discharged { color: #A51D4F;}
.bg-discharged { background-color: #A51D4F;}
.bg-pending { background-color: #c156ca;}
.cl-pending { color: #c156ca;}
.bg-fitter { background-color:#885fd7;}

.count-btns .badge {
    font-size: 0.9em;
    font-weight: 800;
    /*padding: 0.5em 1.3em;*/
    padding: 0.30em 0.54em
}
.count-btns .badge.top-0 { 
  top: 3px !important;

}

.bg-10 {
 background-color: #F5B136
}
.bg-11 {
 background-color: #DB6024
}
.bg-12 {
 background-color: #812A31
}
.bg-13 {
 background-color: #691C32
}
.bg-14 {
 background-color: #20365C
}
.bg-15 {
 background-color: #005FB6
}
.bg-16 {
 background-color: #1324BC
}
.bg-17 {
 background-color: #7C6756
}
.bg-18 {
 background-color: #A9ACA1
}

.card-header { font-weight: 600}
.form-check-label { padding: 0}
.header-nav .avatar-md {
  height: 1.75rem;
}
.header-nav .avatar-md img { height: 100%}
.main-tab > ul {
    background: #DDD;
 }
.main-tab > .tab-content {
    padding: 1rem;
    background: #FFF;
}
.main-tab .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background : #FFF;
    color: #683548;
    border-radius: 0.25rem 0.25rem 0 0;
}
.count-btns .btn {
 /* border : 1px solid #302E2F; */
 color : #302E2F ;
 background: #f0f0f0;
}
.text-primary { color : #630E31 !important }
.black-dashboard, .black-dashboard .card-body  {
    color : #302E2F !important;
}
.asteriskField {
    color : #e55353;
    font-weight : 500;
}

.accordion-button:not(.collapsed) {
  color: var(--cui-accordion-button-active-color, rgba(48, 46, 47, 1));
  background-color: var(--cui-accordion-button-active-bg, #E2D9DB);
  box-shadow: inset 0 -1px 0 var(--cui-accordion-border-color, rgba(0, 0, 21, 0.125));
}

.modal-header {
  background:#dbd7d9;
  color: #630E31;
}
 .modal-header .btn-close {
    color: #630E31 !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%2899, 14, 49, 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;
}

table .dropdown-menu {
  background: #683548;
}

table .dropdown-item {
  color: rgba(255, 255, 255, 0.87);
}
table .dropdown-item:hover, table .dropdown-item:focus    {
  color: #FFF;
  background-color: #4F2937;
}

.nav-bold .nav-link {
    font-weight: 600;
}
.bg-1 {
    background-color:#CE7A48;
}
.bg-0 {
    background-color:#7c2d56;
    /*background-color : #a8838e;*/
}
.bg-5 {
    background-color : #a8838e;
}

.bg-2 {
    background-color: #802C40;
}
.bg-3 {
    background-color: #AC3E25;
}
.bg-4 {
    background-color: #A51D4F;
}
.bg-5 {
    background-color:#d57414
}
.text-bg-4 {
  color: #A51D4F;
}
table.dataTable.table-striped>tbody>tr.odd>* {
  box-shadow : none !important;
}
table.dataTable.table-striped>tbody>tr.even>* {
  box-shadow : inset 0 0 0 9999px rgb(0 0 0 / 5%) !important;
}
table.dataTable.table-hover>tbody>tr:hover>* {
    background-color : #F6F4F4 !important;
}
.tab-content.newtab {
    border: 1px solid #c4c9d0;
    border-top: 0;
    padding: 1rem;
    background: #FFF;
}
.bg-tab {
    /* background: #E2D9DB; */
    background: #e5dce0; /* changed onf 13.02.2023 */
}
table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow:  inset 0 0 0 9999px rgb(244 242 242 / 100%);
}
.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;
}

html:not([dir=rtl]) .nav.nav-space { 
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.timeline {
  margin: 0 0 45px;
  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 {
  margin-bottom: 15px;
  margin-right: 10px;
  position: relative;
}

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

.timeline > 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: #302E2F;
  margin-left: 60px;
  margin-right: 15px;
  margin-top: 0;
  padding: 0;
  position: relative;
}

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

.timeline > div > .timeline-item > .timeline-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color: #302E2F;
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
  padding: 10px;
}

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

.timeline > div > .timeline-item > .timeline-body,
.timeline > div > .timeline-item > .timeline-footer {
  padding: 10px;
}

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

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

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

.timeline > div > .fa,
.timeline > div > .fas,
.timeline > div > .far,
.timeline > div > .fab,
.timeline > div > .fal,
.timeline > div > .fad,
.timeline > div > .svg-inline--fa,
.timeline > div > .ion {
  background-color: #683548;
  border-radius: 50%;
  font-size: 16px;
  height: 30px;
  left: 18px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
  color : #FFF;
}

.timeline > div > .svg-inline--fa {
  padding: 7px;
}

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

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

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




.btn-reset {
  --cui-btn-bg: #386F70;
  --cui-btn-border-color: #386F70;
  --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: #d57414;
  --cui-btn-border-color: #d57414;
  --cui-btn-color: #FFF;
  --cui-btn-hover-bg: #CE7A48;
  --cui-btn-hover-border-color: #CE7A48;
  --cui-btn-hover-color: #FFF;
  --cui-btn-active-bg: #CE7A48;
  --cui-btn-active-border-color: #CE7A48;
  --cui-btn-active-color: #FFF;
  --cui-btn-disabled-bg: #0B4F53;
  --cui-btn-disabled-border-color: #0E4F53;
  --cui-btn-disabled-color: rgba(255, 255, 255, 0.87);
  --cui-btn-shadow: rgba(254, 144, 36, 0.5);

}

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

}
form .check-boxes label, form label.pd-reset {
    padding-top: 0;
    padding-bottom: 0;
}
.red { color: #e55353; }

/*.swal2-title { padding: 0 1em 0 !important; }
.swal2-icon {
    margin: 1em auto .6em !important;
}
.swal2-styled.swal2-confirm {
    background-color : #683548 !important;
}
.swal2-styled.swal2-confirm:focus {
    box-shadow : 0 0 0 3px rgb(119 45 84 / 50%) !important
}
.swal2-styled {
    font-weight: 400 !important;
    font-size: 0.875rem !important;
}*/

.swal2-title {
  /*font-size: 1.5rem !important */
  font-size: 1rem !important
}
.swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
  background-color :#683548 !important;
  font-size:0.875rem !important;
  color: rgba(255, 255, 255, 0.87) !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: #683548 !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(104, 53, 72, 0.5) !important;

}

.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;
}



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

.sidebar-light {
    background: #272b2b ;
    color : rgba(255, 255, 255, 0.6)
}
.client-logo {
    font-weight: 600;
    font-size: 1.25rem;
}
.select2-container--default .select2-selection--single { border: 1px solid #DDD; }
.breadcrumb-wrapper {
  padding: 0.5rem 0;
}
.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;
}

.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 #683548;
  background-color: #FFF;
}

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


.test-collected{
        background: rgba(50, 31, 219,1) !important;
        color :#FFF;
    }
.test-final{
        background: rgb(46, 184, 92) !important;
    }



div.dataTables_wrapper{
        width: 100%;
    }
    .result-printed{
        background-color: rgb(233, 178, 183) !important;
    }
    .color-span{
        width: 20px;
        height: 20px;
        border: 0.2px solid #00000047;
        display: inline-block;
        margin-right: 5px;
    }
    .color-indications div {
        float: right;
        display: inline-block;
    }
    .color-indications{
        width: 100%;
    }
    .test-completed{
        background: #3498db !important;
    }
    .test-pa{
        background:#853b93  !important;
    }
    
    .test-pending{
        background: #f39c12 !important;
    }
    
    .test-result{
        background:rgb(233, 178, 183) !important;
    }
    .dataTables_wrapper tr{
        cursor: pointer;
    }
    .tr-selected{
        
        background: #b1b7c1 !important;
    }
    #id_waiting_list td>a{
        text-decoration: none;
        color: initial;
    }
    .table > :not(caption)  .tr-selected {
         color: #FFFFFF !important;
    } 

    .checkbox-sample,.collect-sample{
        width: 20px;
        height: 20px;
    }
    span#id_sample_numbers {
    font-size: 18px !important;
    }
    span.select2-selection{
        height:38px !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;
    }
    .save-result{
        color: green;
    background: #7a717140;
    border-radius: 50%;
    padding: 2px;
    width: 25px;
    height: 25px;
    text-align: center;
    }
    #id_ul_resultoptions li{
        display: inline-block;
        padding: 2px;
        background: #87a9cb;
        min-width: 100px;
        text-align: center;
        border-radius: 8px;
        color: white;
        cursor: pointer;
    }
    .tr-result-delivered{
        background: #00bc8c52;
    }
    #id_datagrid_3 a{
        text-decoration: none;
        color: #000036;
    }


.input-disabled{background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;}

#id_doctor, #id_bill_type, #id_referred_by, #id_item_doctor, #id_salutation, #id_card_name,
select#id_epay_type, #id_bill_type_choice {

    padding: 0.25rem 2.25rem 0.25rem 0.75rem;
    background-position: right 0.75rem center;

    display: block;
    width: 100%;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 0.875rem; /* PC */
    font-weight: 400;
    line-height: 1.5;
    color: var(--cui-form-select-color, rgba(44, 56, 74, 0.95));
    background-color: var(--cui-form-select-bg, #fff);
    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='%23636f83' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 16px 12px;
    border: 1px solid var(--cui-form-select-border-color, #b1b7c1);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.payment-icon{
    width:20px;
    height:20px;
    margin-right: 5px;
}

form#customer-details input#id_external_doctor {
    /* width: 4.5em; */
}
.table th {
    /*background-color: #F0ECED !important;*/
    background-color:#e5dce0;
    padding: 0.6rem 0.6rem !important;
    /*padding: 0.4rem 0.6rem !important;*/
    color: #0F0B0C !important;
}
.tr-token-selected, .tr-token-selected * {
    background: rgba(244, 242, 242, 1) !important;
    font-weight: bold;
    color: rgba(44, 56, 74, 0.95) !important;
}
.div-day{
    display: inline-block;
    width: 100px;
    /*background: #E2D9DB;*/
    border : 1px solid #d8dbe0;
    padding: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 7px;
    text-align: center;
}
.div-day .weekday{
    font-weight: 700;
    /* margin-bottom: 5px;*/
}
div.selected-day {
    background: #683548;
    color: white;
}
form label{
    padding-top: calc(0.175rem + 1px);
    padding-bottom: calc(0.175rem + 1px);
    margin-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.5;
    color: var(--cui-form-label-color, );
    font-weight: 600;
}


.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; 
}


/** SPINNER CREATION **/

.loader {
    position: relative;
    text-align: center;
    margin: 15px auto 35px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-top-color: #000;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
  }
  
  @keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }
  
  @-webkit-keyframes spin {
    to {
      -webkit-transform: rotate(360deg);
    }
  }
.waiting-time{
    width: 100px;
    padding: 1px 5px;
    border-radius: 3px;
    color: white;
}
.search-button{
    background: #ffffff;
    border: 1px solid #0000002e;
}
.search-div{
    /* background: #E2D9DB; */
    background: #f7f7f7;
}

.row.row-waiting i:hover {
    color: #683548;
    cursor: pointer;
}

/* Added by siji for optometry module */
.vip { background: #683548;  color: white; width: auto; margin-right: 3px; padding: 5px;}
    .text-highlight { color: #683548; font-weight: bold;}
    .vulnerable { background: rgb(0, 133, 241);  color: white; width: auto; margin-right: 3px; padding: 3px;}
    .select2.select2-container{
        width:100% !important;
    }
    .col-padd-0 { padding: 0px; padding-right: 0.25rem;}
    .eyeHeading {width: 39%;float: left;margin-right: 1%;text-align: center;background: #80808061;padding: 2px;font-weight: 600; color: #4f577b;}
    .eyeHeading-45 { width: 44%; }
    .eyeHeading-44 { width: 43%; }
    .width100per { width:  100%; float: left;}
    .width25per { width:  25%; float: left;}
    .width20per { width:  20%; float: left;}
    .width30per { width:  30%; float: left;}
    .width40per { width:  40%; float: left;}
    .width49per { width:  49%; float: left;}
    .width50per { width:  50%; float: left;}
    .width60per { width:  60%; float: left;}
    .width10per { width:  10%; float: left;}
    .width80per { width:  80%; float: left;}
    .width90per { width:  90%; float: left;}  
    .width45per { width:  45%; float: left;}
    .width28per { width:  28%; float: left;}
    .width16per { width:  16%; float: left;}
    .width11per { width:  11%; float: left;}
    .arheading {background: #683548; color: #FFF; padding: 5px;}
    .arContent {min-height: 150px; background-color: #DDD; padding: 10px;}
    .arContent p{padding: 0px; margin: 0px;}
    .pull-left {float: left;}
    .refractiovalue {padding:2px; float: left; width:100%;}
    .scrollDiv {height:150px !important; overflow-y: auto;}

    #id_ul_kitlist li{
        cursor: pointer;
    }

.disable-button{
    display: none;
}
.swall-overlay {
    z-index: 100005;
}
.swal-modal {
    z-index: 99999;
}
.swal2-container{
    z-index: 99999 !important;
}
.dashboard-filter i { color : #302E2F }
.notes-box {
  resize: none;
  height: 130px;
}
/*.dashboard-filter{
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    border : 1px solid #683548;
    padding: 2px;
    color : #683548;
}
.dashboard-filter.active{
    border : 1px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
}
.dashboard-filter.active i{
    color: #FFF !important;
}*/

.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;
}




.patient-consulted button{
    background: #00800061;
    color: white;
}

.card-shadow{
  /*box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%) !important ;*/
  /* box-shadow: 2px 2px 5px #00000061 !important;  */
  /* added on 13.02.2023 */
}
/* .bg-cancelled{
  background: red;
}
.bg-approved{
  background: green;
}
.bg-notgenerated{
  background-color: #F5B136;
}
.bg-generated{
  background-color: #20365C;
} */

.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; }


@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);}
}


select { border-color: #DDD !important;}