.hide{display: none;}
@media (min-width: 992px){
    /*.navbar.navbar-expand-lg{margin-left: 140px}*/
}
::-webkit-file-upload-button {
  margin-left: -12px;
  margin-top: -10px;
  padding: 6px;
  border: none;
  border-right: 1px solid #ddd;
}

/*Preloader Css*/
/*#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #ffffff82;}
#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #074692;border-top-color: #d1e6f9;border-radius: 50%;width: 60px;height: 60px;-webkit-animation: animate-preloader 1s linear infinite;animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes animate-preloader {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
*/

.btn-mb{margin-bottom: 5px;}
/*.btn-table{width: 100px;display: block;}*/
.btn-table{width: 80px;}
#datatable{width: 100% !important;}


/*Parsley Css*/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}
.bootstrap-select .selectpicker.parsley-error + .dropdown-toggle .filter-option{
    background-color: #f2dede;
    border: 1px solid #eed3d7;
}
.bootstrap-select .selectpicker.parsley-success + .dropdown-toggle .filter-option{
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}
.input-group ul.parsley-errors-list{
  position: absolute;
  top: 34px;
}


.search-btn{margin-top: 23px}
@media (max-width: 768px){
.search-btn{
    margin-top:0px;
}
}
.search-btn:focus{box-shadow: none !important;}
.search-row{border-bottom:1px solid #e25a44}

/*============Scroll Bar============= */

/* width */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #E25A44;
  border-radius: 10px;
}


