/*responsive manual planning*/
@media(min-width:1920px) {
    .active-screen.half-width .Manual-planning-xsmall-font {
        font-size: var(--norma--font-xs) !important;
        line-height: 12px;
    }

    .active-screen.half-width .Manual-planning-small-font {
        font-size: var(--norma--font-xs) !important;
        line-height: 16px;
    }

    .active-screen.half-width .Manual-planning-medium-font, #manual-planning-page-header .Manual-planning-medium-font {
        font-size: var(--norma--font-sm) !important;
        line-height: 14px;
    }

    .working-set-header-row-column-item, .workingSet-task-row-item {
        width: 160px;
    }
    .customized-width {
        width: 72px !important;
    }
}
@media only screen and (min-width: 1920px) and (max-width: 3840px) {
    @container resizablepanel (min-width: 1200.1px) {
        #manual-planning-page-header .Manual-planning-medium-font, #manual-planning-page-header .norma--action-chip .norma--action-chip-text > p {
            font-size: var(--norma--font-md) !important;
        }

        .working-set-title-container .Manual-planning-small-font, .working-set-title-container .norma--action-chip .norma--action-chip-text > p, .orders-panel-header-container .Manual-planning-small-font, .orders-panel-header-container .norma--action-chip .norma--action-chip-text > p,
        div .working-set-header-row-header.Manual-planning-small-font, .working-set-row-header header .vehicle-title, .trip-info .trip-info-title, .trip-summery .trip-summery-item span,
        .orders-gruopOn-summary-title.Manual-planning-xsmall-font, #order-manage-column-card .order-manage-column-card-main-title, #order-manage-column-card .card-text,
        #working-set-manage-column-card .Manual-planning-large-font, #working-set-manage-column-card .Manual-planning-medium-font {
            font-size: var(--norma--font-sm) !important;
        }

        .order-list-header-column-item span, .working-set-row-header .vehicle-details span, div .working-set-row-header .one-driver-details li, .working-set-row-header .working-set-details li .detail-header, .trip-info .norma--add-tooltip span, .workingSet-stop-header-item-formGrp select,
        .workingSet-stop-header-item .norma--input.norma--input--sm,
        .workingSet-stop-header-item .norma--floating-input > .norma--input.norma--input--sm ~ label,
        .workingSet-stop-header-item p, .workingSet-stop-header-item-formGrp p,
        .workingSet-task-row-formGrp input, .workingSet-task-row-formGrp.workingSet-task-row-task-item select, .workingSet-task-row-item .workingSet-task-row-formGrp select,
        .workingSet-task-row-col-direction.workingSet-task-row-item .Manual-planning-small-font,
        .order-row-gray .order-row-item, .norma--radzen-custom-dp .rz-multiselect-label-container, .rz-dropdown-label, .norma--radzen-custom-dp .norma--input-select-label,
        #order-manage-column-card .order-manage-column-item-row, #order-manage-column-card .order-manage-column-outline-btn, #order-manage-column-card .order-manage-column-core-btn,
        .working-set-manage-column-item-row, .working-set-manage-column-full-width .working-set-manage-column-item-row-selected, #working-set-manage-column-card .working-set-manage-column-outline-btn,
        #working-set-manage-column-card .working-set-manage-column-core-btn, .order-row .order-row-item, div .Manual-planning-xsmall-font, .norma--input > div > .rz-calendar > .rz-inputtext, .norma--p-special span, .norma--p-special, .rz-textbox, .working-set-stop-info {
            font-size: var( --norma--font-sm) !important;
        }

        .workingSetSaveButton, .saveMyPreferencesBtn {
            font-size: var(--norma--font-xs) !important;
        }

        .tripFooterDistanceBetweenTwoStops span, .workingSetDistanceBetweenTwoStops span {
            padding: unset !important;
        }

        .total-distance-between-stops-select {
            padding-top: 1rem !important;
            font-size: 1rem !important;
        }

        
        /*width*/
        /*.working-set-header-row-column-item, .workingSet-task-row-item, .workingSet-task-row-item div {
        width: 160px !important
    }

    .order-list-header-column-item, .order-row-item {
        width: 170px !important
    }

        .order-list-header-column-item.operators-column, .order-row-item.operators-column {
            width: 80px !important
        }*/
        .workingSet-stop-header-item .norma--input.norma--input--sm {
            width: auto
        }
        /*height*/
        /*.workingSet-stop-header-row {
        height: var(--norma--height-xxl)
    }

    .workingSet-task-row, .working-set-header-row-column-item, .working-set-header-row-header, .order-list-header-column-item {
        height: var(--norma--height-xl);
        min-height: var(--norma--height-xl);
    }*/
        .norma--input > div > .rz-calendar > .rz-inputtext {
            height: calc(100% - 3px );
        }
    }
}

