:root {
  --color-green: #c2e4bb;
  --color-orange: #ffc27b;
  --color-red: #e30000;
}
body {
  font-family: "Helvetica", "Arial", sans-serif;
  background-color: #dcdcdc;
  color: #00263a;
  .system_green {
    color: green;
  }
  .system_yellow {
    color: orange;
  }
  .system_red {
    color: #e30000;
  }
  .match_status_announced,
  .match_status_closed {
    background-color: #ffc27b;
    border: 1px solid #f49d5a;
    padding: 0px 0px;
    box-sizing: border-box;
    width: 80%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    margin: 0 12px;
    font-weight: 500;
    font-size: 13;
  }
  .match_status_planned {
    background-color: #b8c9e1;
    border: 1px solid #93a5cf;
    padding: 0px 0px;
    box-sizing: border-box;
    width: 80%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    margin: 0 12px;
    font-weight: 500;
    font-size: 13;
  }
  .match_status_final,
  .match_status_pending {
    background-color: #c2e4ba;
    border: 1px solid #8bc28c;
    padding: 0px 0px;
    box-sizing: border-box;
    width: 80%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    margin: 0 12px;
    font-weight: 500;
    font-size: 13;
  }
  .match_status_dead {
   border: 1px solid #e30000;
  }
  .match_status_cancelled,
  .match_status_invalid {
    color: #ffffff;
    background-color: #e30000;
    border: 1px solid #a90d0d;
    padding: 0px 0px;
    box-sizing: border-box;
    width: 80%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 3px;
    margin: 0 12px;
    font-weight: 500;
    font-size: 13;
  }
}
.match_utilisation_good {
  color: green;
}
.match_utilisation_warn {
  color: orange;
}
.match_utilisation_full {
  color: #e30000;
}
.match_subscription_closed {
  color: #ffffff;
  background-color: #e30000;
  border: 0px solid #3e924b;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  margin: 0 0px;
  font-weight: 500;
  font-size: 14;
}
.match_subscription_notyet {
  color: #ffffff;
  background-color: #f49d5a;
  border: 0px solid #3e924b;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  margin: 0 0px;
  font-weight: 500;
  font-size: 14;
}
.match_subscription_full {
  color: #ffffff;
  background-color: #e30000;
  border: 0px solid #3e924b;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  margin: 0 0px;
  font-weight: 500;
  font-size: 14;
}
.match_subscription_wl {
  color: #ffffff;
  background-color: #e30000;
  border: 0px solid #3e924b;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  margin: 0 0px;
  font-weight: 500;
  font-size: 14;
}
.match_deadline_good {
  color: #00254b;
  background-color: #c2e4ba;
  border: 1px solid #8bc28c;
  padding: 0px 5px;
  border-radius: 3px;
}
.match_deadline_over {
  color: #00254b;
  border: 1px solid #e30000;
  padding: 0px 5px;
  border-radius: 3px;
}
.match_deadline_over {
  color: red;
}
.match_cattable_green {
  color: green;
}
.match_cattable_yellow {
  color: orange;
}
.match_cattable_red {
  color: red;
}
.match_teamstatus_green {
  color: green;
}
.match_teamstatus_yellow {
  color: orange;
}
.match_teamstatus_red {
  color: red;
}
.slot_status_green {
  color: green;
}
.slot_status_red {
  color: red;
}
.slot_status_unknown {
  color: black;
}
.crew_green {
  color: green;
}
.crew_yellow {
  color: orange;
}
.crew_red {
  color: red;
}
.crewtable {
  td {
    padding-left: 1ex;
    padding-right: 1ex;
  }
}
td.main_date {
  font-weight: 900;
  font-size: 13;
}
td.main_Status {
  text-align: center;
}
td.main_Deadline {
  font-weight: 500;
  font-size: 13;
}
td.main_Utilisation {
  font-weight: 500;
  font-size: 13;
  border-top: 0px solid #bebebe;
  border-right: 2px solid #f0f0f0;
  border-collapse: collapse;
  border-spacing: 0px;
}
td.main_Results {
  padding-left: 1ex;
}
th.main_Results,
th.main_Stageresults,
th.main_Regionresults,
th.main_Teamresults,
th.main_Catresults {
  padding-right: 1ex;
}
td.main_Certs {
  border-right: 2px solid #f0f0f0;
}
td.main_matchnews {
  font-weight: 500;
  font-size: 13;
  border-bottom: 2px solid transparent;
  padding: 0px 2px;
}
.main_match_new {
  color: #f5f5f5;
  background-color: #f33535;
  border: 1px solid #00263a;
  padding: 1px 3px;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 500;
  font-size: 13;
}
.match_level-0 {
  color: #060606;
  background-color: #e0e0e0;
  border: 1px solid #919191;
  padding: 1px 6px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin: 0 10px;
}
.match_level-1 {
  color: #060606;
  background-color: #b8c9e1;
  border: 1px solid #93a5cf;
  padding: 1px 6px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin: 0 10px;
}
.match_level-2 {
  color: #060606;
  background-color: #ffc27b;
  border: 1px solid #f49d5a;
  padding: 1px 6px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin: 0 10px;
}
.match_level-3 {
  color: #060606;
  background-color: #c2e4ba;
  border: 1px solid #8bc28c;
  padding: 1px 6px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  border-radius: 5px;
  margin: 0 10px;
}
.match_level-4 {
  color: magenta;
}
.match_level-5 {
  color: magenta;
}
body {
  border-bottom: 2px solid #f0f0f0;
}
.head td,
th {
  background-color: #00263a;
  color: #e2e2e2;
  text-align: left;
  a:link,
  a:visited {
    color: #e2e2e2;
    text-decoration: none;
  }
  a:hover {
    background-color: #e2e2e2;
    color: #00263a;
  }
  a:active {
    background-color: #00263a;
    color: #f5ff00;
    border-color: #f5ff00;
  }
}
.head {
  a:active {
    background-color: #00263a;
    color: #f5ff00;
  }
  a:link,
  a:visited,
  a:hover,
  a:active {
    background-color: #00263a;
    border: 1.3px solid #e2e2e2;
    padding: 1px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-right: 5;
  }
}
.flags {
  a:link,
  a:visited,
  a:hover,
  a:active {
    border: 0px solid;
    padding: 0px 0px;
    margin-right: 0;
  }
}
a:link {
  color: #00263a;
  text-decoration: none;
  border: 1px solid;
  padding: 0px 0px;
  border-color: transparent;
  text-decoration: none;
  border-radius: 4px;
}
a:visited {
  color: #00263a;
  text-decoration: none;
}
a:hover {
  color: #00263a;
  background-color: #f5ff00;
  text-decoration: none;
  padding: 0px 0px;
  border: 1px solid #00263a;
  text-decoration: none;
  border-radius: 4px;
}
a:active {
  background-color: #00263a;
  color: #f5ff00;
  border-color: #f5ff00;
}
table,
th,
td {
  border-collapse: collapse;
  border: 0px none black;
  border-spacing: 0px;
}
th.main_Level {
  text-align: center;
}
th.main_Status {
  text-align: center;
}
.lined {
  border-bottom: 2px solid #f0f0f0;
}
.lined {
  tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
  }
  tbody tr:nth-child(even) {
    background-color: #dcdcdc;
  }
  td.main_matchnews {
    background-color: #dcdcdc;
    border: 2;
  }
}
.linedcold {
  tbody tr:nth-child(odd) {
    td:nth-child(odd) {
      background-color: #dcdcdc;
    }
    td:nth-child(even) {
      background-color: #f0f0f0;
    }
  }
  tbody tr:nth-child(even) {
    td:nth-child(odd) {
      background-color: #f0f0f0;
    }
    td:nth-child(even) {
      background-color: #dcdcdc;
    }
  }
}
thead th {
  background-color: #fffb00;
  color: #326f50;
  border: 0px solid black;
  border-collapse: collapse;
}
th {
  font-weight: normal;
}
.nameswap,
.badaddress {
  background-color: blue;
}
.nameswap2 {
  color: blue;
}
.missingaddress {
  background-color: black;
}
input[type="button"],
input[type="submit"] {
  color: #f5f5f5;
  background-color: #f33535;
  border: 1px solid #00263a;
  padding: 1px 3px;
  text-decoration: none;
  border-radius: 4px;
  font-size: 13;
  margin-right: 5;
  margin-top: 3px;
  margin-bottom: 3px;
  font-weight: 550;
}
input[type="button"],
input[type="submit"]:hover {
  background-color: #00263a;
  color: #f5f5f5;
}
.match_announcement,
.match_form,
.match_stats {
  table {
    border: 2pt solid #00263a;
    margin-right: 1ex;
  }
}
.match_announcement,
.match_form {
  table {
    min-width: 99%;
  }
}
.match_upper {
  div {
   margin 1px;
  }
}
.match_upper,
.match_middle {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.match_middle {
  flex-wrap: wrap;
  padding: 1ex 0em;
}
@media (max-width: 64em) {
  .match_upper {
    flex-wrap: wrap;
  }
}
.match_stats_item {
  padding: 1ex 0em;
}
.match_stats_regions {
  break-after: always;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.main_fillicon {
  width: 99%;
  height: 98%;
  background: transparent
    url("https://ipscmatch.de/wiki/images/d/dc/Ipsc_logo_thin.png");
  background-color: #dcdcdc;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  border-bottom: 2px solid transparent;
}