.dark .iq-header-img{
    background-color: #313131 !important;
}
.dark .table-striped > tbody > tr:nth-of-type(even) > *{
    --bs-table-accent-bg: #181818 !important;
}
.multiselect-option.is-selected {
	background: #CE9359  !important ;
}
.multiselect-tag:hover{
    background: #CE9359  !important;
}
.multiselect-tag{
    background: #CE9359  !important;
}
.multiselect:focus{
    box-shadow:none !important;
}
.multiselect.is-active{
    box-shadow: none !important;
}
.multiselect-option.is-pointed {
    background: #CE9359  !important;
    color: #fff !important;
}
::selection {
    background: #CE9359  !important;
    color: #fff !important;
}

::-moz-selection {
    background: #862e6f !important;
    color: #fff !important;
}

*::-moz-selection {
    background: #862e6f !important;
    color: #fff !important;
}

.form-disabled {
  pointer-events: none;
  opacity: .4;
}

.sorting_disabled.sorting_asc::after,
.sorting_disabled.sorting_asc::before {
  content: unset !important;
}

.sorting_disabled.sorting_asc {
  padding-right: 0 !important;
  width: 1% !important;
}
.h-4{
  height: 4rem;
}

/* vue-tel-input*/

.vue-tel-input{
    border: 1px solid var(--bs-border-color) !important;
    box-shadow: none !important;
}
.vti__input:focus{
    border: 1px solid var(--bs-primary) !important;

}

.ec-week .ec-toolbar {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  padding: 0 15px 15px;
  border-bottom: 1px solid var(--bs-border-color);
}
.ec-header {
  display: flex;
  flex-shrink: 0;
  margin-top: 75px;
  position: relative;
}
.ec.ec-week {
  overflow-x: scroll;
  position:relative;
}
.ec-header .ec-resource {
  flex-direction: column;
  min-width: 160px;
}
.ec-resource {
  display: flex;
  min-width: 160px;
}

.dropdown-sticky{
  background-color: var(--bs-white);
  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.2);
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
}
div#datatable_wrapper {
  position: relative;
}
div.dataTables_wrapper div.dataTables_processing {
  top: 105px !important;
  left: 50%;
  z-index: 9;

}


.dropdown-sticky:hover{
  background-color: var(--bs-primary-shade-10);
}
  .text-primary {
    color : var(--bs-white) !important;
  }


.iq-dropdown  .dropdown-menu{
  border-radius: 0.6rem !important;
}

.dark .text-black{
  color:#fff !important;
}
@media only screen and (max-width: 1366px) {
  .ec-header {
    overflow-x:scroll;
  }
}

.iq-branch-dropdown:hover{
  background-color: unset !important;
}

.mode-icons {
  display: none;
}
.mode-icons.light-mode {
  display: block;
}
.dark .mode-icons.light-mode {
  display: none;
}
.dark .mode-icons.dark-mode {
  display: block;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 rgba(var(--bs-primary-rgb), .8);
}
:root {
	--animate-duration: 400ms;
	--animate-delay: 1s;
	--animate-repeat: 1
}

.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.animate__zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1
	}

	50% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	to {
		opacity: 0
	}
}

.animate__zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@media screen and (max-width: 1024px) {
  .ec-all-day{
    overflow-x: scroll
  }
  .ec-body{
    overflow-x: scroll !important;
  }
  .ec-resource{
    min-width: 160px !important;
  }
}

fieldset,
legend {
  all: revert;
  margin-bottom: 1rem;
}
fieldset {
  border: 1px solid var(--bs-border-color);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 5px;
}

legend {
  font-size: 1rem;
  font-weight: bold;
  padding: 0 0.7rem;
  color: var(--bs-primary-shade-80);
}
.dark legend {
  color: white;
}
.offcanvas {
  --ms-border-color: var(--bs-border-color)
}
.tox-tinymce, .tox-statusbar, .tox-toolbar__group, .tox-toolbar__group:not(:last-of-type) {
  border-color: var(--bs-border-color) !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  border: 1px solid var(--bs-border-color) !important;
}
.dark .multiselect-tags-search {
  color: inherit;
  background: inherit;
}
.ql-container {
  height: calc(100% - 5rem) !important;
}

.white-space-initial td{
  white-space: initial;
}

.dark .vti__input{
  color: #d7dbdf;
    background-color: #080808;
}
.flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus{
      background: unset;
      /* color: white; */
}

