/* :root {
    --main: #F7941D;
    --dark-orange: #FF8303;
}


.label-color {
    color: #666666 !important;
    opacity: 1 !important;
}

.sidebar-nav-item.active p {
    color: var(--main);
} */

/* .menu-list {
    height: calc(100vh - 295px);
    overflow-y: auto;
} */

/* .width-106 {
    width: 106px;
}

.width-280 {
    width: 280px;
}

.width-300 {
    max-width: 300px;
    width: 300px;
}

.z-index-1 {
    z-index: 1;
}

.nav-font-size {
    font-size: var(--bs-body-nav-font);
}

.dropdown .btn img {
    transition: all 0.4s;
}

.dropdown .btn.show img {
    transform: rotate(180deg);
}

.vehical-info {
    height: calc(100vh - 220px);
    overflow-y: auto;
} */

/* ------ SCROLLBAR CSS HERE ------ */

/* width */
/* .scroll::-webkit-scrollbar {
    width: 6px;
    height: 0 !important;
} */

/* Track */
/* .scroll::-webkit-scrollbar-track {
    background: #CCCCCC;
    border-radius: 12px;
} */

/* Handle */
/* .scroll::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 12px;
} */

/* ------ Accordion Button Arrrow CSS HERE ------ */

/* .accordion-button::after {
    background-image: url("@/assets/images/orange-down-chevron.svg") !important;
}

.accordion-item.active .accordion-button.collapsed::after {
    background-image: url("@/assets/images/gray-down-chevron.svg") !important;
}
.profile-bar-container {
    position: absolute;
    top: 60%;
    left: 100%;
    transform: translateY(-50%);
    z-index: 1000;
    width: 300px;
    border: 2px solid ;
} */