@media only screen and (min-width: 3839px) and (max-width: 5120px) {
    #manual-planning-page-header .Manual-planning-medium-font, #manual-planning-page-header .norma--action-chip .norma--action-chip-text > p {
        font-size: var(--norma--font-md) !important;
    }

    .working-set-title-container .Manual-planning-small-font, .working-set-title-container .norma--action-chip .norma--action-chip-text > p, .orders-panel-header-container .Manual-planning-small-font, .orders-panel-header-container .norma--action-chip .norma--action-chip-text > p,
    div .working-set-header-row-header.Manual-planning-small-font, .working-set-row-header header .vehicle-title, .trip-info .trip-info-title, .trip-summery .trip-summery-item span,
    .orders-gruopOn-summary-title.Manual-planning-xsmall-font, .order-list-header-column-item span, #order-manage-column-card .order-manage-column-card-main-title, #order-manage-column-card .card-text,
    #working-set-manage-column-card .Manual-planning-large-font, #working-set-manage-column-card .Manual-planning-medium-font {
        font-size: var(--norma--font-sm) !important
    }

    .working-set-row-header .vehicle-details span, div .working-set-row-header .one-driver-details li, .working-set-row-header .working-set-details li .detail-header, .trip-info .norma--add-tooltip span, .workingSet-stop-header-item-formGrp select,
    .workingSet-stop-header-item .norma--input.norma--input--sm,
    .workingSet-stop-header-item .norma--floating-input > .norma--input.norma--input--sm ~ label,
    .workingSet-stop-header-item p, .workingSet-stop-header-item-formGrp p,
    .workingSet-task-row-formGrp input, .workingSet-task-row-formGrp.workingSet-task-row-task-item select, .workingSet-task-row-item .workingSet-task-row-formGrp select,
    .workingSet-task-row-col-direction.workingSet-task-row-item .Manual-planning-small-font,
    .order-row-gray .order-row-item, .norma--radzen-custom-dp .rz-multiselect-label-container, .rz-dropdown-label, .norma--radzen-custom-dp .norma--input-select-label,
    #order-manage-column-card .order-manage-column-item-row, #order-manage-column-card .order-manage-column-outline-btn, #order-manage-column-card .order-manage-column-core-btn,
    .working-set-manage-column-item-row, .working-set-manage-column-full-width .working-set-manage-column-item-row-selected, #working-set-manage-column-card .working-set-manage-column-outline-btn,
    #working-set-manage-column-card .working-set-manage-column-core-btn, .order-row .order-row-item, div .Manual-planning-xsmall-font, .norma--input > div > .rz-calendar > .rz-inputtext {
        font-size: var( --norma--font-xs) !important
    }
    /*width*/
    /*.working-set-header-row-column-item, .workingSet-task-row-item, .workingSet-task-row-item div {
        width: 160px !important
    }

    .order-list-header-column-item, .order-row-item {
        width: 170px !important
    }

        .order-list-header-column-item.operators-column, .order-row-item.operators-column {
            width: 80px !important
        }
        */
    .workingSet-stop-header-item .norma--input.norma--input--sm {
        width: auto
    }
    /*height*/
    /*.workingSet-stop-header-row {
        height: var(--norma--height-xxl)
    }

    .workingSet-task-row, .working-set-header-row-column-item, .working-set-header-row-header, .order-list-header-column-item {
        height: var(--norma--height-xl);
        min-height: var(--norma--height-xl);
    }*/
    .norma--input > div > .rz-calendar > .rz-inputtext {
        height: calc(100% - 3px );
    }
}

