@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

:root {
    --xgs_sidebar: #406FA0; /* 406FA0 */
    --xgs_buttons: #C1C1C1; /* 7a7a7a */
    --xgs_buttons_1: #406FA0; /* 7a7a7a */
    --xgs_buttons_1_gradient: linear-gradient(to bottom right, #406FA0, #90b0d1);
    --xgs_buttons_1_gradient_selected: linear-gradient(to bottom right, #406FA0, #3c536b);
    --xgs_searchtable_buttons: #7A7A7A; /* 7a7a7a */
    --xgs_searchtable_buttons_gradient: linear-gradient(to bottom right, #7A7A7A, #8d8d8d);
    --xgs_tables: #7A7A7A; /* 7a7a7a */
    --xgs_table_background: #C1C1C1; /* 7a7a7a */
    --xgs_table_background_1: #99B7D6; /* 7a7a7a */
    --xgs_table_background_2: #7A7A7A; /* 7a7a7a */
    --xgs_background: #aaaaaa; /* ADADAD */
    --xgs_background_gradient: linear-gradient(#ffffff, #6e6e6e); /* linear-gradient(#949494, #6e6e6e); */
    --xgs_foreground_1: #99B7D6; /* 6D98C5 */
    --xgs_foreground_2: #C1C1C1; /* 599596 99B7D6 */
    --xgs_green_1: #075500;
    --xgs_red_1: #af0000;
    --xgs_green_2: #307927;
    --xgs_red_2: #aa2020;

    --xgs_font: "Roboto Mono";
}

html, body{
    height: 100%;
    margin: 0;
    font-family: var(--xgs_font);
}

body{
    background-color: var(--xgs_background);
}
.navbar{
    background-color: white;
}
table {
    border-radius: 20px;
}

.nav-link {
    color: #ffffff;
}

.nav-link:hover, .nav-link:focus  {
    color: #ffffff;
}

.table-rounded {
    border-radius: 10px;
    border: 1px solid white;
    overflow: hidden;
}