.label-border-primary {
    border: 3px solid #006A4E !important; /* Force primary color border */
    padding: 5px 10px !important; /* Padding to make label visible */
    border-radius: 5px !important; /* Optional: Rounded corners */
    display: inline-block !important; /* Ensures it behaves like a block with the border */
    background-color: white !important; /* Optional: Background contrast */
    color: #006A4E !important; /* Ensure text is visible */
    font-weight: bold !important; /* Make the font bold */
}

.custom-gridview td {
    vertical-align: middle;
    padding: 2px 4px; /* Reduce top/bottom and left/right padding */
}

.custom-gridview-header {
    background-color: #006A4E; /*#0d6efd;*/
    color: white;
}

.custom-gridview th {
    background-color: #006A4E !important;
    color: white !important;
    vertical-align: middle;
    padding: 2px 4px; /* Reduce top/bottom and left/right padding */
}

.custom-gridview {
    width: 100%;
}

.custom-border {
    border-color: #006A4E !important;
    border-width: 3px;
    border-radius: 4px;
}

.custom-gridview tr.delivered-row td {
    background-color: LightGreen !important;
    box-shadow: none !important;
}

.custom-gridview tr.temporary-row td {
    background-color: LightBlue !important;
    box-shadow: none !important;
}

.custom-gridview tr.pending-row td {
    background-color: LightYellow !important;
    box-shadow: none !important;
}

.custom-gridview tr.cancelled-row td {
    background-color: LightCoral !important;
    box-shadow: none !important;
}

.custom-gridview tr.editorder-row td {
    background-color: LightBlue !important;
    box-shadow: none !important;
}


:root {
    --bs-body-font-size: 16px;
}

@media (max-width: 576px) {
    :root {
        --bs-body-font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    :root {
        --bs-body-font-size: 14px;
    }
}

@media (min-width: 768px) {
    :root {
        --bs-body-font-size: 16px;
    }
}

.img-button {
    height: 38px; /* Adjust to match button height */
    padding: 0; /* To make the image fit nicely inside the button */
    border-radius: .25rem; /* Keep border-radius like other buttons */
}

.custom-line {
    height: 4px; /* Set the thickness of the line */
    background-color: #006A4E; /*#00A2E8;*/
    width: 100%; /* Make it span the full width */
    margin: 0; /* Optional: Remove default margins */
}

.custom-bg {
    background-color: #0010A8 !important;
}

.custom-underline-input {
    border: none ; /* Remove default border */
    border-bottom: 2px solid #000; /* Add a solid bottom border (line) */
    border-radius: 0; /* Remove rounded corners */
    outline: none; /* Remove blue outline on focus */
    padding-left: 0; /* Align text with label */
    padding-right: 0;
}

   
    .custom-underline-input:focus {
        border-bottom: 2px solid #007bff; /* Change color on focus */
        box-shadow: none; /* Prevent default Bootstrap shadow */
    }

.btn-disabled {
    background-color: #c0c0c0;
    color: #6c757d;
    cursor: not-allowed;
    pointer-events: none; /* Prevent clicks */
}

.headers-class {
    background-color: #006A4E;
}

.custom-label-text {
    color: #006A4E;
}

.custom-label-text-dark {
    color: #002B20;
}