@import './_variables.css';
@import "../design-system/variables/_colors.css";

.workingSet-stop-header-row {
    width: 100%;
    height: 35px;
    font-family: BrownStdRegular;
    flex-wrap: nowrap;
}

.workingSet-stop-header-row-drag-icon {
    margin-inline-end: 5px;
    margin-inline-start: 5px;
    /* width: 37px; */
    height: 13px;
    display: none
}

.workingSet-task-row-checkbox-container .workingSet-stop-header-row-drag-icon {
    display: block
}

.workingSet-stop-row {
    /* background-color: var(--norma__neutral--light); */
    /*padding: 3px;*/
    /*    margin-block: 2px;
*/
    position: relative;
    margin-inline-start: 0;
    margin-inline: 4px;
    margin-inline-start: 2px;
    margin-inline-end: 0;
    margin-block-end: 0px;
    border-radius: var(--norma--border-raduis-xs);
}

.workingSet-stop-row-task-container { /*    overflow: hidden;
*/
    background: var(--norma__neutral--extra-light-blue);
    border-inline-start: 7px solid var( --norma__neutral--blue);
    padding-block-end: 2px;
}

.newStoppage .workingSet-stop-row-task-container {
    padding-block-end: 0
}
/* .workingSet-stop-row-task-container{
        position:sticky;
        inset-inline-start:0;
    }
        .workingSet-stop-row-task-container:after {
            position: absolute;
            top: 16px;
            bottom: 0;
            inset-inline-start: 23px;
            display: block;
            height: calc(100% - 42px);
            content: "";
            z-index: 10;
            border-inline-start: 1px solid var(--norma__neutral--light-blue);
        }*/
.workingSet-stop-semi-bold {
    font-family: BrownStdBold;
}

.workingSet-stop-header-item {
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.workingSet-stop-status {
    width: 10px;
    height: 10px;
    margin-inline: 5px;
}

.workingSet-on-the-way {
    background-color: #007bff !important;
}

.workingSet-dispatched {
    background-color: #00ffff !important;
}

.workingSet-expected {
    background-color: white !important;
}

.workingSet-arrival {
    background-color: #5000ac !important;
}

.workingSet-visited {
    background-color: #8c8c8c !important;
}

.workingSet-add-task {
    /*    margin-block-end: 0px;
    margin-block-start: 0px;*/
    /*   margin-inline-end: 5px;
    margin-inline-start: 5px;*/
}


.workingSet-stop-header-item-formGrp div {
    height: 20px;
    border: none;
    border-radius: 5px;
    background: transparent;
    text-transform: capitalize;
    color: var(--norma__neutral--light-blue);
    width: 100%;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    margin-inline-start: 4px;
}

.workingSet-no-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    display: flex;
    align-items: center;
    width: calc(100% - 14px);
}

    .workingSet-no-select p {
        width: 80%;
    }

    .workingSet-no-select.stop-warning {
        color: var(--norma--danger) !important;
    }

        .workingSet-no-select.stop-warning img {
            filter: invert(49%) sepia(64%) saturate(7444%) hue-rotate(339deg) brightness(102%) contrast(97%);
        }

.workingSet-stop-header-item-formGrp {
    display: flex;
    align-items: center;
}



.workingSet-stop-checkbox-container {
    padding-block-start: 7px;
    width: 18px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.workingSet-stop-header-first-item {
    background: #f5f5f5;
    transition: all ease-in 300ms;
    /*transform: translateX(-25px);*/
}

    .workingSet-stop-header-first-item:hover {
        /*transform: translateX(-0px);*/
    }

.workingSet-stop-checkbox-selected {
    /*transform: translateX(-0px);*/
}

.workingSet-stop-checkbox {
    accent-color: var(--Logistic-Suit-Secondary);
}

.workingSet-stop-row-drag-here {
    height: 32px;
    margin-block: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .workingSet-stop-row-drag-here.empty-trip {
        color: rgba(43, 81, 148,.51);
        background-color: #F4F4F4;
    }

    .workingSet-stop-row-drag-here.order-empty {
        background-color: white;
        color: rgba(75, 75, 75,.51);
        margin-inline-start: 10px;
    }

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

@font-face {
    font-family: BrownStdBold;
    src: url(../fonts/BrownStd-Bold.otf);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}
/* remove it */
.hidden {
    display: none !important;
}

/*.workingSet-stop-row::before {
    content: "";
    position: absolute;
    inset-inline-start: -12px;
    top: 3px;
    width: 8px;
    height: 8px;
    background: var(--norma-secondary--3);
    border-radius: 4px;
}*/

.workingSet-stop-row-side-distance {
    content: "";
    position: absolute;
    inset-inline-start: -12px;
    top: 4px;
    width: 8px;
    height: calc(100% + 4px);
    background: url(../../images/ManualPlanning/distance-small-pin.svg);
    background-position: center;
}

    .workingSet-stop-row-side-distance.last {
        content: "";
        position: absolute;
        inset-inline-start: -12px;
        top: 4px;
        width: 8px;
        height: calc(100% + 4px);
        background: none;
    }

    .workingSet-stop-row-side-distance span {
        writing-mode: vertical-lr;
        font-size: 9px;
        color: var(--norma-secondary--3);
        position: absolute;
        background-color: var(--norma__neutral--main-light-blue);
        top: 13%;
        white-space: nowrap;
        inset-inline-start: -3px;
    }


.workingSet-visited p input {
    margin-bottom: 2px;
}



.order-visited {
    background: var(--norma__input-disabled--bg-light);
    color: var(--norma__neutral--grey-3);
}

    .order-visited input, .order-visited select, .order-visited .norma--input {
        background: var(--norma__neutral--grey-3) !important;
        border-color: var(--norma__neutral--grey-2) !important;
        color: var(--norma__neutral--grey-1) !important;
        pointer-events: none;
    }

    .order-visited .workingSet-stop-header-row-drag-icon {
        /*        filter: invert(100%) sepia(0%) saturate(570%) hue-rotate(328deg) brightness(172%) contrast(87%);
*/
    }

.workingSet-stop-header-item .norma--input input, .workingSet-stop-header-item .norma--floating-input label {
    background-color: var(--norma__neutral--grey-6) !important;
}

.workingSetCompactViewWrapper .workingSet-stop-row-task-container {
    padding-block-end: 0px;
    border-inline-start: 0px solid var(--norma__neutral--blue);
}

.hiddenStoppageHeader {
    height: 0 !important;
    border-top: 0 !important;
    padding: 0 !important;
}

    .hiddenStoppageHeader:before {
        display: none !important
    }

.hiddenStopLine {
    border-inline-start: none !important
}

    .hiddenStopLine::before {
        border-inline-start: none !important
    }

.tripDetailsWrapper .workingSet-stop-row:nth-of-type(1) .workingSet-stop-header-row .workingSetStopRowBorderRight {
}

.freezedwSStop {
}

.notFreezedwSStop > img {
    height: 14px;
}

.freezedwSStop > img {
    height: 14px;
    filter: invert(3%) sepia(82%) saturate(1666%) hue-rotate(15deg) brightness(121%) contrast(98%);
}

.workingSet-stop-header-row div.freezedwSStop .PSCustomizedCalendarPositionWrapper .norma--input-view-noControl {
    background-color: transparent !important;
    border: 1px solid #EDC803 !important;
}