.dark .flatpickr-time input.flatpickr-minute, .flatpicker-time input.flatpickr-hour .flatpickr-time input.flatpickr-second{
  background: unset;
  color: white !important;
}
.dark .flatpickr-time input.flatpickr-hour {
  font-weight: bold;
  color: white;
}

.order-table td,
.order-table th {
  white-space: initial !important;
}
.w-100 .flatpickr-wrapper{
  width: 100% !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
  color: var(--bs-body-color);
}

.form-check-input:focus{
  border-color: var(--bs-body-color) !important;
}

.dark .form-check-input:focus{
  border-color: #313131 !important;
}

.multiselect-search{
      /*color: var(--bs-body-color); */
  color:#222;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{
  background-color: var(--bs-body-bg) !important
}

.multiselect-clear:hover .multiselect-clear-icon{
  background: var(--bs-body-color) !important;
}

.iq-package{
  .fa-gift:before{
    color: var(--bs-primary);
  }
}

.dark #iq-modal-package{
   .bg-soft-secondary{
    color: var(--bs-white) !important;
  }
}
.modal-footer{
  background-color: var(--bs-body-bg) !important;
}

.ec-toolbar > * > *:not(:last-child) {
  margin-left: 0.75em;
}

.dark .apexcharts-text {
  fill: var(--heading-color);
}

.dark .multiselect-wrapper {
  color: #d7dbdf;
  background-color: #080808;
  border-color: #313131;
}

.dark .multiselect-no-options {
  color: #ffffff !important;
}

*::selection {
  color: #fff !important;
  background: #CE9359  !important;
}

/*.modal-backdrop.show{*/
/*    display:none !important;*/
/*}*/

.card{
    position:static !important;
}

/*login*/

.login-form-container{
    background:#fff ;
    max-width:100% !important;
    height:100vh !important;
    margin:0 !important;
    width:100% !important;
    padding:0 !important;

}

.mx_0{
    margin-left:0 !important;
    margin-right:0 !important;
}

.login-form{
    background:#fff !important;
    /*padding:10px;*/
    /*border-radius:20px;*/
    /*border:1px dashed #CE9359 !important;*/
    /*box-shadow:none !important;*/
    /*box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;*/
       max-width: 460px;
    margin: auto;
}
.lgn-form-inp label{
    color:#222 !important;
    font-size:15px !important;
    font-weight:600 !important;
}
.lgn-form-inp input{
    height:48px;
    background-color:transparent;
    border:0px !important;
    border-bottom:1px solid #CE9359  !important;
    color:#222 !important;
    font-size:14px !important;
    /*border-radius:7px !important;*/
}

.lgn-form-inp input:focus{
     background-color:transparent;
      border-bottom:1px dashed #CE9359 !important;
}
.lgn-form-inp input::placeholder{
    color:#222 !important;
    font-size:14px !important;
}
.logo-img{
    width:100%;
    height:150px;
    padding:10px;
    border-radius:10px;
    /*background:#ffa7c3cf;*/
    margin-bottom:10px;

}

.logo-img a img{
    /*width:200px !important;*/
     height:130px !important;
}

.login-btn button{
    width:200px;
    height:40px;
    border-radius:6px;
}

.login-check span{
     color:#222 !important;
     font-size:14px;
}
.login-check input{
    width:18px;
    height:18px;
}

.login-form-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.auth-left{
    width:100%;
    height:100%;
    /*background-color:#c3926914;*/
}

