@import './_variables.css';

.orders-panel-header-container {
    background-color: white;
    font-family: BrownStdBold;
    color: var(--Logistic-Suit-Secondary);
    border-color: var(--Logistic-Suit-Accent-Lighten-Gray);
    border-width: 3px;
    border-style: none none solid none;
    height: 28px;
    min-height: 35px;
    padding-inline: 10px;
    align-items: center;
    border-top-left-radius: 5px;
    display: grid;
    font-weight: 700;
    border-top-right-radius: 5px;
}
[dir=ltr] #orders-panel-dropdownMenu-filteration {
    position: absolute !important;
    transform: translate3d(-19px, 24px, 0px) !important;
    top: 0px !important;
    left: 0px !important;
}

[dir=rtl] #orders-panel-dropdownMenu-filteration {
    position: absolute !important;
    transform: translate3d(-19px, 24px, 0px) !important;
    top: 0px !important;
    right: -35px !important;
}

    @font-face {
        font-family: BrownStdBold;
        src: url(../fonts/BrownStd-Bold.otf);
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
    }

.parcode-scanned-orders-counter {
    position: absolute;
    bottom: -6px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background-color: white;
    color: rgba(20, 40, 74, 1);
    font-size: 11px;
    font-weight: 300;
}

[dir = ltr] .parcode-scanned-orders-counter {
    right: -5px;
}

[dir = rtl] .parcode-scanned-orders-counter {
    left: -5px;
}

/*.scanned-orders-modal-header {
    border-bottom: 1px solid rgba(241, 238, 238, 1);
    box-shadow: 0px 1px 4px #ccc;
    border-radius: 5px;
}*/

.enter-button-scan-order-code {
    position: absolute;
    font-size: 11px;
    font-weight: 700;
    line-height: 11px;
    color: rgba(38, 128, 235, 1);
    top: 14px;
    z-index: 10;
    cursor: pointer;
}

    .enter-button-scan-order-code:hover {
        color: rgba(38, 128, 235, 0.7);
    }

[dir = ltr] .enter-button-scan-order-code {
    right: 28px;
}

[dir = rtl] .enter-button-scan-order-code {
    left: 28px;
}

.scan-order-code-input-container input {
    padding-inline-end: 50px;
    border-radius: 5px !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.06px;
    color: rgba(20, 40, 74, 1);
}

.erase-btn-scan-code button {
    font-size: 11px;
    font-weight: 400;
    line-height: 14.63px;
    color: rgba(75, 75, 75, 1);
    width: 110px;
}

.scan-orders-title {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.06px;
    color: rgba(43, 81, 148, 1);
}

.remove-scanned-parcodes-icon{
    margin-inline-end: 2px;
}