/* Add here all your CSS customizations */
body {
    color: black;
}

.font-weight-bold {
    font-weight: bold;
}

.mt10 {
    margin-top: 10px !important;
}

textarea {
    resize: none;
}

.fullmodalwidth {
    max-width: unset !important;
}

.modal800 {
    max-width: 800px !important;
}

.modal1000 {
    /*max-width: 1000px !important;*/
    max-width: 80% !important;
}

.modal40 {
    /*max-width: 1000px !important;*/
    max-width: 40% !important;
}

.modalFull {
    /*max-width: 1000px !important;*/
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0;
}

.row {
    margin-bottom: 10px !important;
}

.checkbox-custom {
    margin-top: 5px !important;
}

.mr5 {
   margin-right: 5px !important; 
}

.ml-no {
    margin-left: unset !important;
}

.pt5{
    padding-top: 5px !important;
}

.ui-autocomplete {
    z-index: 99990 !important; /* Adjust this value as needed */
}

/* Increase z-index for Select2 dropdown */

/* Additional adjustments */
.select2-drop {
    z-index: 99990 !important; /* Adjust the value as needed */
}

.fr {
    float: right;
}
/*.ui-widget .ui-widget-content .ui-helper-clearfix .ui-corner-all*/
.ui-datepicker {
    z-index: 99990 !important;
}

.tooltip {
    position: absolute;
    z-index: 99991 !important;
}

.customerror {
    color: #B94A48;
    margin-top: 2px;
}

.bordererror {
    border-style: double;
    border-width: thin;
    border-color: #B94A48;
}

.maximized {
    width: 100% !important;
    height: 100%;
    margin: 0;
}

