/* list tools start */

a, .btn-icon {
  color: #339DE4;
}
.btn-icon {
	background-color: rgba(51, 157, 228, 0.16) !important;
}
a:hover {color: #D0546E!important;}

.row.top-tools { justify-content: flex-end; }

.bg-label-primary {color: #339DE4!important; background-color: rgba(51, 157, 228, 0.16) !important;}
.btn-primary {background-color: #339DE4; border-color: #339DE4;}
.btn-primary:hover {background-color: #d2343e!important; border-color: #d2343e!important;}

.bg-label-defense {color: #ac000b!important; background-color: rgba(51, 157, 228, 0.16) !important;}
.btn-defense {background-color: #ac000b; border-color: #ac000b; color: #ffffff!important;}
.btn-defense:hover {background-color: #e2d018!important; border-color: #e2d018!important; color: #1e881a!important;}
/*
1e881a --------- Green
ac000b ---------Red
e2d018 ------ Yellow
*/

.form-control:focus, .form-select:focus,
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus
 {border-color: #339DE4; box-shadow: 0 0 0.25rem 0.05rem rgba(51, 157, 228, 0.1);}

.list-tools { display: flex; flex-wrap: wrap; justify-content: flex-end; row-gap:15px;}

.list-tools .input-group { width: auto; display: inline-flex;}
.date_container{display: flex; flex-wrap: wrap; gap:10px; justify-content: flex-end;}
.date_container-input{flex: 0 0 auto; width:33%;}
.date-search_container{flex: 0 0 auto; width:30%;}
.date_container-input .form-control{background-image: url("../../admin_assets/images/icon/calender-icon.png"); background-position: 95% 8px; background-size: 20px; 
background-repeat: no-repeat;}
html[dir="rtl"] .date_container-input .form-control{background-position: 8px 8px;}

.border-radius-right {border-radius: 0 0.375rem 0.375rem 0 !important;}
.border-radius {border-radius: 0.375rem !important;}

.search-container { display: flex;  }

/* list tools end */



/* global style start */

/*.app-brand .layout-menu-toggle 
{background-color: #339DE4!important;}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before,
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active,
.btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:hover, 
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus
 {background-color: #339DE4!important;}*/

/*.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {color: #339DE4; background-color: rgba(51, 157, 228, 0.16) !important;}
.bg-menu-theme .menu-inner > .menu-item.active::before {background: #339DE4;}*/

.app-brand .layout-menu-toggle 
{background-color: #ac000b!important;}

.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle)::before,
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus
.btn-check:checked + .btn-outline-defense, .btn-check:active + .btn-outline-defense, .btn-outline-defense:active,
.btn-outline-defense.active, .btn-outline-defense.dropdown-toggle.show,
.btn-outline-defense:hover, .form-check-input:checked,
.btn-check:focus + .btn-defense, .btn-defense:focus, .btn-defense.focus
 {background-color: #ac000b!important;}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {color: #ac000b; background-color: #f5dbda !important;}
.bg-menu-theme .menu-inner > .menu-item.active::before {background: #ac000b;}


/*.text-primary, .btn-outline-primary {color: #339DE4 !important;}

.btn-outline-primary,
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active,
.btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:hover, .form-check-input:checked,
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus
 {border-color: #339DE4 !important;}*/

 .text-primary, .btn-outline-defense {color: #ac000b !important;}

 .btn-outline-defense,
.btn-check:checked + .btn-outline-defense, .btn-check:active + .btn-outline-defense, .btn-outline-defense:active,
.btn-outline-defense.active, .btn-outline-defense.dropdown-toggle.show,
.btn-outline-defense:hover, .form-check-input:checked,
.btn-check:focus + .btn-defense, .btn-defense:focus, .btn-defense.focus
 {border-color: #ac000b !important;}

 .right-link {float: right;}

.fieldsetFrameNoMargin {border: 1px solid #d9dee3 !important; padding: 20px !important;}
.fieldsetFrame {margin-bottom: 1em !important; border: 1px solid #d9dee3 !important; padding: 20px !important;}
.fieldsetLegend {font-size: 18px; padding: 1px 10px !important; float:none; width:auto;}

.page-item.active .page-link {border-color: #ac000b !important; background-color: #ac000b !important;}

.loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../images/loader/loading.gif') 50% 50%  no-repeat #fff;
  background-size: 200px 200px !important;
  /* #c4cad0c2 */
}

.loader-with-image{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../images/loader/loading_with_image.gif') 50% 50%  no-repeat #fff;
  /* #c4cad0c2 */
}

.loader-without-image{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../images/loader/loading_without_image.gif') 50% 50%  no-repeat #fff;
  /* #c4cad0c2 */
}

.pulse {
   position: relative;
   height: 112px;
   width: 112px;
}

.pulse:before,
.pulse:after {
   border-radius: 50%;
   content: '';
   position: absolute;
}

.pulse:before {
   background: #474bff;
   height: 22.4px;
   width: 22.4px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.pulse:after {
   animation: pulse-t3pv1p 1.5s infinite;
   border: 11.2px solid #474bff;
   height: 100%;
   width: 100%;
}

@keyframes pulse-t3pv1p {
   from {
      opacity: 1;
      transform: scale(0);
   }

   to {
      opacity: 0;
      transform: scale(1);
   }
}
/* global style end */
#non_service_charge_container{
  position: relative;
}
#non_service_charge_container::after{
  content: "";
  background: #fff;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#lunch_charge_container{
  position: relative;
}
#lunch_charge_container::after{
  content: "";
  background: #fff;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#transport_charge_container{
  position: relative;
}
#transport_charge_container::after{
  content: "";
  background: #fff;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.logo-strip {width:100%;}

.logo-strip img { max-width: 100%; width: 100%;}

.user-count-container {width: 100%; text-align: right;}
.user-count-container-ar {width: 100%; text-align: left;}

[dir="rtl"] .ms-auto {
  margin-right: auto !important;
  margin-left: 0px !important;
}
[dir=rtl] .app-brand .layout-menu-toggle {
  right: 13.4rem;
}
[dir=rtl] .list-tools .border-radius-right{
  border-radius: 0.375rem 0 0 0.375rem !important;
}
[dir=rtl] .list-tools .flatpickr-input{
  padding-left: 30px;
}

.list-tools.small-filter-with-delete .filter-lft-col{
  display: flex; justify-content: space-between; flex: 1;
}

.sidebar-second-logo{
  width: 100%; display: inline-block; position: relative; text-align: center; z-index: 2; padding: 0px 15px 20px 15px; 
}
.sidebar-second-logo img{
  width: 100%; height: auto; display: inline-block;
}
/* responsive start */

@media (max-width: 1600px) {

.carType .col-lg-6 { width: 50%; }

}

@media (max-width: 1199px) {

.row.top-tools .col-sm-6 { width: 80%; }
.layout-menu { left: -20px !important; }

.sidebar-second-logo{
  padding: 0px 15px 20px 35px;
}


}

@media (max-width: 991px) {

.row.top-tools .col-sm-6 { width: 100%; }

.list-tools.small-filter-with-delete{ flex-direction: column; row-gap: 15px; }
.list-tools.small-filter-with-delete .filter-lft-col{ column-gap: 15px; }
.list-tools.small-filter-with-delete .filter-lft-col > .input-group{ flex: 1; }
.list-tools.small-filter-with-delete .filter-rgt-col{ display: flex; justify-content: space-between; }
.list-tools.small-filter-with-delete .filter-rgt-col .btn-group{ width:100%; column-gap: 15px; font-size: 12px; }
.list-tools.small-filter-with-delete .filter-rgt-col .btn-group .btn{ font-size: 12px; }
.list-tools.small-filter-with-delete .filter-rgt-col .dropdown .mx-3{ margin: 0px !important; }

}


@media (max-width: 768px) {

  /* new css for filter section start */
  .list-tools .date_container.date_container-2 .date_container-input, 
  .list-tools .date_container-2 .date_container-input,
  .list-tools .date_container.date_container-2 .date-search_container, 
  .list-tools .date_container-2 .date-search_container{
    width: 49%; font-size: 12px;
  }
  .list-tools .date_container-2 .date_container-input input, 
  .list-tools .form-select{
    margin: 0px; font-size: 12px;
  }
  .list-tools .form-control{
    font-size: 12px;
  }
  .list-tools .dt-buttons-group .date-search_container{
    flex: 1;
  }
  .list-tools .dt-buttons-group .btn.btn-secondary.add-new,
  .list-tools .dt-buttons-group .btn.btn-secondary {
    min-width: 90px; max-width: 125px; font-size: 12px; padding: 5px;
  }
  .list-tools .dt-buttons-group .btn.btn-secondary > span{
    display: inline-flex; align-items: center; justify-content: center; column-gap: 10px;
  }
  .list-tools .dt-buttons-group .dropdown .btn.btn-secondary{
    height: 37px;
  }
  .list-tools .dt-buttons-group .dropdown .btn.btn-secondary.dropdown-toggle > span{
    display: inline-flex; align-items: center;
  }
  .list-tools .dt-buttons-group .dropdown .btn.btn-secondary i{
    top: 0px !important;
  }
  .list-tools .date_container-input .form-control {
    background-position: 93% 6px;
  }

  /* pagination css */
  nav[aria-label="Page navigation"]{
    overflow: hidden; overflow-x: auto;
  }
  .pagination.pagination-square .page-item a {
    padding: 6px 0px; font-size: 10px; min-width: 25px;
  }
  .pagination.pagination-square .page-item.prev,
  .pagination.pagination-square .page-item.next{
    padding: 0px 0px; font-size: 10px; min-width: 25px;
  }
  .pagination.pagination-square .page-item.prev a,
  .pagination.pagination-square .page-item.next a{
    padding: 2px 0px;
  }

  /* document page filter css */
  .list-tools.admin-document{
    flex-wrap: nowrap; column-gap: 10px;
  }
  /* new css for filter section ended */


  /* left sidebar menu css start */
  .menu-vertical .menu-inner{
    padding-bottom: 130px !important;
  }
  /* left sidebar menu css ended */

}


@media (max-width: 767px) {

.list-tools .input-group {width: 100%;}
.list-tools .dt-buttons { /*padding-top: 15px;*/ padding-top: 0px; }
.task_list-tools .dt-buttons { padding-top: 0px; }
.date_container, .date_container-input, .date-search_container{width: 100%}
.date_container-input input{margin-left: 0 !important; margin-right: 0 !important}

}



@media (max-width: 640px) {
  /* new css for filter section start */
  .list-tools .dt-buttons-group .date-search_container {
    width: 64%; flex: auto;
  }
  .list-tools .dt-buttons-group .btn.btn-secondary.add-new, .list-tools .dt-buttons-group .btn.btn-secondary{
    max-width: 100%; width: 100%; flex: 1; margin: 0px !important;
  }
  .list-tools .dt-buttons-group .btn.btn-secondary .d-none {
    display: inline-block !important;
  }
  /* new css for filter section ended */
}


@media (max-width: 580px) {
  /* new css for filter section start */
  .list-tools{ row-gap: 9px; }
  .list-tools .date_container.date_container-2 .date_container-input, 
  .list-tools .date_container-2 .date_container-input,
  .list-tools .date_container.date_container-2 .date-search_container, 
  .list-tools .date_container-2 .date-search_container{
    width: 48%;
  }
  .list-tools .dt-buttons-group .date-search_container {
    width: 60%;
  }
  /* .list-tools .dt-buttons-group .btn.btn-secondary.add-new, .list-tools .dt-buttons-group .btn.btn-secondary{
    max-width: 100%; width: 100%; flex: 1; margin: 0px !important;
  } */
  .list-tools #archive_button{ max-width: 48%; }
  .list-tools #archive_button + .dropdown{ flex:1 }
  .list-tools .dt-buttons-group #archive_button + .dropdown + .date-search_container { width: 100%; }

  .list-tools #bulk_delete_and_archive_menu{ width: 48%; }
  .list-tools #bulk_delete_and_archive_menu + .dropdown{ flex:1 }
  .list-tools .dt-buttons-group #bulk_delete_and_archive_menu + .dropdown + .date-search_container { width: 100%; }


  /* new css for filter section ended */


  /* table css start */
  .table th, .table td{ font-size: 10px; }
  /* table css ended */
}


@media (max-width: 479px) {

.list-tools .input-group {width: 100%;}



}


@media (min-width: 576px) {

  .row.top-tools .col-sm-6 { width: 100% !important; }

}



/* responsive end */