@import './_variables.css';

.expanded-working-set-container {
    background-color: var(--norma__neutral--light);
    height: fit-content;
}

.expanded-working-set-header {
    width: 100%;
    background-color: var(--norma__neutral--grey-6);
    height: 20px;
    align-items: center;
    padding: 12px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    background: transparent;
}

.Ws-Auto input[type="checkbox"], .Ws-Auto .norma--checkbox input[type="checkbox"],
.Ws-Auto select, .Ws-Auto .norma--input-view-noControl, .Ws-Auto .dropdown, .Ws-Auto .trip-driver,
.Ws-Auto button:not(.close), .Ws-Auto .workingSet-stop-header-row-drag-icon, .Ws-Auto .norma--input-view-noControl p, .Ws-Auto .workingSet-stop-header-dragging-row-container,
.Ws-Auto .workingSet-stop-header-row, .Ws-Auto .workingset-task-row-container,
.inPlanning-mode input[type="checkbox"], .inPlanning-mode .norma--checkbox input[type="checkbox"], .inPlanning-mode select, .inPlanning-mode .norma--input-view-noControl, .inPlanning-mode .dropdown, .inPlanning-mode .trip-driver,
.inPlanning-mode button, .inPlanning-mode .workingSet-stop-header-row-drag-icon, .inPlanning-mode .norma--input-view-noControl p, .inPlanning-mode .workingSet-stop-header-dragging-row-container,
.inPlanning-mode .workingSet-stop-header-row, .inPlanning-mode .workingset-task-row-container {
    pointer-events: none !important;
    cursor: default !important;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

/*.Ws-Auto .norma--checkbox,*/
    .Ws-Auto .trip-plan-id, .Ws-Auto .trip-container-header .dropdown, .Ws-Auto .dropdown.tripUtilization, .Ws-Auto .tripUtiElement button {
        pointer-events: auto !important;
        cursor: pointer !important;
    }

.Ws-Auto .working-set-stop-info, .Ws-Auto .arrive-icon, .Ws-Auto .leave-icon, .Ws-Auto .stops-orders {
    pointer-events: auto !important;
    cursor:  auto;
}

.Ws-Auto .workingSet-no-select, .Ws-Auto .working-set-stop-info {
    pointer-events: auto !important;
    cursor: text;
    user-select: all;
}

.Ws-Auto .wSTaskInfoIconContainer .stop-info-icon, .Ws-Auto .workingSet-stop-info-icon .stop-info-icon-img, .Ws-Auto .collapse-expand-stopage, .Ws-Auto .expand-collapse-ws-icon, .inPlanning-mode .wSTaskInfoIconContainer .stop-info-icon, .inPlanning-mode .collapse-expand-stopage, .inPlanning-mode .expand-collapse-ws-icon {
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 99999999999;
}

.expanded-working-set-header-item {
    padding-inline: 10px;
    display: flex;
    align-items: center;
    margin-inline-end: 80px;
}

.expanded-working-set-last-item {
    margin-block-end: 0px;
    margin-block-start: 0px;
    margin-inline-end: 20px;
    margin-inline-start: auto;
}



.expanded-working-set-details-holder {
    margin-inline: 3px;
    margin-block: 3px;
    margin-inline-start: 22px;
    width: calc(100% - 26px);
}

.selected-expanded-working-set {
    background-color: #CDDDF7;
}

.activated-expanded-working-set {
    background-color: #CDF7EC;
}

.check-expanded-working-set {
    margin-inline: 20px;
}

.check-expanded-working-set {
    accent-color: var(--Logistic-Suit-Secondary);
}




/* remove it */
.hidden {
    display: none !important;
}