@import './_variables.css';

.order-row {
    color: #101010;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-family: BrownStdRegular;
    width: fit-content;
    min-width: 100%;
    /*   border: 1px solid #F4F4F4;

*/
    border-top: .5px solid var( --norma__neutral--main-light-blue);
    border-bottom: .5px solid var( --norma__neutral--main-light-blue);
    position: relative
}

    .order-row .magnifier-icon {
        display: none;
    }

    .order-row:not(.order-row-White, .order-row-Inplanning):hover .magnifier-icon {
        display: inline-block;
    }



.automatic-planning-trials p span {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.automatic-planning-trials p {
    color: rgba(29, 23, 48, 1);
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    /*margin-inline-end: 2px;*/
    width: 28px;
}

.order-row.automatic-planning-error {
    border: 1px solid #FF2B2B !important;
    background: #FFE7E8 !important;
}

    .order-row.automatic-planning-error .order-row-item:not(.order-row-White, .order-row-info-sticky) {
        background-color: #FFE7E8 !important;
    }

    .order-row.automatic-planning-error .order-row-item.order-row-White, .order-row.automatic-planning-error .order-row-item.order-row-info-sticky {
        background-color: #FFE7E8 !important;
    }

.norma-live-icon-manual-planning {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../../images/ManualPlanning/blackNormaLiveIcon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-inline: 14px;
    cursor: pointer;
}

.norma-live-icon-manual-planning-dimmed {
    filter: opacity(0.7);
    cursor: default;
    pointer-events: none;
}


.order-row-White:hover .operators-column .norma-live-icon-manual-planning {
    background-image: url('../../images/ManualPlanning/whiteNormaLiveIcon.svg');
}

.order-row-item {
    height: 24px;
    line-height: 10px;
    background-color: white;
    min-width: 60px;
    width: 100px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    align-items: center;
    padding-block-start: 7px;
    padding-inline-start: 4px;
    padding-inline-end: 7px;
}

    .order-row-item.operators-column {
        min-width: 88px;
        width: 88px;
        position: sticky;
        inset-inline-start: 0px;
        padding-block-start: 0px;
        padding-inline-start: 12px;
        z-index: 1;
    }

.order-row-drag-icon {
    margin-inline-start: 10px;
    height: 13px;
    margin-inline-end: 10px;
}

.order-row-info-green-icon {
    margin-block-end: 0px;
    margin-block-start: 0px;
    margin-inline-end: 0px;
    margin-inline-start: auto;
}

.order-row-order-info-icon-container {
    position: relative;
}



.order-row-green .order-row-item {
    background-color: #9df0bb;
}

.order-row-green {
    background-color: #9df0bb;
}

.order-row-blue .order-row-item {
    background-color: #cdddf7;
}

.order-row-blue {
    background-color: #cdddf7;
}

.order-row-yellow .order-row-item {
    background-color: #f5f7cd;
}

.order-row-yellow {
    background-color: #f5f7cd;
}

.order-row-gray .order-row-item {
    background-color: var(--norma__neutral--grey-2);
}

.order-row-gray {
    background-color: var(--norma__neutral--grey-2);
}

.order-row-white .order-row-item {
    background-color: white;
}

.order-row-white {
    background-color: white;
}

.order-row-checkbox-container {
    /*width: 20px;*/
    width: 18px;
    justify-content: start;
    align-items: flex-start;
    display: flex;
    height: 100%;
}

    .order-row-checkbox-container input[type=checkbox] {
        accent-color: var(--norma__neutral--light-blue);
    }
/*    .order-row-checkbox-container input {
        visibility: hidden;
    }
    .order-row-checkbox-container:hover input {
        visibility: visible;
    }
    .order-row-checkbox-container input:checked  {

        visibility: visible;

    }
    .order-row-checkbox-container.visible  input {
        visibility: visible !important;
    }*/
.order-row-first-item {
    transition: all ease-in 300ms;
    /*transform: translateX(-25px);*/
}

    .order-row-first-item:hover {
        /*transform: translateX(-0px);*/
    }

.order-row-selected {
    /*    transform: translateX(-0px);*/
}

.order-row-checkbox {
    accent-color: var(--Logistic-Suit-Secondary);
}




@font-face {
    font-family: BrownStdRegular;
    src: url(../fonts/BrownStd-Regular.otf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

.order-row-info-sticky {
    position: sticky;
    inset-inline-end: 0px;
    min-width: 46px;
    width: 46px;
    max-width: 46px !important;
    padding: 5px;
}
/* remove it */
.hidden {
    display: none !important;
}

.order-row-info {
    margin-block-end: 0px;
    margin-block-start: 0px;
    margin-inline-start: auto;
    margin-inline-end: 0px;
    display: block;
    width: 15px;
    cursor: pointer;
}


/* ORDER STATUSES */
.order-row-gray.order-row {
    color: var(--norma__neutral--grey-1);
    border-top: .5px solid var(--norma__neutral--grey-3);
    border-bottom: .5px solid var(--norma__neutral--grey-3);
}

.order-row.order-row-new, .order-row.order-row-White {
    position: relative
}

.order-row .operators-column::before {
    position: absolute;
    content: '';
    width: 8px;
    height: 20px;
    Z-INDEX: 2;
    inset-inline-start: 4px;
    /* box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.17); */
    border-radius: 5px;
}

.order-row .operators-column::after {
    position: absolute;
    content: '';
    width: 5px;
    height: 20px;
    Z-INDEX: 2;
    inset-inline-start: 4px;
    border-radius: 5px;
    filter: unset;
    opacity: 0.03;
    mix-blend-mode: plus-lighter;
}

.order-row.orderRowDetailsClicked .operators-column::before {
    box-shadow: 4px 2px 4px 0px #FCFAFA2B;
}
/* #region Order Status */
/**** new White  *****/
.order-row.order-row-new .operators-column::before, .order-row.order-row-White .operators-column::before {
    BACKGROUND: #f1f1f1;
}

.order-row.order-row-new .operators-column::after, .order-row.order-row-White .operators-column::after {
    background: white
}
/****     executed    ***/
.order-row-executed {
    color: var(--norma__neutral--grey-1);
}

.order-row.order-row-executed .operators-column::before, .order-row.order-row-executed .operators-column::before {
    background: rgb(140, 140, 140, 0.7) !important;
}

.order-row.order-row-executed .operators-column::after, .order-row.order-row-executed .operators-column::after {
    background: rgb(140, 140, 140, 0.7) !important;
    opacity: 0.25;
    mix-blend-mode: plus-lighter;
}

.order-row.order-row-executed .order-row-drag-icon, .order-row.order-row-executed .order-row-info-sticky img {
    filter: opacity(0.5);
}
/****    dispatched   *****/
.order-row-dispatched {
    color: var(--norma__neutral--grey-1);
}

.order-row.order-row-dispatched .operators-column::before, .order-row.order-row-dispatched .operators-column::before {
    background: #00FFFF;
}


.order-row.order-row-PartiallyDispatched .operators-column::before, .order-row.order-row-PartiallyDispatched .operators-column::before {
    background-color: #00FFFF; /* Cyan background */
    background-image: linear-gradient(white 2.5px, transparent 1px); /* Vertical white lines */
    background-size: 100% 5.5px;
    border: 1px solid #00FFFF;
}

.order-row.order-row-dispatched .operators-column::after, .order-row.order-row-dispatched .operators-column::after,
.order-row.order-row-PartiallyDispatched .operators-column::after, .order-row.order-row-PartiallyDispatched .operators-column::after {
    background: #D3F4FF;
    opacity: 0.65;
    mix-blend-mode: plus-lighter;
}

.order-row.order-row-dispatched .order-row-drag-icon, .order-row.order-row-dispatched .order-row-info-sticky img {
    filter: opacity(0.5);
}
/****  Inplanning  *****/
.order-row-Inplanning {
    color: var(--norma__neutral--grey-1);
}

.order-row.order-row-Inplanning .operators-column::before, .order-row.order-row-Inplanning .operators-column::before {
    background: #FCF44C;
}

.order-row.order-row-Inplanning .operators-column::after, .order-row.order-row-Inplanning .operators-column::after {
    background: #FCF44C;
    opacity: 0.25;
    mix-blend-mode: plus-lighter;
}

.order-row.order-row-Inplanning .order-row-drag-icon, .order-row.order-row-Inplanning .order-row-info-sticky img {
    filter: opacity(0.5);
}
/****     PlannedinNorma      *****/
.order-row-PlannedinNorma {
    color: var(--norma__neutral--grey-1);
}

.order-row.order-row-PlannedinNorma .operators-column::before, .order-row.order-row-PlannedinNorma .operators-column::before {
    background: #D3F4FF;
    /*background: #A7D7FA;*/
    /* box-shadow: 2px 2px 5px 0px #0000002B; */
    /* border: 0.1px solid #BBEEFF; */
}

.order-row.order-row-PartiallyPlannedinNorma .operators-column::before, .order-row.order-row-PartiallyPlannedinNorma .operators-column::before {
    background-color: #D3F4FF; /* Cyan background */
    background-image: linear-gradient(white 2.5px, transparent 1px); /* Vertical white lines */
    background-size: 100% 5.5px;
    border: 1px solid #D3F4FF;
}


.order-row.order-row-Forceclosed .operators-column::before, .order-row.order-row-Forceclosed .operators-column::before {
    background: #0C1B35;
    /*background: #A7D7FA;*/
    /* box-shadow: 2px 2px 5px 0px #0000002B; */
    /* border: 0.1px solid #BBEEFF; */
}

.order-row.order-row-Forceclosed .operators-column::before, .order-row.order-row-Forceclosed .operators-column::after {
    background: #0C1B35;
    /*background: #D3F4FF;*/
    opacity: 0.03;
    mix-blend-mode: plus-lighter;
}

.order-row.order-row-PlannedinNorma .operators-column::after, .order-row.order-row-PlannedinNorma .operators-column::after,
.order-row.order-row-PartiallyPlannedinNorma .operators-column::after, .order-row.order-row-PartiallyPlannedinNorma .operators-column::after {
    background: #D3F4FF;
    /*background: #D3F4FF;*/
    opacity: 0.03;
    mix-blend-mode: plus-lighter;
}

.order-row.order-row-PlannedinNorma .order-row-drag-icon, .order-row.order-row-PlannedinNorma .order-row-info-sticky img {
    filter: opacity(0.5);
}
/****  Plannedexternal   *****/
.order-row-Plannedexternal {
    color: var(--norma__neutral--grey-1);
}

.order-row.order-row-Plannedexternal .operators-column::before, .order-row.order-row-Plannedexternal .operators-column::before,
.order-row.order-row-Plannedexternal .operators-column::after, .order-row.order-row-Plannedexternal .operators-column::after {
    background: #BAFFD6;
}

.order-row.order-row-Plannedexternal .order-row-drag-icon, .order-row.order-row-Plannedexternal .order-row-info-sticky img {
    filter: opacity(0.5);
}
/****    Inprocess  *****/
.order-row-Inprocess {
    color: var(--norma__neutral--grey-1);
}

.order-row.order-row-Inprocess .operators-column::before, .order-row.order-row-Inprocess .operators-column::before {
    background: #5000AC;
}

.order-row.order-row-Inprocess .operators-column::after, .order-row.order-row-Inprocess .operators-column::after {
    background: #5000AC;
    opacity: 0.25;
    mix-blend-mode: plus-lighter;
}

.order-row.order-row-Inprocess .order-row-drag-icon, .order-row.order-row-Inprocess .order-row-info-sticky img {
    filter: opacity(0.5);
}
/*********/
#orders-panel-scrolling-container .order-row:not(.orderRowDetailsClicked):hover .order-row-item, #orders-panel-scrolling-container .order-row:not(.orderRowDetailsClicked):hover {
    background-color: white !important;
}
/*  ----hover  */
#orders-panel-scrolling-container .order-row.order-row-White:hover .order-row-item, #orders-panel-scrolling-container .order-row.order-row-White:hover {
    background-color: var(--norma__neutral--blue) !important;
}

.orderRowDetailsClicked {
    color: var(--norma__neutral--light);
    border-top: 0.5px solid var(--norma-secondary--2);
    border-bottom: 0.5px solid var(--norma-secondary--2)
}

    .orderRowDetailsClicked .order-row-item, #orders-panel-scrolling-container .order-row.order-row-White.orderRowDetailsClicked:hover, #orders-panel-scrolling-container .order-row.order-row-White.orderRowDetailsClicked:hover .order-row-item, .orderRowDetailsClicked, #orders-panel-scrolling-container .order-row.orderRowDetailsClicked order-row:hover {
        background-color: var( --norma-secondary--2) !important
    }

        .orderRowDetailsClicked .order-row-item .order-row-info {
            filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(76deg) brightness(111%) contrast(102%);
        }

.order-row.order-row-PlannedinNorma .operators-column::after, .order-row.order-row-PlannedinNorma .operators-column::after {
    background: #D3F4FF;
}

.WarninigOrderRow {
    border: 1px solid #FF9909 !important
}

    .WarninigOrderRow .order-row-item, .WarninigOrderRow {
        background: #FFDAA6 !important;
        background-color: #FFDAA6 !important;
    }