.sidebar {padding-left: unset;padding-right: unset;}

span.custom-icon {display: inline-block;width: 10px;height: 2px;margin: 3px 10px 3px 15px;background: #767676;border-radius: 25px;}
.activeDropdown span.custom-icon {background: #A67C52;}
.activeDropdown p {color: #A67C52 !important;}
.sidebar-shadow {
border-right: 1px solid #DFE1E2;
box-shadow: 5px 0px 15px rgba(166, 124, 82, 0.05);
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
    width: -webkit-fill-available;
}

.nav-item a:hover img,
.nav-item.active img {
    filter: invert(36%) sepia(25%) saturate(641%) hue-rotate(353deg) brightness(93%) contrast(85%);
}

.nav-item a:hover,
.nav-item a:hover p {
    color: #A67C52 !important;
    background-color: #F6F2EE;
}

.nav-item.active,
.nav-item.active p {
    color: #A67C52 !important;
    background-color: #F6F2EE;
}


.main-sidebar .nav-item.active {
    background: #F6F2EE;
}

li.nav-item.dropdown .nav-link {
    padding: 12px;
}



.main-sidebar .nav-item.menu-is-opening.menu-open > .nav-link,
.main-sidebar .nav-item.menu-is-opening.menu-open:hover > .nav-link {
    background: #F6F2EE;
    color: #A67C52;
}
.nav-pills .nav-link {
    border-radius: unset;
}
.menu-is-opening.menu-open > .nav-link p {
    color: #A67C52 !important;
}
.menu-is-opening.menu-open > .nav-link img {
    filter: invert(36%) sepia(25%) saturate(641%) hue-rotate(353deg) brightness(93%) contrast(85%);
}

li.nav-item.active::before, li.nav-item:hover::before{
    content: "";
    position: absolute;
    left: 0;
    width: 3px;
    height: 47px;
    background-color: #A67C52;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

li.nav-item.dropdown.menu-is-opening.menu-open::before{
    content: "";
    position: absolute;
    left: 0;
    width: 3px;
    height: 52px;
    background-color: #A67C52;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}

.highcharts-axis-labels.highcharts-xaxis-labels, .highcharts-axis-labels.highcharts-yaxis-labels {
    font-size: 13px;
    font-weight: 500;
    color:#000000
}
.container-title{font-size: 18px;font-weight: 600;}
.chart-title p{font-size: 16px;font-weight: 600;}
table thead th{font-size: 14px;font-weight: 600;}
table tbody td{font-size: 13px;}
.search-icon {position: absolute;left: 85%;top: 50%;transform: translateY(-50%);width: 12px; height: 12px;pointer-events: none; opacity: 0.5; }
input.form-control{font-size: 16px;border: 1px solid #D4D4D4;height: 53px;}

.state_number_main select, .city_number_main select, .staus_number_main select{height: 53px;} 
.table-responsive .form-control{height: unset;}

.select2-container .select2-selection--single {border: 1px solid #D4D4D4;}
.select2-container--default .select2-selection--single .select2-selection__rendered, ul.select2-results__options li {font-size: 13px;}
span.select2.select2-container.select2-container--default {width: -webkit-fill-available !important;}

.form-group {position: relative;padding: 15px 0 0;margin-top: -5px;}
.form-group label.label {font-size: 15px;font-weight: 500;color : #737373 !important;padding: 0 5px;z-index:1}
label.label, .form-field:focus ~ .form-label,.form-field:focus ~ .form-input {position: absolute;top: 5px;left: 8px;display: block;transition: 0.2s;   background-color: white;background-size: 105% 5px;background-repeat: no-repeat;background-position: center;}
.login-user-header{font-size: 14px;font-weight: 500;}
.custom-btn-border,.custom-btn-border:hover{border:1px solid #A67C52;color:#A67C52;font-size:13px;height:32px}
.custom-btn-color,.custom-btn-color:hover{border:1px solid #a67c52;background:#a67c52;color:#FFF;font-size:13px;font-weight:600;height:32px}
.custom-btn-save,.custom-btn-save:hover{border:1px solid #a67c52;background:#a67c52;color:#FFF;font-size:18px;font-weight:500;height:50px;width:180px;border-radius:8px}
.custom-btn-cancel,.custom-btn-cancel:hover{color:#767676;font-size:18px;font-weight:400;height:50px;width:180px;border-radius:8px}
.border-divider{margin:0 6px;border:1px solid #D9D9D9;text-align:center}
.page-item.active .page-link{z-index:3;color:#a67c52;background-color:#f6f2ee;border-color:#f6f2ee}
.page-link,.page-link:hover{color:#a67c52}
label.error{color:red!important;font-weight:400!important}
.swal2-popup.swal2-modal.swal-custom-popup-delete.swal2-show{width:440px}
.swal-custom-popup-delete .swal-custom-icon{border:none!important;margin:-30px auto 0;background:#fff!important;padding:0!important;box-shadow:0 -5px 5px 1px rgba(0,0,0,.2)}
div:where(.swal2-icon){margin:unset}
div:where(.swal2-container) h2:where(.swal2-title){padding:unset;font-size:28px;color:#222}
div:where(.swal2-container) div:where(.swal2-html-container){font-size:16px;padding:10px 0 0;color:#767676}
.swal-custom-popup-delete .swal2-actions{display:unset!important;text-align:center;width:100%}
div:where(.swal2-container) div:where(.swal2-actions){margin:unset}
.swal-custom-popup-delete button.swal-confirm-btn{width:90%;background:#A67C52;margin-top:20px}
button.swal-cancel-btn, button.swal-cancel-btn:hover{width:90%;background:#fff !important;color:#767676}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:unset}
.vendor_title span{font-size:15px;font-weight:500;color:#767676}
p.vendor_data{font-size:18px;font-weight:500;color:#333}

/* css for the tab week month and year : start */
.toggle-container{position:relative;display:flex;width:100%;background:#FFF;overflow:hidden;border:1px solid #ccc;border-radius:5px}
.toggle-container input{display:none}
.toggle-container label{flex:1;padding:7px 10px 0;text-align:center;font-weight:500!important;font-size:13px;cursor:pointer;z-index:2;position:relative;color:#767676}
.toggle-slider{position:absolute;top:0;left:0;width:33.33%;height:100%;background:#a37541;transition:.3s ease}
input[id=month]:checked~.toggle-slider{left:33.33%}
input[id=year]:checked~.toggle-slider{left:66.66%}
.toggle-container input:checked+label{color:#FFF;font-size:13px;font-weight:600}
.toggle-date-display{border:1px solid #D4D4D4;background:#fff;border-radius:5px;padding:5px;font-weight:500;font-size:13px;color:#767676;width:100%}
.toggle-tabs .active{background:#A67C52!important;border:1px solid #A67C52!important}
.toggle-tabs .nav-link.active img{filter:brightness(0) saturate(100%) invert(1)}
.toggle-tabs .nav-link.active{color:#fff}
.nav-tabs{border-bottom:unset}
.toggle-tabs .nav-item.active,.nav-item:hover{border-left:unset}
.toggle-tabs .nav-link{background:#fff;border:1px solid #D4D4D4;border-radius:unset;height:32px;display: flex;font-weight: 600;font-size: 13px;}
/* css for the tab week month and year : end */

.layout-fixed .main-sidebar{background-color: #ffffff;}
body.sidebar-collapse .logo-image img {margin: 0 0 0 23px;}
.loader-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #f1f1f1ab;display: flex;justify-content: center;align-items: center;z-index: 1111}
.loader { width: 50px;aspect-ratio: 1;display: grid;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.loader::before,.loader::after {content: "";grid-area: 1/1;--c: no-repeat radial-gradient(farthest-side, #a67c52 92%, #0000);background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%, var(--c) 0 50%;background-size: 12px 12px;animation: l12 1s infinite;background-color: transparent;}
.loader::before {margin: 4px;filter: hue-rotate(45deg);background-size: 8px 8px;animation-timing-function: linear;}
@keyframes l12 {100% {transform: rotate(.5turn);}}

/* Datatable pagination : start*/
.pagination-wrapper-self {
    width: -webkit-fill-available;
    display: inline-flex;
    justify-content: space-between;
    margin-top: 15px;
}
@media (max-width: 575.98px) {  
    .pagination-wrapper-self {
        display: inline !important;
    }
    .order-report-buttons{
        display: flex !important;
    }
    .order-cancelSearch-button{
        display: flex !important;
    }
}
/* Datatable pagination : start*/

/* Datatable border : start*/
table.table {border-radius: 10px;overflow: hidden; border-collapse: separate; border-spacing: 0;}
table.table thead tr:first-child th:first-child {border-top-left-radius: 10px;}
table.table thead tr:first-child th:last-child {border-top-right-radius: 10px;}
table.table tbody tr:last-child td:first-child {border-bottom-left-radius: 10px;}
table.table tbody tr:last-child td:last-child {border-bottom-right-radius: 10px;}
/* Datatable border : end*/

/* css for the header name display in round shape : start*/
.header-image{width: 40px;  height: 40px; background: #a67c52;color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 17px;border: 1px solid #ddd; }
.header-image p{margin-top: 13px;}
/* css for the header name display in round shape : end*/

@media (max-width: 767.98px) {  
  .button-top-item-report, .button-top-vendor-report{
    text-align: end !important;
  }
}