@media only screen and (min-width: 5121px) and (max-width: 8640px) {
    #manual-planning-page-header .Manual-planning-medium-font, #manual-planning-page-header .norma--action-chip .norma--action-chip-text > p {
        font-size: var(--norma--font-md) !important;
    }

    .working-set-title-container .Manual-planning-small-font, .working-set-title-container .norma--action-chip .norma--action-chip-text > p, .orders-panel-header-container .Manual-planning-small-font, .orders-panel-header-container .norma--action-chip .norma--action-chip-text > p,
    div .working-set-header-row-header.Manual-planning-small-font, .working-set-row-header header .vehicle-title, .trip-info .trip-info-title, .trip-summery .trip-summery-item span,
    .orders-gruopOn-summary-title.Manual-planning-xsmall-font, .order-list-header-column-item span, #order-manage-column-card .order-manage-column-card-main-title, #order-manage-column-card .card-text,
    #working-set-manage-column-card .Manual-planning-large-font, #working-set-manage-column-card .Manual-planning-medium-font {
        font-size: var(--norma--font-sm) !important
    }

    .working-set-row-header .vehicle-details span, div .working-set-row-header .one-driver-details li, .working-set-row-header .working-set-details li .detail-header, .trip-info .norma--add-tooltip span, .workingSet-stop-header-item-formGrp select,
    .workingSet-stop-header-item .norma--input.norma--input--sm,
    .workingSet-stop-header-item .norma--floating-input > .norma--input.norma--input--sm ~ label,
    .workingSet-stop-header-item p, .workingSet-stop-header-item-formGrp p,
    .workingSet-task-row-formGrp input, .workingSet-task-row-formGrp.workingSet-task-row-task-item select, .workingSet-task-row-item .workingSet-task-row-formGrp select,
    .workingSet-task-row-col-direction.workingSet-task-row-item .Manual-planning-small-font,
    .order-row-gray .order-row-item, .norma--radzen-custom-dp .rz-multiselect-label-container, .rz-dropdown-label, .norma--radzen-custom-dp .norma--input-select-label,
    #order-manage-column-card .order-manage-column-item-row, #order-manage-column-card .order-manage-column-outline-btn, #order-manage-column-card .order-manage-column-core-btn,
    .working-set-manage-column-item-row, .working-set-manage-column-full-width .working-set-manage-column-item-row-selected, #working-set-manage-column-card .working-set-manage-column-outline-btn,
    #working-set-manage-column-card .working-set-manage-column-core-btn, .order-row .order-row-item, div .Manual-planning-xsmall-font, .norma--input > div > .rz-calendar > .rz-inputtext {
        font-size: var( --norma--font-xs) !important
    }
    /*width*/
    /*.working-set-header-row-column-item, .workingSet-task-row-item, .workingSet-task-row-item div {
        width: 160px !important
    }

    .order-list-header-column-item, .order-row-item {
        width: 170px !important
    }

        .order-list-header-column-item.operators-column, .order-row-item.operators-column {
            width: 80px !important
        }
        */
    .workingSet-stop-header-item .norma--input.norma--input--sm {
        width: auto
    }
    /*height*/
    /*.workingSet-stop-header-row {
        height: var(--norma--height-xxl)
    }

    .workingSet-task-row, .working-set-header-row-column-item, .working-set-header-row-header, .order-list-header-column-item {
        height: var(--norma--height-xl);
        min-height: var(--norma--height-xl);
    }*/
    .norma--input > div > .rz-calendar > .rz-inputtext {
        height: calc(100% - 3px );
    }
}
/*@media(min-width:1920px) {
    .active-screen.half-width .Manual-planning-xsmall-font {
        font-size: var(--norma--font-xs) !important;
        line-height: 12px;
    }

    .active-screen.half-width .Manual-planning-small-font {
        font-size: var(--norma--font-sm) !important;
        line-height: 18px;
    }

    .active-screen.half-width .Manual-planning-medium-font, #manual-planning-page-header .Manual-planning-medium-font {
        font-size: var(--norma--font-sm) !important;
        line-height: 14px;
    }

    .working-set-header-row-column-item {
        width: 160px;
    }
}*/

/*@media(min-width:3840px) {
    .active-screen.half-width .Manual-planning-xsmall-font {
        font-size: var(--norma--font-lg) !important;
        line-height: 51px;
    }

    .active-screen.half-width .Manual-planning-small-font {
        font-size: var(--norma--font-lg) !important;
        line-height: 40px;
    }

    .norma--f-xxs {
        font-size: var(--norma--font-md) !important;
    }

    .active-screen.half-width .Manual-planning-medium-font, #manual-planning-page-header .Manual-planning-medium-font {
        font-size: var(--norma--font-sm) !important;
        line-height: 14px;
    }

    .working-set-header-row-column-item {
        width: 300px;
    }*/
