@import './_variables.css';
@import url('https://fonts.googleapis.com/css2?family=MuseoModerno&family=Noto+Sans+Arabic:wght@500&family=Roboto&family=Tajawal&display=swap');

.screen-container {
    background-color: #fff;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.collapsed-screen {
    background-color: var(--Logistic-Suit-Secondary);
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-inline-start: .5px;
    margin-inline-end: 8px;
    flex-direction: column;
    padding-block: 15px;
}

.collapsed-screen-left {
    background-color: var(--Logistic-Suit-Secondary);
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-inline-end: .5px;
}

.screen-info {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: start;
    margin-block: 38vh
}

.screen-title {
    width: 40px;
    color: white;
    transform: rotate(-90deg);
    font-family: BrownStdBold;
    white-space: nowrap;
}

.screen-icon {
    display: block;
    margin: 15px;
}

.active-screen {
    box-shadow: 0px 1px 3px #00000029;
    border-radius: 5px;
    margin-inline-end: 8px;
    background-color: white;
    margin-block-start: 8px;
    border: 1px solid var(--Logistic-Suit-Accent-Light-Gray);
    height: calc( 100vh - 140px );
}

    .active-screen:nth-of-type(2) {
        /*z-index: 2*/ 
        z-index: 1;
    }

    .active-screen:nth-of-type(3) {
        z-index: 1;
    }

.half-width {
    width: calc( 50% - 16px);
    /*    resize: horizontal;
*/
    /*overflow: hidden;*/
    min-width: 41%;
    max-width: 67%;
    position: relative;
    margin-inline: 8px;
}

.full-width {
    width: 100% !important;
    /* resize: horizontal;*/
    /*    overflow: hidden;
*/ margin-inline: 8px;
}

.collapsed-screen-icon {
    margin-block-start: 25px;
}

@font-face {
    font-family: BrownStdBold;
    src: url(../fonts/BrownStd-Bold.otf);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: BrownStdLight;
    src: url(../fonts/BrownStd-Light.otf);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

.ignore-margins {
    margin: 0px !important;
}

.left-side-manual-planning {
    margin-inline-end: 0px;
    margin-inline-start: auto;
}

.width-30px {
    min-width: 30px;
}

.width-40px {
    min-width: 40px;
}
/* add new font */
/*@font-face {
    font-family: 'Roboto', sans-serif;
    src: url(../../fonts/Roboto/Roboto-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'RobotoBold', sans-serif;
    src: url(../../fonts/Roboto/Roboto-Bold.ttf);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'NotoSansArabic', sans-serif;
    src: url(../../css/fonts/Noto_Sans_Arabic/static/NotoSansArabic-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'NotoSansArabicBold', sans-serif;
    src: url(../../css/fonts/Noto_Sans_Arabic/static/NotoSansArabic-Bold.ttf);
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}*/
@font-face {
    font-family: 'Helvetica', sans-serif;
    src: url(../../css/fonts/Helvetica.otf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

.manualPlanningScreen *, .manual-planning-page-header * {
    font-family: 'Helvetica', sans-serif !important;
}

@font-face {
    font-family: 'Tajawal', sans-serif;
    src: url(../../css/fonts/Tajawal-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

[dir=rtl] .manualPlanningScreen *, [dir=rtl] .manual-planning-page-header *, .rtl .manualPlanningScreen *, .rtl .manual-planning-page-header * {
    font-family: 'Tajawal', sans-serif !important;
}
/*.manualPlanningScreen *, .manual-planning-page-header * {
    font-family: 'Roboto', sans-serif !important;
}

[dir=rtl] .manualPlanningScreen *, [dir=rtl] .manual-planning-page-header *, .rtl .manualPlanningScreen *, .rtl .manual-planning-page-header * {
    font-family: 'NotoSansArabic', sans-serif !important;
}*/

#workingset-table-scrolling-container {
    position: relative;
}

.manualPlanningPanelCorner {
}

.workingSetCornerForResize {
    position: absolute;
    z-index: 1000;
    inset-inline-end: 0;
    inset-block-end: 0;
    height: 16px;
}

.resizedPanel {
    height: calc( 100vh - 139px );
}

.rz-progressbar-label {
    color: #000 !important;
}