:root {
  --alert_1: #ff0000;
  --alert_2: #ff000030;
  --alert_3: #f44336;
  --black_1: #000000;
  --black_2: #292929;
  --blue_1: #2e6e9e;
  --blue_2: #83b4d8;
  --blue_3: #346392;
  --blue_4: #193047;
  --blue_5: #27496d;
  --blue_6: #6496c8;
  --blue_7: #dfeffc;
  --brown_1: #cc6666;
  --brown_2: #ddaa88;
  --deny: #808000;
  --font_family_serif: Verdana, Geneva, sans-serif;
  --font_family_sans: Lucida Grande, Lucida Sans, Arial, sans-serif;
  --font_size_big: 13px;
  --font_size_default: 12px;
  --gap_big: 15px;
  --gap_default: 8px;
  --gap_medium: 4px;
  --green_1: #aaccaa;
  --grey_1: #999999;
  --grey_2: #666666;
  --grey_3: #dddddd;
  --grey_4: #808080;
  --grey_5: #cccccc;
  --grey_6: #1c1c1c;
  --grey_7: #333333;
  --grey_8: #d3d3d3;
  --img_size_big: 48px;
  --img_size_default: 32px;
  --img_size_medium: 24px;
  --img_size_small: 16px;
  --info_1: #0000ff;
  --info_2: #2196f3;
  --margin_big: 10px;
  --margin_default: 8px;
  --margin_medium: 5px;
  --margin_small: 2px;
  --orange_1: #e17009;
  --orange_2: #ff9800;
  --orange_3: #f5ecce;
  --orange_4: #ff9664;
  --padding_big: 10px;
  --padding_default: 8px;
  --padding_medium: 5px;
  --padding_small: 2px;
  --radius_big: 10px;
  --radius_default: 8px;
  --radius_medium: 5px;
  --radius_small: 2px;
  --success_1: #00ff00;
  --success_2: #00ff0030;
  --success_3: #04aa6d;
  --white_1: #ffffff;
  --white_2: #f8f8ff;
  --white_3: #eeeeee;
  --white_4: #fcfdfd;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: var(--margin_big) !important;
  font-family: var(--font_family_serif) !important;
  font-size: var(--font_size_default) !important;
}
body .header {
  margin-top: var(--margin_big);
  padding: var(--padding_medium);
  clear: both;
}
body .header div .center {
  display: inline-flex;
  align-items: center;
}
body .header div .center div {
  display: inline-flex;
  flex-direction: column;
  gap: var(--gap_default);
}
body .header div .center div #timeoutPopup,
body .header div .center div #err_msg {
  display: none;
  align-self: center;
  width: 100%;
  font-weight: bold;
  color: var(--alert_1);
}
body .header div .center div #timeoutPopup.show,
body .header div .center div #err_msg.show {
  display: block;
}
body .header div .center div #timeoutPopup.alert, body .header div .center div #timeoutPopup.warning,
body .header div .center div #err_msg.alert,
body .header div .center div #err_msg.warning {
  color: var(--alert_1);
}
body .header div .center div #timeoutPopup.info, body .header div .center div #timeoutPopup.success,
body .header div .center div #err_msg.info,
body .header div .center div #err_msg.success {
  color: var(--info_1);
}
body .header div .right {
  display: inline-flex;
  justify-content: end;
}
body .header .info_username {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  gap: var(--gap_big);
}
body .header .info_username div:first-child {
  justify-items: left;
  display: grid;
  align-items: center;
}
body .header .info_username div:last-child {
  display: inline;
  flex-direction: row;
  gap: var(--gap_default);
}
body .header .info_username div:last-child button {
  padding: var(--padding_small);
  background-color: unset;
  border: unset;
  color: unset;
}
body .main {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  position: sticky;
  height: 80vh;
  overflow: hidden;
  /* avoid browser level touch actions */
  --xtouch-action: none;
}
body .main .starter-template {
  justify-items: center;
  display: grid;
  align-items: center;
  padding-bottom: 50px;
}
body .footer {
  position: sticky;
  top: 95vh;
  clear: both;
  margin: unset;
  text-align: center;
  vertical-align: middle;
}
body .footer hr {
  margin: var(--margin_default) 0 var(--margin_default) 0;
  border: 1px solid var(--grey_3);
}
body .footer div.row {
  margin: unset;
}
body .footer div.row div:first-child div {
  text-align: left;
}
body .footer div.row div:first-child div a:link, body .footer div.row div:first-child div a:visited, body .footer div.row div:first-child div a:active {
  color: var(--black_1);
  text-decoration: none;
}
body .footer div.row div:last-child div {
  text-align: right;
  font-size: var(--font_size_big);
  font-weight: bold;
}
body .footer div.row div:last-child div span:last-child {
  margin-left: var(--margin_default);
}/*# sourceMappingURL=master.css.map */