/**/
/*.orders-panel-header-container, .working-set-title-container {
        height: 68px
    }

    .manual-planning-page-header {
        height: 55px
    }

    .norma--action-chip .norma--action-chip-text > p {
        font-size: var(--norma--font-xl) !important
    }

    .norma--action-chip .norma--action-chip-icon > img {
        width: var(--norma--width-md);
    }

    #manual-planning-page-header .Manual-planning-medium-font {
        font-size: var(--norma--font-xl) !important;
        line-height: 14px;
    }

    .working-set-row-header {
        height: 124px !important;
    }

    .active-screen.half-width .Manual-planning-medium-font, #manual-planning-page-header .Manual-planning-medium-font {
        font-size: var(--norma--font-xl) !important;
    }

    .norma--p-special {
        font-size: var(--norma--font-xl) !important;
    }

    .trip-container-header {
        min-height: 66px;
    }

    .workingSet-stop-header-row {
        height: 78px;
    }

    .workingSet-task-row-formGrp input, .workingSet-task-row-formGrp.workingSet-task-row-task-item select, .workingSet-task-row-item .workingSet-task-row-formGrp select {
        height: var(--norma--height-xl) !important;
    }

    .workingSet-task-row {
        height: 94px;
    }

    .norma--input.norma--input--sm, .workingSet-stop-header-item-formGrp select {
        height: var(--norma--height-xl) !important;
    }

    .workingSet-task-row-item, .workingSet-task-row-item div {
        width: 300px !important;
    }

    .working-set-header-row-header, .working-set-header-row-column-item {
        height: 54px !important;
    }

    .order-list-header-column-item {
        height: 54px;
        line-height: 40px !important;
    }

    .norma--p-special {
        font-size: var(--norma--font-md) !important;
    }

    .norma--action-chip {
        height: var(--norma--height-xl);
    }

    .norma_panel_controlicon img {*/
/*        width: 100%
*/ /*}
    .norma_panel_controlicon{
        transform:scale(1.8)
    }

    .norma_panel_controlicon {
        width: var(--norma--width-xl);
        height: var(--norma--height-xl);
    }

    .workingSet-stop-header-item .norma--input.norma--input--sm {
        height: var(--norma--height-xl) !important;
        width: 100%;
    }

    .norma--floating-input > .norma--input.norma--input--sm ~ label {
        font: normal normal var(--norma--fw-bold) var(--norma--font-lg) / var(--norma--line-height-4) "Montserrat", sans-serif !important;
    }

    .order-row-item, .order-list-header-column-item {
        height: 74px;
        width: 317px;
        line-height: 52px;
    }

    .workingSet-stop-header-item-formGrp select, .workingSet-stop-header-item .norma--input.norma--input--sm, .workingSet-stop-header-item .norma--floating-input > .norma--input.norma--input--sm ~ label, .workingSet-stop-header-item .norma--input.norma--input--sm {
        font-size: var(--norma--font-lg) !important
    }

    .trip-container-header .trip-info, .trip-container-header .trip-summery .trip-summery-item {
        font-size: var(--norma--font-lg);
    }

    .trip-container-header {
        min-height: 66px;
    }

        .working-set-row-header .norma--action-chip-icon, .trip-container-header .norma--action-chip-icon {
            min-width: var(--norma--width-xxl);
            min-height: var(--norma--height-xxl);
        }

            .working-set-row-header .norma--action-chip-icon img, .trip-container-header .norma--action-chip-icon img {
                width: 100%;
                padding: 4px;
            }

    .norma_dropdown .dropdown-item {
        font-size: var(--norma--font-lg) !important;
        padding: var(--norma--padding-md) !important;
    }

    .norma--action-chip {
        height: var(--norma--height-xxl) !important;
        padding: var(--norma--padding-md) !important;
    }
    .orders-panel-header-container .Manual-planning-small-font, .working-set-title-container .Manual-planning-small-font {
        font-size: var(--norma--font-xl) !important;
    }
        .orders-panel-header-container .Manual-planning-small-font img, .working-set-title-container .Manual-planning-small-font img{
            transform: scale(1.8);
        }
    .workingSet-stop-row-task-container input[type="datetime-local"]::-webkit-calendar-picker-indicator {
        width: 30px;
        height:30px
    }
}

@media(min-width:5760px) {
}*/
@media only screen and (min-width: 3072px) and (max-width: 6000px) {
    .beforeTripLine {
        inset-inline-start: -17px;
    }
    }
@media only screen and (min-width: 6000px) and (max-width: 8000px) {
    .beforeTripLine {
        inset-inline-start: -18px;
    }
}