.maximize-btn {
    position: absolute;
    top: 10px;
    right: 40px;
    cursor: pointer;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.danger-row {
    color: red !important; /* Red font color */
    background-color: #ffe6e6 !important; /* Light red background color */
}

.green-row {
    color: green !important; /* Red font color */
    background-color: #65dd674a !important; /*  */
}

.datatable-99 {
    width: 99% !important;
}

.smallerfont {
    font-size: smaller !important;
}

.dataTable .dropdown-menu {
    position: unset !important;
}

.ui-pnotify {
    z-index:9999999 !important;
}

.preview-fieldname {
    font-size:14px;
    font-weight:bold;
}

.preview-fieldvalue {
    font-size:14px;
}

/* Sale Invoice */
.saleinvoice-body {
    font-size: small;
}

.saleinvoice-table {
    margin-bottom: 5px;
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    font-size: inherit;
}

.saleinvoice-invoice-header {
    font-size: larger;
    font-weight: 505;
    text-decoration: underline;
}

.saleinvoice-h-pn {
    width: 120px;
}

.saleinvoice-h-description {
}

.saleinvoice-h-qty-big {
    width: 108px;
}

.saleinvoice-h-qty {
    width: 34px;
}

.saleinvoice-h-price {
    width: 37px;
}

.saleinvoice-h-totalprice {
    width: 37px;
}

.saleinvoice-l-b {
    border-left-color: black;
    border-left-style: solid;
    border-left-width: 1px;
}

.saleinvoice-t-b {
    border-top-color: black;
    border-top-style: solid;
    border-top-width: 1px;
}

.saleinvoice-r-b {
    border-right-color: black;
    border-right-style: solid;
    border-right-width: 1px;
}

.saleinvoice-b-b {
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.saleinvoice-w300 {
    width: 150px;
}

.saleinvoice-w206 {
    width: 110px;
}

/*.saleinvoice-body table td {
    padding: 5px !important;
}*/


/* Normal Page View */
.products-container {
    --bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: calc(var(--bs-gutter-y) * -1) !important;
    margin-right: calc(var(--bs-gutter-x) * -.5) !important;
    margin-left: calc(var(--bs-gutter-x) * -.5) !important;
}

.p-custom {
    --bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: calc(var(--bs-gutter-y) * -1) !important;
    margin-right: calc(var(--bs-gutter-x) * -.5) !important;
    margin-left: calc(var(--bs-gutter-x) * -.5) !important;
}

.product {
    border: 1px solid #ccc !important;
    padding: 10px !important;
    margin: 10px !important;
    flex: 0 0 auto !important;
    width: 22% !important;
}

/* Print Styles */
@media print {
    .products-container {
         /* Change to block layout for printing */
        page-break-inside: avoid; /* Avoid breaking inside product containers */
        display: flex;
        flex-wrap: wrap;
    }

    .product {
        page-break-inside: avoid; 
        border: 1px solid #000; 
        padding: 5px; 
        margin: 10px; 
        flex: 0 0 calc(25% - 20px); 
        font-size:small;
    }
}

.custom-amount {
    font-size:16px;
}

.orangered-font {
    font-weight: 505;
    color: orangered;
    max-inline-size: max-content;
}


/* Center-align all table headers and data cells */
table.dataTable th,
table.dataTable td {
    text-align: center;
    vertical-align: middle; /* Optional: Vertically center the content */
    font-weight: 501;
    color: black;
}

/* Ensure buttons are properly centered */
.action-buttons {
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .action-buttons .btn {
        padding: 2px 5px; /* Adjust padding to fit your design */
        margin: 0; /* Remove extra margin if any */
        
    }

.control-label {
    font-weight:505;
    color:black;
}

.col-form-label {
    font-weight: 505;
}

.pl0 {
    padding-left: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr2 {
    padding-right: 2px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.p5 {
    padding: 5px !important;
}

.form-label {
    font-weight:505;
    color:black;
}


table.classic {
    width: 100%;
    border-collapse: collapse;
}

    table.classic th, table.classic td {
        border: 1px solid black;       
        color: black;
        width: calc(100% / 5); /* Assuming 4 columns for equal width */
        text-align: center;
        font-size:x-small;
        height:30px;
    }

    table.classic th {
        font-weight: bold;
    }

    table.classic td.small {
        width: 15%;
    }

    table.classic td.medium {
        width: 30%;
    }

    table.classic td.medium2 {
        width: 40%;
    }

    table.classic td.large {
        width: 50%;
    }

    table.classic th.small {
        width: 15%;
    }

    table.classic th.medium {
        width: 30%;
    }

    table.classic th.medium2 {
        width: 40%;
    }

    table.classic th.large {
        width: 50%;
    }

table.statementofaccounttable {
    width: 100%;
    border-collapse: collapse;
}

    table.statementofaccounttable th, table.statementofaccounttable td {
        border: 1px solid black;
        color: black;
        width: calc(100% / 7); /* Assuming 4 columns for equal width */
        text-align: center;
        font-size: small;
        height: 24px;
    }

    table.statementofaccounttable th {
        font-weight: bold;
    }

    table.statementofaccounttable td.small {
        width: 15%;
    }

    table.statementofaccounttable td.medium {
        width: 30%;
    }

    table.statementofaccounttable td.medium2 {
        width: 40%;
    }

    table.statementofaccounttable td.large {
        width: 50%;
    }

    table.statementofaccounttable th.small {
        width: 15%;
    }

    table.statementofaccounttable th.medium {
        width: 30%;
    }

    table.statementofaccounttable th.medium2 {
        width: 40%;
    }

    table.statementofaccounttable th.large {
        width: 50%;
    }



table.col8 {
    width: 100%;
    border-collapse: collapse;
}

    table.col8 th, table.col8 td {
        border: 1px solid black;
        color: black;
        width: calc(100% / 8); /* Assuming 8 columns for equal width */
        text-align: center;
        font-size: small;
        height: 24px;
    }

    table.col8 th {
        font-weight: bold;
    }

table.col4 {
    width: 100%;
    border-collapse: collapse;
}

    table.col4 th, table.col4 td {
        border: 1px solid black;
        color: black;
        width: calc(100% / 8); /* Assuming 8 columns for equal width */
        text-align: center;
        font-size: small;
        height: 24px;
    }

    table.col4 th {
        font-weight: bold;
    }


.page-break {
    page-break-before: always !important;
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


table.standard {
    width: 99%;
    border-collapse: collapse;
}

    table.standard th, table.standard td {
        border: 1px solid black;
        color: black;
        text-align: center;
        font-size: x-small;
        height: 30px;
    }

    table.standard th {
        font-weight: bold;
    }

    table.standard td.small {
        width: 15%;
    }

    table.standard td.medium {
        width: 30%;
    }

    table.standard td.medium2 {
        width: 40%;
    }

    table.standard td.large {
        width: 50%;
    }

    table.standard th.small {
        width: 15%;
    }

    table.standard th.medium {
        width: 30%;
    }

    table.standard th.medium2 {
        width: 40%;
    }

    table.standard th.large {
        width: 50%;
    }


@media (max-width: 768px) {
    .widget-summary-xlg {
        flex-direction: column;
        text-align: center;
    }

    .widget-summary-col-icon {
        margin-bottom: 10px;
    }

    .summary-footer {
        text-align: center;
    }

    .row > [class^="col-"] {
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .col-sm-4, .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.btn-danger-custom {
 color: #fff;
 background-color: #e36159;
 border-color: #e36159;
}
.btn-danger-custom:hover {
 color: #fff;
 background-color: #cc524b;
 border-color: #c04b44;
}
.btn-check:focus + .btn-danger-custom, .btn-danger-custom:focus {
 color: #fff;
 background-color: #cc524b;
 border-color: #c04b44;
 box-shadow: 0 0 0 0.25rem rgba(227, 97, 89, 0.5);
}
.btn-check:checked + .btn-danger-custom, .btn-check:active + .btn-danger-custom, .btn-danger-custom:active, .btn-danger-custom.active, .show > .btn-danger-custom.dropdown-toggle {
 color: #fff;
 background-color: #c04b44;
 border-color: #b6453e;
}
.btn-check:checked + .btn-danger-custom:focus, .btn-check:active + .btn-danger-custom:focus, .btn-danger-custom:active:focus, .btn-danger-custom.active:focus, .show > .btn-danger-custom.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.25rem rgba(227, 97, 89, 0.5);
}
.btn-danger-custom:disabled, .btn-danger-custom.disabled {
 color: #fff;
 background-color: #e36159;
 border-color: #e36159;
}

/* Vehicle Family Filter - Fix for multiselect dropdown min-width */
/* Ensures vehicle family filter labels stay on top like other filters */
#vehicleFamilyFilter + .btn-group .multiselect,
#vehicleFamilyFilterPL + .btn-group .multiselect,
select[id*="vehicleFamilyFilter"] + .btn-group .multiselect {
    min-width: 200px !important;
    width: 100% !important;
}

/* Ensures vehicle filter labels stay on top like other filters */
#vehicleFilter + .btn-group .multiselect,
#vehicleFilterPL + .btn-group .multiselect,
select[id*="vehicleFilter"] + .btn-group .multiselect {
    min-width: 200px !important;
    width: 100% !important;
}


/* Additional fix for shared components */
.multiselect.dropdown-toggle[data-toggle="dropdown"] {
    min-width: 200px !important;
}

/* Ensure the button group container also respects the min-width */
#vehicleFamilyFilter + .btn-group,
#vehicleFamilyFilterPL + .btn-group,
select[id*="vehicleFamilyFilter"] + .btn-group {
    min-width: 200px !important;
    width: 100% !important;
}

/* Ensure the button group container also respects the min-width */
#vehicleFilter + .btn-group,
#vehicleFilterPL + .btn-group,
select[id*="vehicleFilter"] + .btn-group {
    min-width: 200px !important;
    width: 100% !important;
}

/* For cases where the multiselect is directly applied to form-control elements */
.form-control.multiselect-container {
    min-width: 200px !important;
}