.full-width .working-set-row-header {
    width: calc(100vw - 66px);
}

.working-set-row-header {
    height: fit-content;
    min-height: 57px;
    border-radius: 2px;
    position: sticky;
    inset-inline-start: 0px;
    width: calc(50vw - 26px);
    z-index: 10000;
    padding-inline-start: 18px;
    padding-block: 4px;
    /*    padding-inline-end:8px
*/
}

.collapsed-working-set-blue-color .wSDetails {
    color: #fff !important;
}

.wSDetails {
    color: #000 !important;
    word-break: break-word;
}

.Ws-Auto .dropdown.convetingToManual-pullFromNorma-dropdown, .inPlanning-mode .dropdown.convetingToManual-pullFromNorma-dropdown {
    pointer-events: visible !important;
}

    .Ws-Auto .dropdown.convetingToManual-pullFromNorma-dropdown .dropdown-menu, .inPlanning-mode .dropdown.convetingToManual-pullFromNorma-dropdown .dropdown-menu {
        top: 22px !important;
        transform: none !important;
        inset-inline-end: 0 !important;
        width: fit-content !important;
        inset-inline-start: 0px !important;
        background: #fff;
        z-index: 10000000000000000;
    }

.WorkingSets-Truck-VehicleCode-Container img {
    margin-inline-end: 6px;
}

/*.ws-Header-Hover {*/
/*display: none;*/
/*width: calc(50vw - 26px);*/
/*height: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;

}*/

/*.working-set-row-container.hover:not(.Ws-Auto) .working-set-row-header, .working-set-row-container.hover:not(.inPlanning-mode) .working-set-row-header {
    display: none;
}

.working-set-row-container.hover:not(.Ws-Auto) .ws-Header-Hover, .working-set-row-container.hover:not(.inPlanning-mode) .ws-Header-Hover {
    background: rgba(248, 248, 248, 1);
    border: 1px dashed rgba(112, 112, 112, 1);
    display: flex;
    align-items: center;
    height: 60px;
    border-radius: 2px;
    inset-inline-start: 0px;
    width: calc(50vw - 26px);
    position: sticky;
    left: 0;
    z-index: 10000;
    padding-inline-start: 18px;
    opacity: 1;
    padding-block-start: 4px;
}
*/

.working-set-row-container .norma--action-chip-icon {
    display: block;
}

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

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

