/* variaveis para outros usarem */

:root {
    --fill_background       : #777777;
    --gray_background       : #DDDDDD;

    --navbar_height         : 8vh;
    --page_content_height   : 92vh;
    --toolbar_height        : 1.5vh;


    --navbar_bgcolor        : rgb(52,58,64);    /* do bootstrap */

    --sidebar_w4            : 25vw;
    --sidebar_w3            : 35vw;
    --sidebar_w2            : 45vw;
    --sidebar_w1            : 60vw;

    --sidebar_height        : 92vh;


    --replay_status_height  : 7vh;
    --replay_ui_height      : 15vh;
    --replay_client_height  : 85vh;
    --replay_h_100          : 82.5vh;
    --replay_h_50           : 40vh;

    --replay_toolbar_height : 2.5vh;



}


.center {
    text-align      : center;
    justify-self    : center;
    margin          : auto;
}


.hidden {
    display: none;
}


.no_wrap {
    flex-wrap   : nowrap;
    white-space : nowrap;
}


.filler {
    display          : block;
    background-color : var(--fill_background);
    height           : 105vh;
    padding          : 0;
    margin           : 0;
}


/* tags */
body, h1, h2, h3, h4, h5, h6, img {
    user-select: none;
}