/* Bootstrap 5 Breakpoints Reference:
   sm: 576px
   md: 768px
   lg: 992px
*/
body{
  font-size: 14px;
  color: #686868;
}

/* Hide on small screens (≥576px and <768px) */
@media (min-width: 576px) and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}

/* Hide on medium screens (≥768px and <992px) */
@media (min-width: 768px) and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}

/* Hide on large screens (≥992px and up) */
@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .hidden-xs {
    display: none !important;
  }
}

.navbar-top-links .app-search {
  padding-top: 4px;
}

.navbar-top-links .app-search .onoffswitch1, .navbar-top-links .app-search .onoffswitch {
  margin-left: 5px;
  float:right;
  margin-top:4px;
}

.navbar-top-links > li > a {
  text-decoration: none;
}


@media (max-width: 576px) {
  .hidden-xs {
    display: none !important;
  }
}


.navbar-left{
  float: left;
}


.navbar.navbar-default.navbar-static-top{
  padding: 0px;
  z-index: 9;
}

.app-search .form-control{
  padding: 0px 15px;
}

.form-horizontal .form-group{
  margin-bottom: 15px;
}


.form-horizontal label{
  margin-bottom: 5px;
}



.dropdown.bootstrap-select .dropdown-menu{
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}


.dropdown-menu.dropdown-menu-end{
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0px 0px 5px 5px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  margin-top: 0px;
  border-top: none;
}



.input-group>.form-control, 
.input-group>.form-floating, 
.input-group>.form-select{
  width: 100%;
}


#side-menu > li,
#side-menu > li > a{
  display: inline-block;
  width: 100%;
}


#side-menu > li > a,
#side-menu > li > a:hover{
  text-decoration: none;
  font-size: 14px;
  padding: 15px;
}


.sidebar .nav-second-level li a{
  padding-left: 25px;
}


.sidebar .nav-second-level li, 
.sidebar .nav-third-level li{
  display: inline-block;
  width: 100%;
}


.sidebar .nav-second-level li > a, 
.sidebar .nav-third-level li > a{
  display: inline-block;
  margin-bottom: 15px;
  font-size: 14px;
}

#side-menu li a{
  text-decoration: none;
  display: inline-block;
  width: 100%;
}

.navbar-top-links > li > a:hover,
.navbar-top-links > li > a:focus{
  color: #ffffff;
}


.modal .close{
  position: absolute;
  right: 10px;
  top: 10px;
  background-color: transparent;
  border: none;
  font-size: 24px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  opacity: 0.2;
  font-weight: 700;
}


.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}


.dropify-wrapper .dropify-message span.file-icon p{
  font-size: 14px;
}


#userFrm .col-sm-6 .form-group{
  display: flex;
}


.image-download-links td a{
  text-decoration: none;
}

.no-text-dec{
  text-decoration: none;
}
.modal .table>:not(caption)>*>* { background-color: transparent !important; border: none!important;box-shadow: none; }
.dataTables_wrapper .dataTables_length { margin-bottom: 15px; }
table.dataTable tbody td { border-bottom: 1px solid rgba(204, 204, 204, 0.8); }
.fa:before { font-size: 16px; }
table.dataTable thead tr.filters td {
    background: #f4f8fb !important;
    color: #fff;
}
.btn-link { font-size: 14px; text-decoration: none; color: #337ab7; }
.form-horizontal textarea { min-height: 50px; }
.modal label, .modal input { color: #686868; }
.table .gatepass-app-dtpick { font-size: 12px;padding: 6px 5px 6px 30px; }
textarea.form-control {height: auto;}
.pagination .active>.page-link {background-color: #033E8C;}
.dt-container .dt-length label {font-weight: 600!important;margin-right: 5px;}
.dt-container .dt-search label {font-weight: 600!important;}
div.dt-processing {width: 250px;opacity: 80%;padding:10px;}
div.dt-processing>div:last-child>div {width: 20px;height: 20px;}
.customtab .nav-link.active {background-color: #f8f9fa}
.dash-mw-bd {min-width: 48px; text-align:center; color:#fff;padding: 2px;}
.dash-mw-top {min-width: 90px;padding:10px;}
.customtab li.nav-item button.active {color:#033E8C;font-weight:600;}
.customtab li.nav-item button {color:#686868;font-weight:600;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #337ab7;}
.dropdown.bootstrap-select button {border:1px solid #dee2e6;}
.dropdown.bootstrap-select.form-control button {color: #565656;font-size:14px;}
.dropdown.bootstrap-select.form-control ul {font-size:14px;}
.dropdown.bootstrap-select.form-control .dropdown-menu.show {padding:0px;}
.datepicker table tr td.disabled, .datepicker table tr td {color: #555;font-weight: 600;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled {color: #ccc;}
.app-search .filter {padding-left: 25px!important;}