:root{
    --main-color: #2d6ba3;
    --add-color: #e4e4e4;
    --info-color: #00009e;
    --success-color: #006666;
    --warning-color: #cc9900;
    --error-color: #cc0033;
    --raw-color: #365c6f;
    --white-color: #fafafa;
    --black-color: #0c1c2b;

    --shadow-color-light:  rgba(242, 242, 242, 0.15);
    --shadow-color-grey:  rgba(34, 60, 80, 0.3);

    --shadow-full:  1px 1px 4px 2px rgba(34, 60, 80, 0.8);

    
    --num-us: 6;/*количество потоков*/
    --num-prod: 2;/*количество продуктов*/
    
    --win-width: calc( (100%)/(var(--num-us) + var(--num-prod)));
    --win-tab-width: calc( (100%)/(var(--num-us) + 4));
    
    
}
html,body{
    height: 100%;
    margin: 0;
}
body{
    font-family: sans-serif;
    font-size: 12px;
}
div{
    box-sizing: border-box;
}

#display{
    &>div{
        
        &::-webkit-scrollbar-thumb{
            background: var(--white-color);
            border-radius: 5px;
        }
        &::-webkit-scrollbar{
            width: 10px;
            height: 10px;
        }
        div::-webkit-scrollbar-thumb{
            background: var(--main-color);
            border-radius: 5px;
        }
        div::-webkit-scrollbar{
            width: 5px;
            height: 5px;
            background: none;
        }
    }
}
h2,h3{
    text-align: center;
}