@import url("./_variables.css");
@import url("../design-system/variables/_colors.css");

.workingSet-stop-header-row {
    width: calc(50vw - 71px);
    height: 52px;
    font-family: BrownStdRegular;
    flex-wrap: nowrap;
    position: sticky;
    inset-inline-start: 28px;
    padding-inline-start: 25px;
    z-index: 100;
    background-color: var(--norma__neutral--light);
    /*border-top: 2px solid var(--norma__neutral--blue);*/
    align-items: baseline;
}

.stoppage-workingsets-dropdown {
    z-index: 10000001
}

/* stoppage splitter start*/
.wsStoppage-splitter {
    position: sticky;
    z-index: 12;
    left: 0;
    background: var(--norma__neutral--blue);
    height: 2.5px;
    inset-inline-start: 32px;
    width: calc(50vw - 64px);
    transition: height 0.5s ease;
}

.ws-stoppage-content {
    /*opacity: 0;*/
    display: none;
    height: 0;
    transition: all 0.5s ease-in-out;
}

.wsStoppage-splitter.hover:not(.Ws-Auto), .wsStoppage-splitter.hover:not(.inPlanning-mode) {
    height: 30px;
    border: 1px dashed rgba(112, 112, 112, 1);
}


.hover:not(.Ws-Auto) .ws-stoppage-content, .hover:not(.inPlanning-mode) .ws-stoppage-content {
    /*opacity: 1;*/
    height: 100%;
    display: flex;
    align-items: center;
}

.ws-stoppage-content div img {
    margin-inline-end: 5px;
}

.ws-stoppage-content .ws-stoppage-content-between-p {
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    color: rgba(29, 23, 48, 1);
}

.ws-stoppage-content .ws-stoppage-content-drop-p {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: rgba(70, 89, 120, 1);
}

/*stoppage splitter end*/

/*stoppage hover start*/
/*:not(.Ws-Auto) .wsStoppage-draggingOnStopHoverEffect, :not(.inPlanning-mode) .wsStoppage-draggingOnStopHoverEffect {
    opacity: 0;
    inset-inline-start: 28px;
    width: calc(50vw - 64px);
    transition: opacity 0.5s ease;
}

.hover:not(.Ws-Auto) .wsStoppage-draggingOnStopHoverEffect, .hover:not(.inPlanning-mode) .wsStoppage-draggingOnStopHoverEffect {
    position: sticky;
    z-index: 1020;
    left: 0;
    background: rgba(248, 248, 248, 1);
    border: 1px dashed rgba(112, 112, 112, 1);
    height: 52px;
    opacity: 1;
    inset-inline-start: 28px;
    width: calc(50vw - 64px);
}

.ws-stoppage-header-content {*/
    /*opacity: 0;*/
    /*display: none;
    height: 0;
    transition: all 0.5s ease-in-out;
}


.hover:not(.Ws-Auto) .ws-stoppage-header-content, .hover:not(.inPlanning-mode) .ws-stoppage-header-content {*/
    /*opacity: 1;*/
    /*height: 100%;
    display: flex;
    align-items: center;
}

.hover:not(.Ws-Auto) .workingSet-stop-header-row, .hover:not(.inPlanning-mode) .workingSet-stop-header-row {*/
    /*opacity: 1;*/
    /*height: 0;*/
    /*display: none;
}

.ws-stoppage-header-content div img {
    margin-inline-end: 5px;
}

.ws-stoppage-header-content .ws-stoppage-content-between-p {
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    color: rgba(29, 23, 48, 1);
}

.ws-stoppage-header-content .ws-stoppage-content-drop-p {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: rgba(70, 89, 120, 1);
}*/
/*stoppage hover end*/

.workingSet-stop-header-row .row {
    width: 100%;
    margin: 0px;
}

.workingSet-stop-row:nth-last-of-type(2) .workingSet-stop-header-row {
    z-index: 21000 !important;
}

.full-width .workingSet-stop-header-row {
    width: calc(100vw - 160px);
}

.workingSet-semi-bold {
    font-family: BrownStdBold;
}

.workingSet-stop-header-item {
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: flex-start;
    width: 100%;
}

.workingSet-row {
}

.workingSet-stop-status {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    margin-inline: 1px;
    min-width: 8px;
    width: 8px !important;
    height: 20px !important;
    border-radius: 6px !important;
    cursor: pointer
}

.workingSet-stop-status-container {
    min-width: 8px !important;
    max-width: 8px !important;
    width: 8px !important;
}
/*.workingSet-stop-status::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;
        background-color: rgb(0, 255, 255) !important;
    }*/

