#status {
    width: 100% !important;
    display: block !important;
    margin: 0px !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.error {
    color: red;
    font-size: 13px;
}

.input-group .error {
    position: absolute;
    top: 40px;
}

.iti .error {
    position: absolute;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border-color: #dfdfdf !important;
    height: 40px;
    color: #0f0f12;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
    right: 10px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fed91e !important;
    color: black !important;
}

.custom-img {
    max-width: 200px;
}

/* .navbar-menu .navbar-nav .nav-link {
    padding: 5px 4px !important;
    font-size: 15px !important;
}

.navbar-menu .navbar-nav .nav-link i {
    font-size: 15px !important;
}

.navbar-menu .navbar-nav .nav-sm {
    padding-left: 20px !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 3px 20px !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    top: 10px !important;
    left: 6px !important;
} */

#toast-container>div {
    opacity: 1 !important;
}

.navbar-brand-box {
    background-color: #fffbe8 !important;
}

#page-topbar {
    background-color: #fed91e !important;
}

.navbar-header .user-name-text {
    color: white !important;
}

.navbar-menu .navbar-nav .nav-link {
    color: #000 !important;
}

.navbar-menu .navbar-nav .nav-link:hover
{
    background: #fffbe8 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-item.active, .navbar-menu .navbar-nav .nav-link.active
{
    background: #fffbe8 !important;
}

.navbar-menu .navbar-nav .nav-sm .nav-link.active:before {
    top: 13px !important;
}

.navbar-menu {
    background-color: white !important;
}

body {
    background-color: #f6f6f6 !important;
}

.btn-primary {
    background-color: #fcd920 !important;
    color: #000 !important;
    border-color: #a48900 !important; 
}

.footer {
    color: #000 !important;
}

.fancybox-bg {
    background-color: #00000087 !important;
}

[data-sidebar-size="sm"] .navbar-menu .nav.nav-sm {
    background-color: #fff !important;
}

[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link {
    padding: 0.531rem 1.5rem !important;
    background-color: #fff !important;
}

[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-link:hover {
    background-color: #eee !important;
}
[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link:after {
    color: #000 !important;
}

.search-box .form-control {
    min-width: 255px;
}

.testing-section {
    background-color: #ee0000;
    width: 100%;
    margin: 0px auto;
    text-align: center;
    height: 10px;
    line-height: 10px;
    position: fixed;
    text-transform: uppercase;
}

.testing-section p {
    color: #fff;
    font-size: 8px;
    font-family: Arial, sans-serif;
}

/* data table code start */
table.dataTable {
    font-size: 12px !important;
    width: 100% !important;
}
.dataTable th {
    font-size: 12px !important;
}
.dataTable > :not(caption) > * > * {
    padding: 0.4rem 0.4rem !important;
}
.dataTable .dtr-control {
    padding-left: 25px !important;
}
/* data table code end */

/* delhi branch layout code start */
.body-branch-2 .btn-primary {
    background-color: #db0000 !important;
    color: #fff !important;
    border-color: #9f0000 !important; 
}
.body-branch-2 #page-topbar {
    background-color: #db0000 !important;
}
.body-branch-2 .loader {
    border-top: 6px solid #db0000 !important;
}
.body-branch-2 .loading-text {
    color: #fff !important;
    background: #db0000 !important;
}
.body-branch-2 .navbar-brand-box {
    background-color: #fff2f2 !important;
}
.body-branch-2 .navbar-menu .navbar-nav .nav-link:hover {
    background: #fff2f2 !important;
}
.body-branch-2 .navbar-menu .navbar-nav .nav-sm .nav-item.active, .body-branch-2 .navbar-menu .navbar-nav .nav-link.active
{
    background: #fff2f2 !important;
}
.body-branch-2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #db0000 !important;
    color: #fff !important;
}
/* delhi branch layout code end */

/* hyderabad branch layout code start */
.body-branch-3 .btn-primary {
    background-color: #0070db !important;
    color: #fff !important;
    border-color: #00488c !important; 
}
.body-branch-3 #page-topbar {
    background-color: #0070db !important;
}
.body-branch-3 .loader {
    border-top: 6px solid #0070db !important;
}
.body-branch-3 .loading-text {
    color: #fff !important;
    background: #0070db !important;
}
.body-branch-3 .navbar-brand-box {
    background-color: #f2f6ff !important;
}
.body-branch-3 .navbar-menu .navbar-nav .nav-link:hover {
    background: #f2f6ff !important;
}
.body-branch-3 .navbar-menu .navbar-nav .nav-sm .nav-item.active, .body-branch-3 .navbar-menu .navbar-nav .nav-link.active
{
    background: #f2f6ff !important;
}
.body-branch-3 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #0070db !important;
    color: #fff !important;
}


