.bootstrap-select button.btn-light {
    border-color: #cad1d7 !important;
    box-shadow: none !important;
    min-height: 46px !important;
}

.bootstrap-select.show button.btn-light {
    border-color: rgba(50, 151, 211, .25) !important;
    box-shadow: none !important;
    outline: none !important;
}

.bootstrap-select button.btn-light:focus {
    outline: none !important;
}

.f-9 {
    font-size: 9px;
}

.recentOrders .table-scroll {
    flex: 1;
    overflow-y: auto;
}

/* Optional: limit max visible height */
.recentOrders .table-scroll {
    max-height: 380px;
}

/* Optional: sticky header */
.recentOrders .table thead th {
    position: sticky;
    top: 0;
    background: #f6f9fc;
    z-index: 2;
}

.cardMainHeader {
    padding-left: 15px;
    padding-right: 15px;
}

.card-loader {
    position: fixed;
    /* IMPORTANT */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;

    /* Optional overlay */
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    align-items: center;
    justify-content: center;
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}

.loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #3BAF29;
    animation: prixClipFix 2s linear infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.input-group.btn-calendar .input-group-append button {
    border-color: rgba(50, 151, 211, .25) !important;
    border: 1px solid;
    background: #3baf2936;
}
select.form-control {
    border: 1px solid #cad1d7 !important;
}

select.form-control:hover, select.form-control:active {
    border-color: rgba(50, 151, 211, .25) !important;
}

.tooltip[data-tooltip-type="wide"] .tooltip-inner, .tooltip-inner {
    max-width: 350px !important;
    white-space: normal;
    text-align: left;
}