/* Apply 12px font size to the body and all child elements */
body {
    font-size: 12px !important;
}

/* Override Bootstrap's default font size for input fields */
input, textarea, select, button, a {
    font-size: 12px !important;
}

/* Ensure the font size for input fields is 12px */
.form-control {
    font-size: 12px !important;
    padding: 4px 8px !important; /* Adjust padding for a 12px font size */
    height: auto !important; /* Ensure height adjusts with font size */
    line-height: 1.5 !important; /* Make sure the line height is appropriate */
}

#searchItemsResults .form-control, #selectedItemsResults .form-control {
    font-size: 12px !important;
    padding: 2px 6px !important; /* Adjust padding for a 12px font size */
    height: auto !important; /* Ensure height adjusts with font size */
    line-height: 1.5 !important; /* Make sure the line height is appropriate */
}

/* Optional: Adjust textarea fields to match as well */
textarea.form-control {
    height: auto !important;
}

.error-div {
    display: block;
    height: 20px;
    color: red;
}

.mt-2-1 {
    margin-top: 2.1rem !important;
}

/*.td-data {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100px !important;
}*/

.td-data {
    white-space: normal; /* Allows text to wrap */
    overflow-wrap: break-word; /* Break long words if needed */
    max-width: 100px !important; /* Retain the same column width */
}

.display-none {
    display: none;
}

.m-right-5 {
    margin-right: 5px;
}

.mt-2-5 {
    margin-top: 2.5rem !important;
}

.mt-2-3 {
    margin-top: 2.3rem !important;
}

.mt-1-2 {
    margin-top: 1.2rem !important;
}

.mt-1-6 {
    margin-top: 1.6rem !important;
}

.mt-8 {
    margin-top: 8rem !important;
}

.mt-3-rem {
    margin-top: 3rem !important;
}

/* for select 2 dropdown - start */
.select2-selection__rendered {
    /*line-height: 34px !important;*/
    /*line-height: 25px !important;*/
    line-height: 1.5 !important;
}

.select2-container .select2-selection--single {
    /*height: 38px !important;*/
    height: 27px !important;
}

.select2-selection__arrow {
    height: 26px !important;
}
/* for select 2 dropdown - end */

.hidden {
    display: none !important;
}

.inline-block {
    display: inline-block;
    vertical-align: middle;
}

#overlay .spinner-border {
    display: inline-block;
    vertical-align: middle;
}

.top-3-4 {
    top: 3.4rem !important;
}

.ml-0 {
    margin-left: 0rem !important;
}

.max-min-height-80 {
    min-height: 80rem !important;
    max-height: 80rem !important;
}

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

.width30 {
    width: 2.75rem;
}

.width2rem {
    width: 2rem;
}

.text-alert {
    color:green;
    font-size:14px!important;
}

/*
.width30 {
    width: 3.75rem;
}

#overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.9);
    transition: 1s 0.4s;
}

#progress {
    height: 1px;
    background: #fff;
    position: absolute;
    width: 0;
    top: 50%;
    left: 50%;
}*/

#overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.5);*/ /* Semi-transparent background */
    display: flex;
    align-items: center;
    justify-content: center;
}

#progress {
    background: rgba(0, 0, 0, 0.7); /* Darker background for the loader */
    padding: 20px; /* Padding around the loader */
    border-radius: 10px; /* Rounded corners */
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
        margin-left: -5rem !important;
        width: 4.6rem;
    }
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 0rem !important;
    }

    .m-top21 {
        margin-top: 32px !important;
    }

    .m-top26 {
        margin-top: 26px !important;
    }

    .pad-30 {
        padding-left: 50px;
    }

    .m-top38 {
        margin-top: 38px !important;
    }

    .m-top31 {
        margin-top: 31px !important;
    }
}

.ClsTrRed, .ClsTrRed input, .ClsTrRed a {
    color: red !important;
}

.ClsTrGreen, .ClsTrGreen input, .ClsTrGreen a {
    color: green !important;
}

.ClsTrIndigo, .ClsTrIndigo input, .ClsTrIndigo a {
    color: indigo !important;
}

.ClsTrMaroon, .ClsTrMaroon input, .ClsTrMaroon a {
    color: maroon !important;
}

.ClsTrBlue, .ClsTrBlue input, .ClsTrBlue {
    color: blue !important;
}

.ClsTrWheat, .ClsTrWheat input, .ClsTrWheat a {
    color: wheat !important;
}

/* Custom full-width modal */
#addCostingSheetNewItemModal .modal-fullscreen, #addCostingSheetNewItemModal .modal-fullscreen, #addCostingSheetProjectItemModal .modal-fullscreen, #costingSheetTechSpecModal .modal-fullscreen {
    max-width: 100%;
    margin: 0;
}

 #addCostingSheetNewSGModal .modal-dialog, #addCostingSheetProjectItemModal .modal-dialog, #costingSheetTechSpecModal .modal-dialog {
    width: 101%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 5%;
}

.chk_td {
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

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

.padding-B-T-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

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

.main-sidebar {
    transition: all 0.3s ease; /* Smooth open/close animation */
    transform: translateX(-100%); /* Hidden by default */
    visibility: hidden;
    opacity: 0;
}

    .main-sidebar.sidebar-open,
    .main-sidebar.hover-open {
        transform: translateX(0); /* Fully visible when open */
        visibility: visible;
        opacity: 1;
    }



/*.main-sidebar {
    transition: all 0.3s ease;*/ /* Smooth open/close animation */
/*transform: translateX(-100%);*/ /* Initially hidden */
/*visibility: hidden;
    opacity: 0;
}

    .main-sidebar.hover-open {
        transform: translateX(0);*/ /* Slide in */
/*visibility: visible;
        opacity: 1;
    }*/

.ClsTrBackWheat td, .ClsTrBackWheat input {
    background: wheat !important;
}

.black-text {
    color: #000 !important;
}

.big-closeModal {
    font-size: 1.5rem; /* You can adjust to 2.5rem, 3rem, etc. */
}