.auth-right{
    width:50%;
    height:100%;
    /*background:#CE9359 ;*/
    /*border-radius:30px 0 0 30px;*/
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.auth-right img {
          clip-path: polygon(0 0, 142% 0, 57% 100%, 0% 100%);
    height: 100%;
    object-fit: cover;
    width: 100%;
    }
.auth-right h2{
    color:#fff;
    font-size:75px;
    margin-bottom:10px;
    letter-spacing:0.5px;
}
.auth-right p{
    color:#fff;
    font-size:15px;
}




/*.login-form-container{*/
/*    background:#000000f5;*/
/*    max-width:100% !important;*/
/*    height:100vh !important;*/
/*    margin:0 !important;*/
/*    width:100% !important;*/

/*}*/

/*.mx_0{*/
/*    margin-left:0 !important;*/
/*    margin-right:0 !important;*/
/*}*/

/*.login-form{*/
/*    background:#000 !important;*/
/*    padding:10px;*/
/*    border-radius:20px;*/
/*}*/
/*.lgn-form-inp input{*/
/*    height:48px;*/
/*    background-color:transparent;*/
/*    border:1px solid #CE9359 ;*/
/*}*/

/*.lgn-form-inp input:focus{*/
/*     background-color:transparent;*/
/*      border:1px dashed #CE9359 ;*/
/*}*/


.dashboard-cards h3{
    font-size:30px;
    font-weight:600;
    color:#fff;
}
.dashboard-cards p{
    font-size:15px;
    color:#fff;
    font-weight:500;

}





.dashcard-bg-1{
/*    background: rgb(195,48,98) !important;*/
/*background: linear-gradient(37deg, rgba(195,48,98,1) 0%, rgba(9,130,154,1) 100%) !important;*/
background-color:#ea8236 ;
}
.dashcard-bg-1 i{
    padding:10px;
    background:#fff;
        font-size: 40px;
    border-radius:12px;
    color:#ea8236;
}
.dashcard-bg-2{
/*    background: rgb(195,48,98) !important;*/
/*background: linear-gradient(37deg, rgba(195,48,98,1) 0%, rgba(9,130,154,1) 100%) !important;*/
background-color:#2849977d;
/*background-color:#ce93597d;*/
}
.dashcard-bg-2 i{
    padding:10px;
    background:#fff;
    font-size:45px;
    border-radius:12px;
    color:#2849977d;
}
.dashcard-bg-3{
/*    background: rgb(195,48,98) !important;*/
/*background: linear-gradient(37deg, rgba(195,48,98,1) 0%, rgba(9,130,154,1) 100%) !important;*/
background-color:#9f150fbf;
/*background-color:#ce93597d;*/
}
.dashcard-bg-3 i{
    padding:10px;
    background:#fff;
    font-size:45px;
    border-radius:12px;
    color:#9f150fbf;
}
.dashcard-bg-4{

background-color:#45812d;
}
.dashcard-bg-4 i{
    padding:10px;
    background:#fff;
    font-size:45px;
    border-radius:12px;
    color:#45812d;
}
.dashcard-bg-5{

background-color:#30858d;
}
.dashcard-bg-5 i{
    padding:10px;
    background:#fff;
    font-size:45px;
    border-radius:12px;
    color:#30858d;
}
.dashcard-bg-6{

background-color:#ddb03d;
}
.dashcard-bg-6 i{
    padding:10px;
    background:#fff;
    font-size:45px;
    border-radius:12px;
    color:#ddb03d;
}


.dashboard-cards{
    border-radius:20px;
}


{
    width:100%;
    height:4px;
    border-radius:4px;
      background: rgb(9,130,154);
background: linear-gradient(7deg, rgba(206,147,89,1) 0%, rgba(206,147,89,0.3926820728291317) 100%);
}

.login-logo img{
    width:200px;
}
.btn.btn-primary{
    background-color:#c5792e    !important;
    border-color:#c5792e    !important;
    color:#fff !important;
}
.btn.btn-secondary{
    background-color:#be7228 !important;
    border-color:#be7228 !important;
    color:#fff !important;
}
.btn-outline-primary{
      border-color:#CE9359 !important;
       color:#CE9359 !important;
}
.btn-outline-primary:hover{
      background-color:#CE9359 !important;
      border-color:#CE9359 !important;
       color:#fff !important;
}
.sidebar_logo {
       display: flex
;
    justify-content: center;
    align-items: center;
    padding: 10px 10px !important;
    width: 90%;
    background: #fff;
    border-radius: 10px;
    margin: 10px auto;

}
.sidebar_logo img{
    width:180px;
    height:unset !important;
}
.page-item .page-link{
        border-color: #ce93597d  !important;
    color: #CE9359 !important;
}
.page-item.active .page-link{
       color: #fff !important;
          background-color: #CE9359 !important;
             border-color: #CE9359 !important;
}
/*.table-striped > tbody > tr:nth-of-type(even) > *{*/
/*         --bs-table-accent-bg: #ce935924 !important; */
/*    color: #72798b;*/
/*    background-color: #ce935924 !important;*/
/*}*/
.table-striped > tbody > tr:nth-of-type(even) > * {
    --bs-table-accent-bg: #aeaeae24 !important;
    color: #72798b;
    background-color: #ffffff !important;
}
.cs-form label{
        font-size: 13px;
    font-weight: 400;
    color: #222;
}


.cs-form input, .cs-form select{
    height: 40px;
    font-size: 13px;
    border-radius: 2px !important;
    color:#222;
    border:1px solid #22222242;
}
.cs-form textarea{
     border:1px solid #22222242;
       height: 80px;
    font-size: 13px;
    border-radius: 2px !important;
}
.cs-form input::placeholder, .cs-form select::placeholder{
   font-size: 13px;
     color:#222;
}
.cs-modal-header{
     color: #fff;
    background-color: #CE9359 !important;
}
.cs-modal-header h5{
    color:#fff !important;
}

.roots-contact {
    display: flex;
    justify-content: center;
    align-items: center;
}

.roots-contact span {
    height: 40px;
    background-color: #CE9359;
    color: #fff;
    min-width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px 0 0 3px;
}

.roots-contact input {
    height: 40px;
    border-radius: 0 3px 3px 0;
    border:1px solid #22222242;
}

.bdr-0 {
    border: 0 !important;
}
.flex-inp{
       display: flex
;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap !important;

}
.w_100{
    width:100%;
}
.flex-inp button,.h-40{
        height: 40px;
}
.cs-form input::file-selector-button{
    height:40px;
     background-color: #CE9359;
    color: #fff;
}
.form-label , label{
    color:#222;
}
.service-product-row input, .service-product-row select{
    width:250px;
     height: 40px;
    font-size: 13px;
    border-radius: 2px !important;
    color:#222;
    border:1px solid #22222242;
}
.service-product-row input::placeholder, .service-product-row select::placeholder{
     font-size: 13px;
     color:#222;
}
.btn-wd-ad{
    min-width:40px !important;
    height:40px !important;
    padding: 0 !important;
    margin:0 5px !important;
}
.d__none{
    display:none;
}
.bdr-card{
    border:1px dashed #CE9359;
}
.dash-cs-ul li{
    background-color: #fff !important;
    border-radius:25px !important;
    margin-bottom: 10px !important;
     border:1px dashed #CE9359 !important;
}

.img-bdr{
        border: 5px solid #1ab732 !important;
}
.dash-cs-up p{
    font-size:12px !important;
    color:#000;
}

.upcoming-bg-btn{
    min-width:30px !important;
   min-height:30px !important;
    background-color:#CE9359  !important;
    border-radius:50% !important;
    display:flex !important;
    justify-content:center;
    align-items:center;
}
.upcoming-bg-btn i{
    color:#fff;
}
.dash-cs-table thead tr th{
      padding: 10px !important;
      text-align:center;
      font-size:15px !important;
}


.dash-cs-table tr td{
     padding: 10px !important;
      text-align:center;
      color:#000 !important;
      font-size:14px !important;
}
.flatpickr-day {
    font-size: 13px !important;
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange,.flatpickr-day.endRange{
     background-color: #CE9359 !important;
     border-color: #CE9359 !important;
}

span.flatpickr-weekday {
   color:#CE9359 !important;
    padding: 5px !important;
    margin-top: 12px;
}
.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{
    font-size:14px !important;
}
.top_filters_cs form{
     background-color: #dddddd69;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
/*.top_filters_cs form{*/
/*        background-color: #ce935924 !important;*/
/*    border-radius: 10px !important;*/
/*    margin-bottom: 10px !important;*/
/*    border: 1px dashed #CE9359 !important;*/
/*    padding:10px;*/
/*}*/

.apoint-card-cs{
         background-color: #f5f5f5 !important;
      /*background-color: #ce935924 !important;*/

    border: 1px dashed #CE9359 !important;
}
.td-btn-cs{
        padding: 3px 8px !important;
    font-size: 12px !important;
}

.top-filters-fields select, .top-filters-fields input{
    border:1px solid #ccc !important;
    color:#222 !important;
}

.top-filters-fields select::placeholder, .top-filters-fields input::placeholder{
      color:#222 !important;
}
.dataTables_length{
    margin:20px 0;
}
.dataTables_wrapper, .dataTables_wrapper table{
    width:100%;
}
.iq-navbar-header a.btn-secondary ,.iq-navbar-header a.btn-soft-dark{
    background-color:#fff !important;
    border-color:#fff !important;
    color:#CE9359 !important;
    border-radius:5px !important;
    padding:7px 15px !imporatnt;
}
.iq-navbar-header a.btn-secondary  i,.iq-navbar-header a.btn-soft-dark i{
    margin-right:7px;
}

.iq-navbar-header a.btn-secondary:hover ,.iq-navbar-header a.btn-soft-dark:hover{
     background-color:transparent !important;

    color:#fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:16px !important;
    min-width:80px;
}
.btn-toolbar input, .btn-toolbar .select2-container--default .select2-selection--single{
    border:1px solid #ccc !important;
}




.btn-toolbar span.input-group-text{
      background-color: #CE9359 !important;
       color:#fff !important;
}
.btn-toolbar button.btn-outline-primary{
    border-radius:40px !important;
        background-color: #7bbc50 !important;
    color: #fff !important;
    border-color:#7bbc50 !important;

}
.btn-toolbar button.btn-outline-primary i{
    margin-right:7px;
}
.st-flex{
    display:flex;
    align-items:center;
    gap:3px;
}
.st-flex p{
    margin:0;
    margin-right:5px;
    font-size:13px;
    white-space:nowrap;
    color:#222 !important;
}

.h-40{
    height:40px !important;
}

.w-h-17{
    width:17px !important;
    height:17px !important;
        margin-top: 0;
    margin-right: 5px;
}
.h-70{
    height:70px !important;
}
.scnd-child-width thead tr th:nth-child(2){
    min-width:250px !important;
}

input::placeholder , .multiselect-placeholder{
    color:#222 !important;
}
.multiselect ,.form-control, .vue-tel-input {
    border:1px solid #CE9359 !important;
}
button.bg-primary{
      background-color: #CE9359 !important;
       color:#fff !important;
}
.bg-primary{
      background-color: #CE9359 !important;
       color:#fff !important;
}
.input-group-prepend span.input-group-text{
        background-color: #efd1b3 !important;
    color: #000 !important;
}
.form-check-input:checked {
    border-color: #d19151 !important;
    background-color:  #d19151 !important;
}
.fd-add-row{
       padding: 2px 7px !important;
    background-color: #b23939;
    color: #fff;
    font-size: 12px;
    border: 0;
    border-radius: 4px;

}
.rmv-btn-cs{

    border: 0;
    border-radius: 50%;
    min-width: 30px !important;
    height: 30px !important;
}
.add-sub-btn{
   width: 146px;
    height: 35px;
    display: flex
;
    justify-content: center;
    align-items: center;
    background-color: #CE9359 !important;
    color: #fff !important;
    margin-left: auto;
    margin-right: 15px;
}
.btn-border[data-v-04591ba5], .btn-border[data-v-5f669d6c]{
           background-color: #ce935924 !important;
    border-radius: 10px !important;
    border: 1px dashed #CE9359 !important;
    padding: 10px;
    border-radius: 30px !important;
    padding-left: 16px;
}
.dt-md-cs p{
    color:#000;
    margin-bottom:14px;
        font-size: 15px;
}
.flex-md-cs{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:1px;
    flex-wrap:wrap;
}
.flex-md-cs a,.flex-md-cs button{
    padding:3px 7px !important;
    font-size:13px !important;
}
.h-80 select{
    height:70px;
}
tr.bg-primary {
    background-color:#CE9359 !important;
}

.card-dash-cs{
        background-color: #ce935924 !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
    border: 1px dashed #CE9359 !important;
}

.dash-cs-up h5{
    color:#CE9359  ;
}
.service-prv-img img{
    width:180px;
    border-radius:10px;
}
.auth-left-cs{
    width:100%;
    height:calc(100vh - 110px);
    background-color: #c5792e !important;
        border-radius: 0 600px 0 0;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
            padding-right: 120px;
    padding-top: 100px;
}

.auth-left-cs h3{
  font-size: 55px;
    color:#fff;
}
.auth-left-cs p{
    color:#fff;
    font-size:18px;
}

.login-top-logo{
    display:flex;
    justify-content:center;
    align-items:center;
        padding: 20px 0;
        height:110px;
        padding-bottom:0;
}

.login-top-logo img{
    width:230px;
}

.add-stock-modal-top{
       background: #f16a1b !important;
    color: #fff !important;
    border: 1px dashed #ccc !important;
    width:90%;
    margin:10px auto;
    display:flex;
    justify-content:center;
    align-items:center;

}
.add-stock-modal-top p{
    margin:0;
    font-size:16px;

}
.add-stock-modal-top p span{
    color:#fff !important;
}
.modal-responsive-table .dataTables_wrapper .row:nth-child(2){
    margin:0 !important;
}
.modal-responsive-table .dataTables_wrapper .row:nth-child(2) .col-sm-12{
    overflow:auto !important;
    max-height:500px !important;
    margin-bottom:5px !important;
    padding-bottom:5px !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
/* width */
.modal-responsive-table .dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar {
  width: 7.5px !important;
  height: 7.5px !important;
}

/* Track */
.modal-responsive-table .dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-track {
  box-shadow: #f2f2f2 !important;
  border-radius: 10px !important;
}

/* Handle */
.modal-responsive-table .dataTables_wrapper .row:nth-child(2) .col-sm-12::-webkit-scrollbar-thumb {
  background: #8e531a !important;
  border-radius: 10px !important;
}
.modal-responsive-table .dataTables_wrapper .row:nth-child(2) .col-sm-12 table tr td{
    padding: 7px !important;
    font-size: 14px !important;

}

/*flow*/

.flow-table{
    overflow:auto !important;
    max-height:500px !important;
    margin-bottom:5px !important;
    padding-bottom:5px !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
/* width */
.flow-table::-webkit-scrollbar {
  width: 7.5px !important;
  height: 7.5px !important;
}

/* Track */
.flow-table::-webkit-scrollbar-track {
  box-shadow: #f2f2f2 !important;
  border-radius: 10px !important;
}

/* Handle */
.flow-table::-webkit-scrollbar-thumb {
  background: #8e531a !important;
  border-radius: 10px !important;
}


.data_table_filter_rs .row{
    display:flex;
    flex-wrap:nowrap;
    gap:10px;
    padding-right:10px;
}

.data_table_filter_rs .row select{
    max-width:200px;
        width: 180px;
}
#weeklyRoasterDatatable_wrapper{
    margin-top:20px;
}
.form-select{
    border: 1px solid #CE9359 !important;
    color:#222;
}
.table-tr-td-cs tr td{
    padding:5px !important;
}
.table-tr-td-cs tr td select,.table-tr-td-cs tr td input{
    min-width:100px;
}
#weeklyRoasterDatatable tr td .btn{
    border-radius:5px !important;
}
.length-table .dataTables_length{
    float:left !important;
}

table tr td .btn{
     border-radius:5px !important;
}

.brand-table tr td{
    max-width:300px !important;

    white-space: normal;
}
.loc-table tr td,.loc-table tr th{
    width:25%;
}
div.roastr-table table tr td{
       padding: 12px 7px !important;
}
.alert-wrn-reports{
   background-color: #f39ace61 !important;
    color: #ce0a7c !important;
    border: 0 !important;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
    text-align: center;
}
.reports-table-cs .dataTables_length{
    float:left;
}
.reports-table-cs div.dt-buttons{
    padding-left:50px ;
}
.reports-table-cs div.dt-buttons .dt-button{
    width:90px;
    background:unset !important;
   background-color: #8e531a !important;
    color: #fff !important;
    transition:0.5s !important;
}
.reports-table-cs div.dt-buttons .dt-button:hover{
    border-radius:40px !important;
}
.reports-table-cs table.dataTable{
    display:block !important;
    overflow:auto !important;
    width:100% !important;
    padding-bottom: 10px;
}
.reports-table-cs table.dataTable tr th{
    min-width:180px;
}
.reports-table-cs table.dataTable tr th:first-child{
    min-width:unset !important;
}


/* width */
.reports-table-cs table.dataTable::-webkit-scrollbar {
  width: 4px;
  height:4px;
}

/* Track */
.reports-table-cs table.dataTable::-webkit-scrollbar-track {
  background-color:#f2f2f2;
  border-radius: 10px;
}

/* Handle */
.reports-table-cs table.dataTable::-webkit-scrollbar-thumb {
  background: #b17d48;
  border-radius: 10px;
}
.reports-table-cs div.dataTables_wrapper div.dataTables_info{
    float:inline-start;
}
.reports-table-cs .dataTables_wrapper .dataTables_paginate .paginate_button.current,.reports-table-cs .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background: #b17d48 !important;
    color:#fff !important;
}


.row-col-20 .col-lg-20{
    width:20%;
}


.row-col-20 .col-lg-20 .summary-box {
    background-color: #b17d483b;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 15px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px dashed #b17d48;
    height: 100%;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}






h4.report-card-title{
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
    color:#282828 !important;
}