.collapsed-working-set-blue-color .norma-live-icon-manual-planning-ws, .workingSetChecked .norma-live-icon-manual-planning-ws {
    width: 20px !important;
    height: 20px !important;
    background-image: url('../../images/ManualPlanning/whiteNormaLiveIcon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-inline: 10px;
}

.ws-Header-content.hover {
    display: none;
}

.working-set-row-header .card {
    background-color: transparent;
    border-radius: 0;
    padding-block-start: 3px;
    padding-top: 0;
    border-color: var(--norma__neutral--main-light-blue);
    border-width: 0.01px;
    border: none;
    /* height: calc(100% - 2px); */
}

    .working-set-row-header .card.collapsed-working-set-blue-color, .working-set-row-header .one-driver-details.collapsed-working-set-blue-color li {
        border: none
    }

    .working-set-row-header .card .custom-icon {
        filter: opacity(.5);
    }

        .working-set-row-header .card .custom-icon:hover {
            filter: opacity(1);
            filter: invert(60%) sepia(13%) saturate(2278%) hue-rotate(89deg) brightness(99%) contrast(78%);
            cursor: pointer;
        }

.working-set-row-header header {
    /*height: 50%;*/
}

    .working-set-row-header header img {
        padding-inline-end: 0px;
    }

    .working-set-row-header header .vehicle-title {
        font-weight: 700;
    }

    .working-set-row-header header .vehicle-info {
        padding: 0;
        width: 14px;
        cursor: pointer;
    }

.customized-dropdown-for-working-set {
    background: white;
    position: absolute;
    z-index: 99999999999999999999999999999999999999999;
    top: 22px;
    inset-inline-start: 8px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    overflow: hidden;
}

    .customized-dropdown-for-working-set.trailer-hovering {
        inset-inline-start: 30px;
        top: 0;
        height: 190%;
        width: 75px;
    }

        .customized-dropdown-for-working-set.trailer-hovering .dropdown-item {
            padding: 0;
        }

    .customized-dropdown-for-working-set .dropdown-item:hover {
        cursor: default;
    }

        .customized-dropdown-for-working-set .dropdown-item:hover .norma--action-chip-icon img {
            filter: none !important;
        }

    .customized-dropdown-for-working-set .dropdown-item {
        padding: 4px;
    }

    .customized-dropdown-for-working-set button {
        font: normal normal normal 9px/20px Montserrat !important;
        outline: none;
    }

.working-set-row-header .vehicle-details {
    height: 50%;
}

    .working-set-row-header .vehicle-details span {
        color: #212529;
    }

    .working-set-row-header .vehicle-details img {
        width: 20px;
        margin-inline-end: 10px;
    }

.vehicle-details .trailer-options {
    padding-inline-start: 20px;
    display: flex;
    align-items: center;
}

    .vehicle-details .trailer-options img {
        display: block;
        margin-inline: 3px;
        width: 12px;
    }

.working-set-row-header .vehicle-options {
    padding-inline-start: 20px;
    display: flex;
    align-items: center;
}

    .working-set-row-header .vehicle-options img {
        display: block;
        margin-inline: 3px;
    }

.working-set-row-header .working-set-details {
    list-style-type: none;
    padding: 1px;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.working-set-details .working-set-header-counter {
    margin-inline-start: 0.15rem;
}

.working-set-row-header .working-set-details li .detail-header {
    color: var(--norma-secondary--2);
    margin-inline-end: 4%;
}

.working-set-row-header .working-set-details.collapsed-working-set-blue-color li .detail-header {
    color: white;
}

.working-set-row-header .one-driver-details {
    padding: 0px;
    border-width: 0.01px;
    border-inline: 0;
    /*    background-color: var(--norma__neutral--extra-light-blue);
*/
}

.no-current-driver-icon:hover img {
    filter: invert(88%) sepia(15%) saturate(1226%) hue-rotate(87deg) brightness(90%) contrast(85%);
}

.working-set-row-header .one-driver-details li {
    padding: 2px;
    border-width: 0.005px;
    border-bottom: 0;
    display: flex;
    align-items: center;
    border-color: var(--norma__neutral--main-light-blue);
    border-width: 0.0025px;
}

    .working-set-row-header .one-driver-details li img {
        margin-inline: 10px;
        filter: invert(43%) sepia(53%) saturate(943%) hue-rotate(177deg) brightness(94%) contrast(104%);
    }

.working-set-row-header .one-driver-details .remaining-hours {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 50%;
}

    .working-set-row-header
    .one-driver-details
    .remaining-hours
    .remaining-hours-title {
        color: var(--norma-secondary--2);
        margin-block-end: 2px;
    }

    .working-set-row-header
    .one-driver-details
    .remaining-hours
    .remaining-hours-content {
        display: flex;
    }

        .working-set-row-header
        .one-driver-details
        .remaining-hours
        .remaining-hours-content
        .remaining-hours-content-item {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
            width: 100%;
        }

            .working-set-row-header
            .one-driver-details
            .remaining-hours
            .remaining-hours-content
            .remaining-hours-content-item
            img {
                margin-inline-end: 2px;
            }

.working-set-row-header .two-driver-details {
    padding: 0px;
}

    .working-set-row-header .two-driver-details ul {
        height: 100%;
    }

    .working-set-row-header .two-driver-details li {
        padding: 5px;
        display: flex;
        align-items: center;
        height: 50%;
    }

        .working-set-row-header .two-driver-details li.active {
            color: #139146;
            background-color: white;
            border: 1px solid rgba(0, 0, 0, 0.125);
        }

        .working-set-row-header .two-driver-details li img {
            margin-inline: 10px;
        }

.collapsed-working-set-blue-color {
    background-color: var(--norma__neutral--light-blue) !important;
    color: white !important;
}

.extention-icon {
    width: 18px;
}

.workingSetStopInlineDate {
    max-width: calc(50% - 2px);
    min-width: calc(50% - 2px);
}

.working-set-row-header .one-driver-details .list-group {
    border: 0;
    padding: 0;
}

.working-set-row-header.collapsed-working-set-blue-color .card {
    background-color: var(--norma__neutral--light-blue) !important;
    color: var(--norma__neutral--light) !important;
    border: none
}

.collapse-expand-ws {
    position: absolute;
    inset-inline-start: -4px;
    top: 9px;
    z-index: 1;
}

    .collapse-expand-ws img {
        width: 15px;
        height: 16px;
        position: absolute;
        inset-inline-start: 7px;
        top: 7px;
        z-index: 1;
        border-radius: 0px;
        cursor: pointer;
        border-radius: 5px;
    }

.workingSetWrapper:before {
    /* position: absolute;
    top: 0;
    inset-inline-start: 4px;
    display: block;
    width: 15px;
    height: 1em;
    content: "";
    border-bottom: 1px dotted #666;
    border-inline-start: 1px dotted #666;*/
}

/*.workingSetWrapper:after {
    position: fixed;
    top: 70px;
    bottom: 1px;
    inset-inline-start: 9px;
    display: block;
    content: "";
    border-inline-start: .7px solid var(--norma__neutral--light-blue);
}*/

.workingSetWrapper.collapsed-working-set-blue-color:after {
    display: none
}

.workingSetWrapper {
    background: var(--norma__neutral--light);
    border-bottom: 1px solid #1D173040;
    margin-bottom: 0px;
    box-shadow: 1px -1px 0px 0px #1D173040;
}

.Ws-Auto .overlay {
    background: rgb(110 214 162 / 12%);
    z-index: 10000000;
    position: absolute;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    pointer-events: none;
}

.inPlanning-mode .overlay {
    background: rgb(0 0 0 / 0);
    z-index: 10000000;
    position: absolute;
    height: -webkit-fill-available;
    width: -webkit-fill-available;
    pointer-events: none;
}

body .workingSetWrapper:nth-of-type(1) {
    padding-top: 3px;
}

.collapsed-working-set-blue-color .workingSetSaveButton, .collapsed-working-set-blue-color .workingSetHeaderActionList {
    display: none
}
/*.workingSetWrapper:nth-of-type(2) .working-set-row-header {
    z-index: 900 !important;
}
.workingSetWrapper:nth-of-type(3) .working-set-row-header {
    z-index: 899 !important;
}
.workingSetWrapper:nth-of-type(4) .working-set-row-header {
    z-index: 898 !important;
}
.workingSetWrapper:nth-of-type(5) .working-set-row-header {
    z-index: 895 !important;
}
.workingSetWrapper:nth-of-type(6) .working-set-row-header {
    z-index: 894 !important;
}
.workingSetWrapper:nth-of-type(7) .working-set-row-header {
    z-index: 893 !important;
}
.workingSetWrapper:nth-of-type(8) .working-set-row-header {
    z-index: 892 !important;
}
.workingSetWrapper:nth-of-type(9) .working-set-row-header {
    z-index: 891 !important;
}
.workingSetWrapper:nth-of-type(10) .working-set-row-header {
    z-index: 890 !important;
}
.workingSetWrapper:nth-of-type(11) .working-set-row-header {
    z-index: 889 !important;
}*/
.working-set-row-header .dropdown-toggle .norma--action-chip-icon {
    min-width: var(--norma--width-md);
    min-height: var(--norma--height-md);
}

.working-set-info-container .card-body .table th.min-width-200 {
    min-width: 200px
}
/* handle working set checked style */
.workingSetWrapper.workingSetChecked, .workingSetChecked .working-set-row-header .card, .workingSetChecked .beforeTripLine, .workingSetChecked .beforeTripLine:before {
    background-color: #AFB1D8 !important;
}

    .workingSetWrapper.workingSetChecked.collapsed-working-set-blue-color, .workingSetChecked .collapsed-working-set-blue-color.working-set-row-header .card, .workingSetChecked .collapsed-working-set-blue-color .beforeTripLine, .workingSetChecked .collapsed-working-set-blue-color .beforeTripLine:before {
        background-color: transparent !important
    }

.workingSetChecked.collapsed-working-set-blue-color, .workingSetChecked .collapsed-working-set-blue-color, .workingSetChecked.collapsed-working-set-blue-color .working-set-row-header .card {
    background-color: #3F53A4 !important
}

.workingSetChecked .vehicleIcon img {
    filter: invert(27%) sepia(81%) saturate(674%) hue-rotate(196deg) brightness(97%) contrast(90%);
}

.workingSetChecked.collapsed-working-set-blue-color .vehicleIcon img {
    filter: none
}

.workingSetChecked .working-set-row-header header .vehicle-title {
    color: #3F53A4
}

.workingSetChecked.collapsed-working-set-blue-color .working-set-row-header header .vehicle-title {
    color: inherit
}

.collapsed-working-set-blue-color.working-set-row-header .vehicle-info {
    filter: invert(17%) sepia(53%) saturate(6711%) hue-rotate(204deg) brightness(109%) contrast(81%);
}
/*done working set*/
.workingset-Done.workingSetWrapper, .workingset-Done .working-set-row-header .card, .workingset-Done .workingSetWrapper {
    background: #E9EBEC;
}

.workingset-Done .beforeTripLine, .workingset-Done .beforeTripLine:before {
    background-color: #E9EBEC !important;
}

.workingset-Done.workingSetWrapper .workingSetSaveButton {
    display: none
}

.workingset-Done .stop-container .trip-container:nth-last-of-type(4) .beforeTripLine {
    border-inline-start: 0.7px solid #E9EBEC;
}

.workingset-Done .collapsed-working-set-blue-color .vehicleIcon img {
    filter: invert(9%) sepia(44%) saturate(1287%) hue-rotate(43deg) brightness(306%) contrast(32%);
}

.workingset-Done .collapsed-working-set-blue-color.working-set-row-header .vehicle-info {
    filter: invert(90%) sepia(1%) saturate(1287%) hue-rotate(213deg) brightness(170%) contrast(32%);
}
/* working set has in-process trips */
.workingset-hasInprocess .collapsed-working-set-blue-color .vehicleIcon img {
    filter: invert(42%) sepia(118%) saturate(2943%) hue-rotate(127deg) brightness(165%) contrast(89%);
}

.workingset-hasInprocess .collapsed-working-set-blue-color .vehicle-info {
    filter: invert(25%) sepia(118%) saturate(2943%) hue-rotate(148deg) brightness(205%) contrast(89%);
}

.wSDetails {
    line-height: 14px;
    font-size: .69rem !important;
}

.collapsed-working-set-blue-color.working-set-row-header {
    border-bottom: 1px solid #D8D8D8;
}

.working-set-row-header header .vehicleIcon:hover, #locationSvg:hover {
    background: none !important
}

    .working-set-row-header header .vehicleIcon:hover img, #locationSvg:hover {
        filter: invert(88%) sepia(15%) saturate(1226%) hue-rotate(87deg) brightness(90%) contrast(85%);
    }