.order-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 350px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
    padding: 15px;
    z-index: 9999;
}

#orderListWrapper {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 10px;
}

.db-tab {
        position: fixed;
        top: 50%;
        right: 20px;
        transform: translateY(-50%) rotate(-90deg);
        transform-origin: right center;
        background: #111827;
        color: #fff;
        padding: 10px 20px;
        border-radius: 8px 8px 0 0;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        z-index: 1050;
        display: flex;
        align-items: center;
        gap: 8px;
        box-shadow: -2px 0 6px rgba(0,0,0,0.15);
    }

    .db-tab-badge {
        background: #dc2626;
        color: #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        font-size: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transform: rotate(90deg);
    }

    .db-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.3);
        z-index: 1060;
    }

    .db-overlay.show { display: block; }

    .db-drawer {
        position: fixed;
        top: 0;
        right: -360px;
        width: 360px;
        height: 100vh;
        background: #fff;
        z-index: 1070;
        box-shadow: -4px 0 16px rgba(0,0,0,0.15);
        transition: right 0.25s ease;
        display: flex;
        flex-direction: column;
    }

    .db-drawer.open { right: 0; }

    .db-drawer-header {
        padding: 16px;
        border-bottom: 1px solid #e5e7eb;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .db-close-btn {
        border: none;
        background: none;
        font-size: 16px;
        color: #6b7280;
    }

    .db-drawer-body {
        flex: 1;
        overflow-y: auto;
        padding: 12px;
    }

    .db-loading {
        text-align: center;
        color: #9ca3af;
        padding: 30px 0;
        font-size: 13px;
    }

    .batch-item {
        border: 1px solid #e5e7eb;
        border-radius: 10px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .batch-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px;
        cursor: pointer;
        background: #f9fafb;
    }

    .batch-header:hover { background: #f3f4f6; }

    .batch-id { font-weight: 700; font-size: 13px; }
    .batch-rider { font-size: 12px; color: #6b7280; margin-top: 2px; }

    .batch-toggle-btn {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: none;
        background: #e5e7eb;
        color: #374151;
        font-weight: 700;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s;
        flex-shrink: 0;
    }

    .batch-toggle-btn.open { transform: rotate(45deg); }

    .batch-orders-inline {
        display: none;
        padding: 8px 12px 12px;
        background: #fff;
        border-top: 1px solid #f0f1f3;
    }

    .batch-orders-inline.show { display: block; }

    .order-mini-row {
        display: flex;
        justify-content: space-between;
        padding: 6px 0;
        font-size: 12px;
        border-bottom: 1px dashed #f0f1f3;
    }

    .order-mini-row:last-child { border-bottom: none; }

    .status-pill {
        font-size: 10px;
        padding: 2px 8px;
        border-radius: 20px;
        font-weight: 600;
        text-transform: capitalize;
        white-space: nowrap;
    }

    .status-assigned { background: #fef3c7; color: #92400e; }
    .status-out_for_delivery { background: #dcfce7; color: #166534; }
    .status-completed { background: #dbeafe; color: #1e40af; }
    .status-cancelled { background: #fee2e2; color: #991b1b; }

    .view-full-btn {
        font-size: 11px;
        color: #2563eb;
        border: none;
        background: none;
        padding: 0;
        margin-top: 8px;
        font-weight: 600;
    }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        color: black !important;
        background-color: #fed91e !important;
    }
    
    .select2-container--default .select2-selection--multiple .select2-selection__choice{
        color: black !important;
        background-color: #fed91e !important;

    }