.required {
    color: red;
}
.offcanvas-size-30 {
    width: 30% !important;
}
.offcanvas-size-50 {
    width: 50% !important;
}
.offcanvas-size-85 {
    width: 85% !important;
}
.offcanvas-size-100 {
    width: 100% !important;
}

.table-view-1 {
    width: 1%;
}
.table-view-5 {
    width: 5%;
}

.table-view-10 {
    width: 10%;
}
.table-view-15 {
    width: 15%;
}
.table-view-20 {
    width: 20%;
}
.table-view-30 {
    width: 30%;
}

.table-view-40 {
    width: 40%;
}
.table-view-50 {
    width: 50%;
}

.table-responsive {
    min-height: 0 !important;
    overflow-y: auto;
}
.table-responsive-400 {
    min-height: 400px !important;
    overflow-y: auto;
}

.table-responsive-200 {
    min-height: 200px !important;
    overflow-y: auto;
}

.dt-search,
.dt-length {
    display: none !important;
}

.nav-customs.nav .nav-link.active, .nav-customs.nav .nav-link.active:after, .nav-customs.nav .nav-link.active:before {
    background-color: #000 !important;
    color: #fff;
}
.pointer_events{
    pointer-events: none;
    cursor: default;
}
.custom-padding {
    padding: 0.655rem 0.3rem;
}

.dropzone-area {
    border: 2px dashed #696969;
    border-radius: 10px;
    background-color: #f8f9fa;
    padding: 20px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dropzone-area.dragging {
    border-color: #0056b3;
    background-color: #e9ecef;
}
.dropzone {
    border: 2px dashed #007bff;
    border-radius: 10px;
    background-color: #f8f9fa;
    padding: 20px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dz-message {
    font-size: 18px;
    color: #6c757d;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: black !important;
    border-color: transparent;
    color: #fff;
}
.daterangepicker .ranges li.active {
    background-color:black !important;
    color: #fff;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color:black !important;
    border-color: transparent;
    color: #fff;
}
.tooltip-inner {
    background-color: black; /* Inner background */
    color: white;           /* Text color */
    font-size: 14px;        /* Custom font size */
    font-weight: bold;      /* Bold text */
    border-radius: 5px;     /* Rounded corners */
    padding: 10px;          /* Inner padding */
}

table.dataTable thead > tr > th.no-sort span.dt-column-order,
table.dataTable thead > tr > td.no-sort span.dt-column-order {
    display: none;
}   
.fc-icon ,.fc-icon-chevron-right:before {
    content: none;
}
.fc-icon ,.fc-icon-chevron-left:before {
    content: none;
}
.fc .fc-button-primary {
    background-color: #212529;
    border-color: var(--fc-button-border-color);
    color: var(--fc-button-text-color);
}
th.bg-light-blue, td.bg-light-blue {
    background-color: #CAF1DE;
}
th.bg-light-yellow ,td.bg-light-yellow {
    background-color:  #FEF8DD;
} 
.table-compact {
    font-size: 14px;
    padding: 4px !important;
}
.empty-row {
    background-color: white;
}
th.background-style{
    background-color:black;
     color: white;
}

th.background-bp{
    background-color:rgb(117, 122, 71);
     color: white;
}

th.background-forecast{
    background-color:rgb(67, 102, 126);
     color: white;
}

th.background-variance{
    background-color:rgb(117, 67, 67);
     color: white;
}

td.bg-gray,th.bg-gray,tr.bg-gray {
    background-color: #f5f5f5;
}
.no-top-border {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

[data-layout="horizontal"] .page-title-box {
    padding: 0.5rem 0 !important;
}