:root {
   --no_color: white;
   --admin_background_color: #eceff0;
   --admin_box_color: #b1bec2;
   --title_shadow_color: #6C6C6C;
   --header_page_color: #000040;
   --header_color: #000040;
   --header_text_color: #ffffff;
   --border_color: #000040;
   --base_color: #71d0ff;
   --button_color: #e8ebee;
   --button_over_color: #cbd2d8;
   --button_text_color: #000040;
   --img_border_color: #909090;
   --body_back_color: rgba(223, 223, 223, 0.85);
   --month_color: #dfdfdf;
   --days_date_color: #8a8a8a;
   --date_color: #e5e5e5;
   --nodate_color: #f7f7f7;
   --date_work_color: #dadada;
   --date_activ_color: #c1c1c1;
   --date_border_color: #888888;
   --message_color: #ae0000;
   --message_shadow_color: #a0a0a0;
   --menu_back_color: #feeded;
}
body {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    text-align: center;
    background: var(--no_color);
}
a { text-decoration: none; color: #000; }
input:invalid { border: 1px dashed red; }
table { width: 100%; table-layout: fixed; text-align: left; }
hr { width: 100%; border: 1px solid var(--border_color); }
fieldset {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    border: var(--border_color) 1px solid;
    border-radius: 6px;
}
legend {
    padding: 2px 8px 2px 8px;
    margin: auto;
    background: var(--header_color);
    color: var(--header_text_color);
    font-size: 16px;
    border: var(--border_color) 1px solid;
    border-radius: 4px;
}
.medium_legend { padding: 2px 4px 2px 4px; font-size: 15px; }
button {
    padding: 2px 4px 2px 4px;
    background: var(--button_color);
    text-align: center;
    color: var(--button_text_color);
    font-size: 15px;
    padding: 2px 5px 2px 5px;
    border: var(--border_color) 1px solid;
    border-radius: 6px;
}
button:hover { background: var(--button_over_color) }
button[disabled] { background: #c4c4c4; color:#767676; border: #707070 1px solid; cursor: default; pointer-events: none; text-decoration: none;}
.disabled { color:#d1d1d1; cursor: default; pointer-events: none; text-decoration: none; }

video::-webkit-media-controls-fullscreen-button { display: none; }
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button { display: none; }
video::-webkit-media-controls-volume-slider { display: none; }





.mobile_button {
    padding: 4px 4px 4px 4px;
    font-size: 15px;
    border-radius: 4px;
}
.medium_button {
    padding: 2px 3px 2px 3px;
    font-size: 13px;
    border-radius: 4px;
}
.tiny_button {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    border-radius: 2px;
}
.text_bold { font-weight: bold; }
.text_focus18 { font-weight: bold; font-size: 18px; }
.text_focus16 { font-weight: bold; font-size: 16px; }

#page_box {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    min-height: 300px;
    margin: auto;
    text-align: center;
    position: relative;
    z-index: 1;
}
#page_header {
    width: 100%;
    height: 80px;
    text-align: left;
    background: var(--header_color);
    border: var(--border_color) 1px solid;
}
#image_header {
    margin-top: 4px;
    margin-left: 20px;
    display: inline-block;
}
#title_box {
    margin-left: 50px;
    margin-bottom: 30px;
    display: inline-block; 
    text-align: center;
}
#title_header {
    font-size: 18px;
    color: var(--base_color);
}