/* width */
@import './_variables.css';

#orders-panel-scrolling-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
/*#orders-panel-scrolling-container::-webkit-scrollbar-track {
    background-color: white !important;
}*/

/* Handle */
/*#orders-panel-scrolling-container::-webkit-scrollbar-thumb {
    background: var(--Logistic-Suit-Secondary) !important;
    border-radius: 10px !important;
}*/

    /* Handle on hover */
   /* #orders-panel-scrolling-container::-webkit-scrollbar-thumb:hover {
        background: var(--Logistic-Suit-Secondary) !important;
    }*/



#orders-panel-scrolling-container:hover {
    /*overflow: scroll;*/
    overflow: auto;
    /*padding-inline-end: 0px;*/
}

#orders-panel-scrolling-container {
    /*width: 100%;*/
    height: auto;
    flex-grow: 1;
    /*overflow: hidden;*/
    overflow: auto;
    position: relative;
    /*padding-inline-end: 4px;*/
}

.order-row-order-info-container {
    position: absolute;
    top: 16%;
    width: 95%;
    inset-inline-end: 20px;
    /*    background: var(--norma__neutral--light);*/
    /*    height: auto;*/
    /*    border-radius: var(--norma--border-raduis-sm);*/
    border-radius: 20px;
    min-height: var(--norma--height-info-box-min);
    /*    box-shadow: 0px 3px 6px var(--norma-shadow--grey-1);*/
    /*    border: 1px solid var(--norma__neutral--grey-2);*/
    /*    max-height: 70%;*/
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    overflow: auto;
    z-index: 1000
}

    .order-row-order-info-container div::-webkit-scrollbar-thumb {
        background-color: grey !important;
    }
.OrderDetailsItemsTableContainer::-webkit-scrollbar {
    height: 4px !important;
}

.OrderDetailsItemsTableContainer::-webkit-scrollbar-thumb {
    background: var(--norma__neutral--grey-1) !important;
}
.orderLoadingRequestDetails {
    padding: 0 4px !important
}
.ordersHeaderCheckBox{
    justify-content:end;
}
    .ordersHeaderCheckBox .norma--checkbox input[type=checkbox] {
        margin-inline-end: 3px;
        border: 2px solid var(--norma-secondary--2);
        background: #2b384f;
    }
        .ordersHeaderCheckBox .norma--checkbox input[type=checkbox]:before {
            border: solid #2b384f;
            border-width: 0 2px 2px 0;
        }
        .ordersHeaderCheckBox .norma--checkbox input[type=checkbox]:checked {
            background-color: #ffffff;
        }

.order-notification-error-modal {
    top: -20px !important;
    z-index: 121231454 !important;
    min-width: 88% !important;
    padding-inline: 15px !important;
    padding-block: 15px !important;
}