/*Software Css*/
input,select,textarea{text-transform: uppercase;}
.nocase{text-transform: none !important;}
.dropdown-menu .sub-nav-link.active-page {color: #074b9c;background: #ebf4fe;}

/* On Invalid */
.selectpicker.is-invalid ~ .dropdown-toggle {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
  outline: none !important;
}
.selectpicker.is-invalid ~ .dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* On valid */
.selectpicker.is-valid ~ .dropdown-toggle {
  border-color: #28a745 !important;
  color: #28a745 !important;
  outline: none !important;
}

.selectpicker.is-valid ~ .dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

#search_button{border-color: #074b9c;}

.btn-group>.btn:first-child
{
  margin-right:5px;
  border-radius: 2px !important;
}

.btn-group>.btn:last-child
{
  margin-left:5px;
  border-radius: 2px !important;
}



.btn-table.btn-danger {
  color: #ffffff;
  background-color: #fc9709;
  border-color: #fc9709; }
.btn-table.btn-danger:hover {
    color: #ffffff;
    background-color: #e98903;
    border-color: #e98903; }
.btn-table.btn-danger:focus, .btn-table.btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(250, 191, 70, 0.2); }
.btn-table.btn-danger.disabled, .btn-table.btn-danger:disabled {
    color: #ffffff;
    background-color: #fc9709;
    border-color: #fc9709; }
.btn-table.btn-danger:not(:disabled):not(.disabled):active, .btn-table.btn-danger:not(:disabled):not(.disabled).active {
    color: #ffffff;
    background-color: #e98903;
    border-color: #e98903; }


.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}


.header-actions > li > a.user-settings span.user-name span.uname{display: block;text-align: end;}
.header-actions > li > a.user-settings span.user-name span.utype{display: block;font-size: 10px;text-align: end;}
.bootstrap-select>.dropdown-toggle {height: calc(1.5em + .75rem + 2px);line-height: inherit;}

/* All Capital Letter */
label{font-weight: 600;text-transform: uppercase;}
table.table-bordered.dataTable th{text-transform: uppercase;}
.btn-table,#di_search_btn,#di_reset_btn{text-transform: uppercase;}
.navbar-expand-lg .navbar-collapse{text-transform: uppercase;}
.placeholder{color: #A59999;}

.print_btn_div .dropdown-menu:before{ display: none !important; }

#logModal .modal-dialog{margin-top:10px}
#logContent{max-height:85vh;overflow-y: auto;}

.tblborder {border: 1px solid #dee2e6}
.tblborder td,.tblborder th {border: 1px solid #dee2e6}
.tblborder thead td,.tblborder thead th {border-bottom-width: 2px}
/* FONT SIZES */
.font1{font-size:1px}.font2{font-size:2px}.font3{font-size:3px}.font4{font-size:4px}.font5{font-size:5px}.font6{font-size:6px}.font7{font-size:7px}.font8{font-size:8px}.font9{font-size:9px}.font10{font-size:10px}.font11{font-size:11px}.font12{font-size:12px}.font13{font-size:13px}.font14{font-size:14px}.font15{font-size:15px}.font16{font-size:16px}.font17{font-size:17px}.font18{font-size:18px}.font19{font-size:19px}.font20{font-size:20px}.font21{font-size:21px}.font22{font-size:22px}.font23{font-size:23px}.font24{font-size:24px}.font25{font-size:25px}.font26{font-size:26px}.font27{font-size:27px}.font28{font-size:28px}.font29{font-size:29px}.font30{font-size:30px}.font31{font-size:31px}.font32{font-size:32px}.font33{font-size:33px}.font34{font-size:34px}.font35{font-size:35px}.font36{font-size:36px}.font37{font-size:37px}.font38{font-size:38px}.font39{font-size:39px}.font40{font-size:40px}.font41{font-size:41px}.font42{font-size:42px}.font43{font-size:43px}.font44{font-size:44px}.font45{font-size:45px}.font46{font-size:46px}.font47{font-size:47px}.font48{font-size:48px}.font49{font-size:49px}.font50{font-size:50px}.font51{font-size:51px}.font52{font-size:52px}.font53{font-size:53px}.font54{font-size:54px}.font55{font-size:55px}.font56{font-size:56px}.font57{font-size:57px}.font58{font-size:58px}.font59{font-size:59px}.font60{font-size:60px}.font61{font-size:61px}.font62{font-size:62px}.font63{font-size:63px}.font64{font-size:64px}.font65{font-size:65px}.font66{font-size:66px}.font67{font-size:67px}.font68{font-size:68px}.font69{font-size:69px}.font70{font-size:70px}.font71{font-size:71px}.font72{font-size:72px}
.jconfirm-content .row{margin-left:0px;margin-right:0px}
.pending-badge,.followup-badge,.confirm-badge,.reminder-badge,.notes-badge,.na-badge{padding:0px 10px;font-size:12px;text-align:center}
.pending-badge{background-color:#fad2e1;}
.followup-badge{background-color:#d6e9ff;}
.confirm-badge{background-color:#cbf3f0;}
.reminder-badge{background-color:#c6cd4c4d;}
.notes-badge{background-color:#cca7a34d;}
.na-badge{background-color:#ff220a8a;}

.status-tabs-container {background: #ffffff;padding: 10px 0 0 0;}
.status-tabs-container .nav-tabs{border-bottom: 1px solid #ffffff;}
.status-tabs-container .nav-tabs a:hover{cursor: pointer;}
.status-tabs-container .nav-tabs a.active{background-color: #e1efff;border: 1px solid #e1efff !important}
.count-status{width: 22px;height: 22px;background: #064b9c;border: 2px solid #064b9c;color: #ffffff;display: inline-block;line-height: 18px;font-weight: 600;text-align: center;border-radius: 50px;margin-left: 5px;}
.approved-box{display: none;}
.bordered-tbl,.bordered-tbl th,.bordered-tbl td{border:1px solid #dee2e6;padding: 5px 5px;}
.bordered-tbl thead{background-color: #f7fafe;color:#000}
.bordered-tbl thead th{padding: .5rem .5rem;}
.bordered-tbl tbody tr{background-color:#ffffff !important;}
.fw-600{font-weight: 600;}
.exp-soon{color:#ff3c3c}
.btn-light.exp-soon:hover{color:#ff3c3c}
.jconfirm-content .table{ font-size: 13px;text-transform: uppercase; }
.docForm .parsley-errors-list {font-size: 10px;}
.submit-loader{position:relative}
.submit-loader::before{content:'';position:absolute;top:10rem;left:50%;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#e74c3c;border-radius:50%;animation:spin 1s linear infinite reverse;z-index:9}
.submit-loader::after{content:'';background-color:#b8b8b875;height:100%;width:100%;position:absolute}
@keyframes spin{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.notifications-box{max-height:30rem}
.header-notifications{max-height:20rem;overflow:auto}
.popupnoti{display:flex;flex-direction:column;justify-content:end;flex-wrap:nowrap;row-gap:10px;position:absolute;right:15px;bottom:60px;transition:.4s ease-in-out all;max-height:50vh;overflow:hidden;z-index:20}
.popupnoti a,.popupnoti a:hover{color:#fff}
.bottom_notification{width:0;height:100px;transition:.4s ease-in-out all;overflow:hidden;display:flex;justify-content:space-evenly;align-items:center;position:relative}
.bottom_notification.active{width:350px;padding:10px}
.bottom_notification .icon{width:25%;font-size:45px;display:grid;place-items:center}
.bottom_notification .content{margin-top:10px;width:60%}
.bottom_notification i.icon-close{position:absolute;font-size:18px;top:10px;right:10px;visibility:hidden}
.bottom_notification .timer-line{position:absolute;top:0;left:0;width:0;height:4px;background-color:#fff}
.bottom_notification.active .timer-line{animation:timer-line 30s linear infinite}
@keyframes timer-line{
0%{width:0%}
100%{width:100%;display:none}
}
ul li.not-viewed{background-color: #ede9e9; }
ul li.not-viewed:not(:last-child) {border-bottom:1px solid #ccc }
.notifications-box .dropdown-menu-header{margin-bottom: 0px;}
.notifications-box ul.header-notifications li:first-child a {padding: .7rem 1rem;}
.tbl-border td, .tbl-border th {border: 1px solid #dee2e6;padding:5px}
.doc-list-tbl thead{background: #f1f1f1;color: #000;font-weight: bold;}
.doc-list-tbl ul{list-style-type: disc;margin: 0px 5px;padding: 0px 17px;}


/* .select-loader:before {
  display: inline-block;
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */

.bill-table{
    background: #ffffff;
    color: #666666;
    border: 1px solid #dee2e6;
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}
.bill-table thead th {
    padding: .5rem .75rem;
    font-weight: 600;
    border: 1px solid #dee2e6;
}
.bill-table th:first-child{width:30%;}

.bill-table td {
    vertical-align: middle;
    padding: .5rem .75rem;
    border: 1px solid #dee2e6;
}

.bill-table td select,
.bill-table td input {
    width: 100%;
}
@media (max-width: 768px) {
    .bill-table th, .bill-table td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    .bill-table th, .bill-table td {
        white-space: nowrap;
    }
    .bill-table tr {
        margin-bottom: 1rem;
        border: 1px solid #ddd;
        border-radius: 5px;
        overflow: hidden;
    }
    .bill-table td select,
    .bill-table td input {
        width: 100%;
    }
    .bill-table thead {
       display: none;
    }
}
.input-highlight{
    background-color: #feffa8;
}
.bussName{font-size: 80%;font-weight: bold;font-style: italic}
.tbl-bordered th,.tbl-bordered td{border:1px solid #ccc !important;padding: .5rem .75rem;}