.trip-container-header .workingSet-stop-status, .ws-trip-footer .workingSet-stop-status {
    box-shadow: none !important;
}

.workingSet-on-the-way {
    background-color: rgba(0, 123, 255, 0.7) !important;
    border-radius: 5px;
}

/*.workingSet-on-the-way::after {
        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;
        background: linear-gradient(270deg, rgb(0, 123, 255, 1), transparent);
    }*/

.workingSet-dispatched {
    background-color: rgb(0, 255, 255) !important;
    border-radius: 5px;
}

.workingSet-PartiallyDispatched {
    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;
    border-radius: 5px;
}

/*.workingSet-dispatched::after {
        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;
        background: linear-gradient(270deg, rgb(0 212 212), transparent);
    }*/

.workingSet-planned {
    background-color: #D3F4FF !important;
    border-radius: 5px;
}

.workingSet-inexecution {
    background-color: rgba(80, 0, 172, 1) !important;
    border-radius: 5px;
}

/*.workingSet-planned::after {
        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;
        background: linear-gradient(270deg, #a4def1, transparent);
    }*/

/*    [dir = rtl] .workingSet-planned::after {
        right: 9px !important;
    }

[dir = ltr] .workingSet-planned::after {
    right: unset;
}*/

.workingSet-arrival {
    background-color: rgba(119, 36, 36, 1) !important;
    border-radius: 5px;
}

/*.workingSet-arrival::after {
        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;
        background: linear-gradient(270deg, rgb(79 2 167), transparent);
    }*/

.workingSet-visited {
    background-color: rgb(140, 140, 140, 0.7) !important;
    border-radius: 5px;
}

/*.workingSet-visited::after {
        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;
        background: linear-gradient(270deg, rgb(140, 140, 140, 1), transparent);
    }*/

.workingSet-stop-header-item-formGrp select {
    height: 20px;
    border: none;
    border-radius: 5px;
    background: transparent;
    text-transform: capitalize;
    color: var(--norma__neutral--light-blue);
    width: 100%;
}

.workingSet-stop-header-item-formGrp {
    width: calc(100% - 18px);
}

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

.workingSet-stop-header-first-item {
    background: rgb(245, 245, 245);
    transition: all 300ms ease-in 0s;
}

    .workingSet-stop-header-first-item:hover {
    }

.workingSet-stop-checkbox-selected {
}

.workingSet-stop-checkbox {
    accent-color: var(--Logistic-Suit-Secondary);
    width: 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;
}

.hidden {
    display: none !important;
}

.tourStopCbContainer {
    min-width: 10px;
}

.tourStopStatus {
    min-width: 10px;
    height: 10px;
    background: var(--norma-secondary--1);
    align-self: center;
    margin: 0px 1px;
}

.collapse-expand-stopage {
    position: absolute;
    inset-inline-start: 25px;
    top: 13px;
    z-index: 100000;
}

    .collapse-expand-stopage img {
        width: 16px;
        height: 16px;
        position: absolute;
        inset-inline-start: -21px;
        top: 4px;
        z-index: 100000;
        border-radius: 0px;
        cursor: pointer;
    }

.workingSet-stop-header-row::before {
    position: absolute;
    top: 13px;
    inset-inline-start: 0px;
    display: block;
    width: 15px;
    height: 14px;
    content: "";
    border-bottom: .7px solid var(--norma-secondary--2);
}

.workingSetStopRowAfterLine {
    position: absolute;
    top: -1px;
    bottom: 0px;
    inset-inline-start: 0px;
    display: block;
    height: 100%;
    min-height: 42px;
    content: "";
    z-index: -1;
    border-inline-start: 1px solid var(--norma-secondary--2);
    background: rgb(189, 217, 249);
    width: 4px;
}

.tripDetailsWrapper .workingSet-stop-row:nth-of-type(1) .workingSetStopRowAfterLine, .tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSetStopRowAfterLine, .tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSetStopRowBorderRight {
    top: -1px !important;
}
/*
.workingSetStopRowBorderRight {
    position: absolute;
    top: -1px;
    bottom: 0px;
    inset-inline-end: -17px;
    display: block;
    height: 100%;
    min-height: 32px;
    content: "";
    z-index: -1;
    background: rgb(189, 217, 249);
    width: 17px;
}

.tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSetStopRowBorderRight {
    top: -1px;
}

.workingSetDistanceBetweenTwoStops {
    position: absolute;
    top: 1px;
    bottom: 0px;
    inset-inline-start: 13px;
    display: flex;
    height: 13px;
    background-size: 100%;
    background-position: center center;
    z-index: 6;
    text-align: center;
    background-repeat: repeat;
    align-items: center;
}
*/
.workingSetStopRowBorderRight {
    position: absolute;
    top: -1px;
    bottom: 0px;
    inset-inline-end: -17px;
    display: block;
    height: 100%;
    min-height: 42px;
/*    min-height: 32px;*/
    content: "";
    z-index: -1;
    background: rgb(189, 217, 249);
    width: 17px;
}

.tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSetStopRowBorderRight {
    top: -1px;
}

.workingSetDistanceBetweenTwoStops {
    position: absolute;
    top: 2px;
    bottom: 0px;
    inset-inline-start: 13px;
    display: flex;
    height: 13px;
    background-size: 100%;
    background-position: center center;
    z-index: 6;
    /* right: -26px; */
    text-align: center;
    background-repeat: repeat;
    align-items: center;
}

    .workingSetDistanceBetweenTwoStops span {
        display: block;
        height: auto;
        max-height: 60%;
        min-height: 18px;
        font-size: var(--norma--font-xxs);
        inset-block-start: -5px;
        padding: 4px 0px;
        color: rgba(24, 135, 69, 1);
        text-overflow: initial;
        margin: 0px 4px;
    }

.working-set-coffee-break {
    position: absolute;
    top: -15px;
    bottom: 0px;
    inset-inline-start: 3px;
    display: flex;
    /* height: 13px; */
    background-size: 100%;
    background-position: center center;
    z-index: 6;
    /* right: -26px; */
    text-align: center;
    background-repeat: repeat;
    align-items: center;
}

.tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSet-stop-header-row .workingSetStopRowAfterLine {
    /*min-height: 32px;*/
    /*min-height: 55px;*/
    /*max-height: 55px;*/
    border-inline-start: none;
}


.wsStopDone .stop-info-icon-img, .wsStopDone .workingSet-stop-info-icon {
    pointer-events: auto !important;
}

    .tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSet-stop-header-row .workingSetStopRowAfterLine::before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        inset-inline-start: 0px;
        display: block;
        height: 28px;
        content: "";
        z-index: -1;
        background: rgb(189, 217, 249);
        width: 4px;
        border-inline-start: 1px solid var(--norma-secondary--2);
    }

.tripDetailsWrapper .workingSet-stop-row: nth-of-type(1) .workingSet-stop-header-row .workingSetStopRowAfterLine::before {
    position: absolute;
}

.tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSet-stop-header-row .workingSetStopRowBorderRight {
    /*min-height: 32px;*/
    /*min-height: 55px;*/
    /*max-height: 55px;*/
}

.tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSet-stop-header-row {
    border-bottom: 0px solid var(--norma__neutral--blue);
}

.workingSetChecked .workingSet-stop-header-row {
    border-top: 2px solid rgb(63, 83, 164);
}

.workingSetChecked .tripDetailsWrapper .workingSet-stop-row:nth-last-of-type(1) .workingSet-stop-header-row {
    border-bottom: 3px solid rgb(63, 83, 164);
}

.workingSet-stop-header-row .workingSetStopInlineDate {
    display: flex;
    justify-content: start;
    position: static;
    /*padding: 0px;*/
    /*padding-top: 16px;*/
    margin: 0px;
    flex-direction: row-reverse;
    gap: 2px;
    max-width: 100% !important;
}

.workingSet-stop-header-item-padding {
    padding-top: 16px !important;
}

.hiddenStoppageHeader .workingSet-stop-header-item-padding {
    padding-top: 6px !important;
}

.workingSet-stop-header-row .radzenContainer .workingSetStopInlineDate label {
    position: static;
    margin-bottom: 0px;
    display: block;
    align-items: center;
    min-width: 40px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    pointer-events: auto;
    background-color: transparent !important;
    line-height: 24px !important;
}

.workingSet-stop-header-row .radzenContainer {
    width: 100% !important;
}

    .workingSet-stop-header-row .radzenContainer .workingSetStopInlineDate .norma--input-view-noControl {
        background-color: var(--norma__neutral--extra-light-blue) !important;
        border: none !important;
        max-width: max-content !important;
/*        min-width: 108px;*/
height: 25px !important;
    }

.tourStopsHeader {
    background: var(--norma__neutral--extra-light-blue);
    position: sticky;
    min-height: 24px;
    top: 0px;
    z-index: 333;
}

    .tourStopsHeader .working-set-header-row-header {
        margin-inline-start: 16px;
    }

.workingSet-stop-header-row.wsStopDone *:not(.workingSet-warning-task-row-icon-container-parent, .expand-collapse-ws-icon, .workingSet-warning-task-row-icon-container-parent *, .wSTaskInfoIconContainer.inHeader *) {
    pointer-events: none;
}

