:root {
    --header_bg_color: #ffffff;
    --footer_bg_color: #000000;
    --menu_background_color: #000000;
    --menu_hover_color: #f2f2f2;
    --calendar_grid_cols: 3;
}

body {background-color:#aaaaaa;color:#000000;font-family:Verdana,Arial;font-size:14px}
button:hover {opacity:0.8}
header {background-color:var(--header_bg_color);height:80px;left:0px;margin:0px;position:fixed;right:0px;top:0px;z-index:1}
.header_logo {float:left;height:80px}
.header_title {float:left;font-size:50px;padding:10px;padding-left:30px}
#logo_img {width:135px;height:80px}
.lang_menu {float:right;padding:10px}
.lang_menu_item {width:30px;height:30px;margin:10px}
.lang_menu_item:hover {cursor:pointer}
main {background-color:#ffffff;bottom:40px;left:0px;overflow:auto;position:absolute;right:0px;top:130px;z-index:1}

footer {background-color:var(--footer_bg_color);bottom:0px;color:#ffffff;height:40px;left:0px;position:fixed;right:0px}
.footer_version {font-size:14px;padding:10px}

/* === Containers === */
.main_app {display:none;overflow:auto;width:100%}
.main_container {box-sizing:border-box;display:none;padding:20px}

/* === Navigation Menu === */
.nav_menu {background-color:var(--menu_background_color);font-size:0px;height:50px;left:0px;overflow:visible;position:fixed;right:0px;top:80px;z-index:2}
.nav_item {box-sizing:border-box;color:#ffffff;cursor:pointer;display:inline-block;font-size:17px;height:50px;margin:0px;padding:14px 25px}
.nav_item:hover {background-color:var(--menu_hover_color);color:#000000}
.nav_item.active {background-color:#cc2222;color:#ffffff}

/* === Game Calendar === */
.grid_container {display:grid;gap:5px;grid-auto-flow:column;grid-template-columns:repeat(var(--calendar_grid_cols),70px 200px);grid-template-rows:repeat(32,45px)}
.grid_header {background-color:#ffffff;font-size:20px;font-weight:bold;padding:5px}
.grid_item {background-color:#cccccc;padding:5px}
.grid_item_a {background-color:#eeeeee;padding:5px}
.grid_item_h {background-color:#faabab;padding:5px}

.tal_c {text-align:center}
.tal_l {text-align:left}
.tal_r {text-align:right}
.flt_r {float:right}
.flt_l {float:left}
.dis_none {display:none}