.workingSet-stop-header-row.wsStopDone .wSTaskInfoIconContainer {
    pointer-events: auto !important;
}

.arrive-icon, .leave-icon, .start-trip-icon, .end-trip-icon {
    pointer-events: visible !important;
}

div.workingSet-stop-header-row.wsStopDone .workingSetStopInlineDate div.norma--input-view-noControl {
    background-color: rgb(251, 251, 248) !important;
}

    div.workingSet-stop-header-row.wsStopDone .workingSetStopInlineDate div.norma--input-view-noControl .fakeCalendar {
        display: none
    }

.workingSet-stop-header-row.wsStopDone .collapse-expand-stopage, .workingSet-stop-header-row.wsStopDone .collapse-expand-stopage *, .workingSet-stop-header-row.wsStopDone .stop-info-icon, .workingSet-stop-header-row.wsStopDone .stop-info-icon *, expanded-working-set-container:not(.Ws-Auto) .workingSet-stop-header-row.wsStopDone .dropdown, expanded-working-set-container:not(.inPlanning-mode) .workingSet-stop-header-row.wsStopDone .dropdown, expanded-working-set-container:not(.Ws-Auto) .workingSet-stop-header-row.wsStopDone .dropdown *, expanded-working-set-container:not(.inPlanning-mode) .workingSet-stop-header-row.wsStopDone .dropdown *, .workingSet-stop-header-row.wsStopDone .workingSet-warning-task-row-icon-container-parent {
    pointer-events: visible;
}

    .workingSet-stop-header-row.wsStopDone .stop-info-icon * {
        filter: opacity(0.5);
    }

.wsStopDone .PSCustomizedCalendarPositionWrapper .PSCustomizedCalendarPositionWrapper .norma--input-view-noControl p {
    font-weight: bold !important
}

.wsStopDone .radzenContainer .PSCustomizedCalendarPositionWrapper .PSCustomizedCalendarPositionWrapper .norma--input-view-noControl {
    background-color: transparent !important
}
/*in process stop*/
.workingSet-stop-header-row.wsStopInProcess .fakeCalendar, .workingSet-stop-header-row.wsStopInProcess select {
    pointer-events: none;
}


.wsStopInProcess .workingSet-task-row-checkbox-container .workingSet-stop-header-row-drag-icon, .wsStopInProcess .workingSet-stop-header-item.radzenContainer > img, .wsStopInProcess .PSCustomizedCalendarPositionWrapper:not(.leaveDatePicker) {
    pointer-events: none;
}

    .wsStopInProcess .PSCustomizedCalendarPositionWrapper:not(.leaveDatePicker) .fakeCalendar {
        display: none;
    }

.workingSet-stop-header-row.wsStopInProcess .leaveDatePicker .fakeCalendar {
    display: block
}

.workingSet-stop-header-row.wsStopInProcess .leaveDatePicker .fakeCalendar, .workingSet-stop-header-row.wsStopInProcess .leaveDatePicker, .workingSet-stop-header-row.wsStopInProcess .leaveDatePicker * {
    pointer-events: visible;
}

.wsStopInProcess .PSCustomizedCalendarPositionWrapper:not(.leaveDatePicker) .PSCustomizedCalendarPositionWrapper .norma--input-view-noControl p {
    font-weight: bold !important
}

.wsStopInProcess .radzenContainer .PSCustomizedCalendarPositionWrapper:not(.leaveDatePicker) .PSCustomizedCalendarPositionWrapper .norma--input-view-noControl {
    background-color: transparent !important;
}
/***************/
.wsStopInProcess p.norma--checkbox {
    margin-bottom: 2px;
}

@container resizablepanel (min-width: 1200px) {

    .norma_col_23-lg13p {
        flex: 0 0 13% !important;
        max-width: 13% !important;
    }

    .norma_col_12-lg-32p {
        flex: 0 0 32% !important;
        max-width: 32% !important;
    }

    .norma_col_23-lg18p {
        flex: 0 0 18% !important;
        max-width: 18% !important;
    }

    .norma_col_12-lg-22p {
        flex: 0 0 22% !important;
        max-width: 22% !important;
    }

    .working-set-row-header .colLg2 {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .working-set-row-header .colLg0_5 {
        flex: 0 0 4.16667%;
        max-width: 4.16667%;
    }

    .working-set-row-header .colLg1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }

    .working-set-row-header .colLg6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.position_ab_action {
    position: absolute;
    top: 33%;
}


p.cursor_pointer.m-0.text-truncate {
}
.endWarningPosition{
    position:absolute;
    inset-inline-start:18px;
    top:3px
}