/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-brands-400.eot?89a52ae1d02b86d6143987c865471c24);src:url(/fonts/fa-brands-400.eot?89a52ae1d02b86d6143987c865471c24?#iefix) format("embedded-opentype"),url(/fonts/fa-brands-400.woff2?c1210e5ebe4344da508396540be7f52c) format("woff2"),url(/fonts/fa-brands-400.woff?329a95a9172fdb2cccb4f9347ed55233) format("woff"),url(/fonts/fa-brands-400.ttf?9e138496e8f1719c6ebf0abe50563635) format("truetype"),url(/fonts/fa-brands-400.svg?7b7d0ddbcc46b8bdd49447729876f75c#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}

@font-face {
    font-family: 'Merienda One';
    src: url(/fonts/MeriendaOne.ttf?91f04347bbe5758d5f2a1be4298de236);
    font-weight: normal;
    font-style: normal;
}
/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-regular-400.eot?4079ae2d2a15d0689568f3a5459241c7);src:url(/fonts/fa-regular-400.eot?4079ae2d2a15d0689568f3a5459241c7?#iefix) format("embedded-opentype"),url(/fonts/fa-regular-400.woff2?68c5af1f48e2bfca1e57ae1c556a5c72) format("woff2"),url(/fonts/fa-regular-400.woff?3672264812746c3c7225909742da535c) format("woff"),url(/fonts/fa-regular-400.ttf?1017bce89c72f95bcf8e2bf4774efdbf) format("truetype"),url(/fonts/fa-regular-400.svg?ac3d16eb330a74f2279acc030951c2ff#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
/*!
 * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fa-solid-900.eot?efbd5d20e407bbf85f2b3087ee67bfa1);src:url(/fonts/fa-solid-900.eot?efbd5d20e407bbf85f2b3087ee67bfa1?#iefix) format("embedded-opentype"),url(/fonts/fa-solid-900.woff2?ada6e6df937f7e5e8b790dfea07109b7) format("woff2"),url(/fonts/fa-solid-900.woff?c6ec080084769a6d8a34ab35b77999cd) format("woff"),url(/fonts/fa-solid-900.ttf?07c3313b24f7b1ca85ee99b4fa7db55e) format("truetype"),url(/fonts/fa-solid-900.svg?3fbf3c2553ba03410a4fd08478778c3d#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
@charset "UTF-8";
#menubar {
  width: 100%;
  height: 6%;
  background: #333;
  color: #fff;
  border-bottom-left-radius: 0.5rem;
  z-index: 5;
}
#menubar #userMenu {
  width: 80%;
  font-size: 1rem;
}
#menubar #userMenu .userMenuItem {
  width: 15%;
  background-color: transparent;
  color: #fff;
}
#menubar #userMenu .userMenuItem:hover, #menubar #userMenu .userMenuItem:focus {
  background-color: #dadada;
  cursor: pointer;
}
#menubar #userMenu .userMenuItem div {
  color: #fff;
  text-decoration: none;
  margin: auto;
}
#menubar #userOptions {
  font-size: 1.2rem;
  width: 20%;
  color: #fff;
  margin-left: auto;
  cursor: default;
}
#menubar #userOptions #userOptionDropdown {
  width: 100%;
  margin: 0;
  display: none;
  background: #535353;
  color: inherit;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
#menubar #userOptions #userOptionDropdown .userOptionElem {
  width: 100%;
  height: 5vh;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
#menubar #userOptions #userOptionDropdown .userOptionElem:hover, #menubar #userOptions #userOptionDropdown .userOptionElem:focus {
  background: #7a7a7a;
}
#menubar #userOptions:hover, #menubar #userOptions:focus, #menubar #userOptions:focus-within {
  background-color: rgba(163, 163, 163, 0.5490196078);
}
#menubar #userOptions:hover #userOptionDropdown, #menubar #userOptions:focus #userOptionDropdown, #menubar #userOptions:focus-within #userOptionDropdown {
  display: block;
}

@keyframes expandSidebar {
  0% {
    right: -30%;
    display: none;
  }
  1% {
    right: -30%;
    display: block;
  }
  50% {
    right: -15%;
    display: block;
  }
  100% {
    right: 0;
    display: block;
  }
}
#sidebar {
  width: 30%;
  height: 94%;
  position: fixed;
  top: 6%;
  right: -30%;
  background-image: url("/images/background/cockpitSidebar_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 3;
  display: none;
}
#sidebar.active {
  right: 0%;
  display: block;
  animation: expandSidebar 0.5s linear 1;
}
#sidebar #sidebarFrame {
  width: 100%;
  height: 100%;
  padding: 5px;
}
#sidebar #sidebarHeader {
  height: 50px;
  background-color: rgba(0, 0, 0, 0.158);
  border-radius: 10px;
}
#sidebar #sidebarHeader #sidebarTitle {
  font-size: 2rem;
  font-weight: 500;
  margin-left: 5%;
}
#sidebar #sidebarContent {
  width: 100%;
  max-height: calc(98% - 50px);
  border-radius: inherit;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 2%;
  padding: 15px 5px 15px 15px;
  border-radius: 35px;
}
#sidebar #sidebarContent label {
  font-size: 1.5rem;
}

@media only screen and (min-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  #wrapper {
    flex-direction: row-reverse;
  }
  #wrapper #content_wrapper {
    width: calc(100% - 15.5rem);
  }
  #wrapper #menu {
    height: 100vh;
    position: relative !important;
    border-radius: 0 !important;
    width: 50%;
    max-width: 15.5rem;
  }
  #wrapper #menu > * {
    display: flex !important;
  }
}
@font-face {
  font-family: Nunito;
  src: url(/fonts/Nunito-Regular.ttf);
}
body#frontendBody {
  background-color: #001327;
  background-image: url("/images/background/backend_bg_main.png");
  background-repeat: no-repeat;
  background-size: cover;
  color: #535353;
  font-family: Nunito;
  -ms-content-zooming: none;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: #39B4E8;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease;
  border-radius: 10px;
  filter: drop-shadow(0 0 0.25rem #535353);
}

::-webkit-scrollbar-thumb:hover {
  background: #918d59;
}

div#sponsorContainer {
  height: 10vh;
}
div#sponsorContainer > section div.sponsor {
  display: none;
  height: 10vh;
  width: 10vh;
  background-repeat: no-repeat;
  background-size: auto 70%;
  background-position: center center;
}
div#sponsorContainer > section div.sponsor.active {
  display: flex;
}
div#sponsorContainer > section img.sponsor {
  height: 100%;
  display: none;
}
div#sponsorContainer > section img.sponsor.active {
  display: flex;
}
div#sponsorContainer > section:first-of-type {
  background: #EFEFEF;
  width: 35.75%;
}
div#sponsorContainer > section:last-of-type {
  width: 64.25%;
  background: #FFF;
}

@keyframes easteregg {
  0% {
    left: 100vw;
  }
  40% {
    left: 100vw;
  }
  60% {
    left: -50rem;
  }
  100% {
    left: -50rem;
  }
}
@keyframes easteregg_row {
  0% {
    margin-left: 0;
  }
  25% {
    margin-left: 0.75rem;
  }
  90% {
    margin-left: 0;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes blinking {
  0% {
    background-color: rgba(250, 144, 83, 0.918);
  }
  50% {
    background-color: black;
  }
  100% {
    background-color: rgba(250, 144, 83, 0.918);
  }
}
div#signupFormContainer {
  background: rgba(255, 255, 255, 0.9);
  padding: 2%;
  border-radius: 1.5rem;
}

div#easteregg {
  height: 10vh;
  pointer-events: none;
  overflow: hidden;
  background: transparent;
  z-index: 10;
}
div#easteregg > div {
  animation: easteregg 180s linear infinite;
}
div#easteregg > div img.boat {
  height: 10vh;
  animation: easteregg_row 2s infinite;
  animation-delay: 0.5s;
}

div#raceplan {
  background: #174ea1;
  min-height: 100vh;
}
div#raceplan div#raceplanHeader {
  border-radius: 0 !important;
  z-index: 2;
  background-color: #3586FF;
}
div#raceplan div#raceplanHeader #raceplanTeamSearch {
  overflow: hidden;
  border-radius: 2rem;
}
div#raceplan div#raceplanHeader #raceplanTeamSearch > input {
  font-size: 1.25rem;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 0;
}
div#raceplan div#raceplanHeader #raceplanTeamSearch > input:focus {
  outline: 0;
}
div#raceplan div#raceplanHeader #raceplanHeadline {
  border-radius: 0 !important;
}
div#raceplan div#raceplanHeader #raceplanHeadline > h1 {
  font-size: 1.35rem;
  color: #3586FF;
  color: #fff;
}
div#raceplan div#raceplanHeader #raceplanHeadline > img {
  width: 4rem;
}
div#raceplan div#raceplanWrapper {
  max-width: 100%;
  width: 40rem;
  margin: auto;
}
div#raceplan div#raceplanWrapper div#eventSponsorContainer {
  color: white;
}
div#raceplan div#raceplanWrapper div.raceplanItem {
  border-radius: 2rem;
  overflow: hidden;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
}
div#raceplan div#raceplanWrapper div.raceplanItem div.systemMessageHeader {
  font-size: 1.2rem;
  color: white;
  background: rgba(250, 94, 83, 0.95);
  animation-name: blinking;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}
div#raceplan div#raceplanWrapper div.raceplanItem div.systemMessageBody {
  background: #E7F2F8;
  font-size: 1.1rem;
}
div#raceplan div#raceplanWrapper div.raceplanItem div.raceplanItemHeader {
  background: #fff;
  font-size: 1.2rem;
  color: black;
}
div#raceplan div#raceplanWrapper div.raceplanItem div.raceplanItemBody {
  background: #E7F2F8;
  font-size: 1.1rem;
}
div#raceplan div#raceplanWrapper div.raceplanItem div.raceplanItemBody > div:first-of-type {
  font-weight: bold;
}
div#raceplan div#raceplanWrapper div.raceplanItem div.raceplanItemBody > div > div:nth-of-type(1) {
  width: 2rem;
}
div#raceplan div#raceplanWrapper div.raceplanItem div.raceplanItemBody > div > div:nth-of-type(2) {
  width: calc(100% - 7.5rem);
}
div#raceplan div#raceplanWrapper div.raceplanItem div.raceplanItemBody > div > div:nth-of-type(3) {
  width: 4rem;
}
div#raceplan div#raceplanWrapper div.raceplanItem div.raceplanItemBody > div > div:nth-of-type(4) {
  width: 1.5rem;
}
div#raceplan div#raceplanWrapper div.raceplanItem:nth-of-type(even) .raceplanItemBody {
  background: #F5F2DE;
}

div#resultlist {
  background: #174ea1;
  min-height: 100vh;
}
div#resultlist div#resultlistWrapper {
  max-width: 100%;
  width: 40rem;
  margin: auto;
}
div#resultlist div#resultlistWrapper #cupPicker {
  display: none;
}
div#resultlist div#resultlistWrapper #cupPicker.active {
  display: block;
}
div#resultlist div#resultlistWrapper .resultlistItem {
  height: 20vh;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
  filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.5));
  background: #e9d3d0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  cursor: default;
  font-size: 2rem;
  color: black;
}
div#resultlist div#resultlistWrapper .resultlistItem.published {
  background: #d0e0e9;
  cursor: pointer;
}
div#resultlist div#resultlistWrapper .resultlistItem.published:hover {
  background: #a9b9c2;
}
div#resultlist div#resultlistWrapper #resultTables {
  display: none;
}
div#resultlist div#resultlistWrapper #resultTables.active {
  display: block;
}
div#resultlist div#resultlistWrapper .cupContent {
  background: rgba(255, 255, 255, 0.9);
  display: none;
  border-radius: 1rem;
  padding: 3%;
  color: black;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div#resultlist div#resultlistWrapper .cupContent.active {
  display: flex;
}
div#resultlist div#resultlistWrapper .cupContent h1 {
  font-size: 2.3rem;
}
div#resultlist div#resultlistWrapper .cupContent .cupPlacementTable {
  color: black;
  width: 100%;
  padding: 1%;
  border-radius: 0.5rem;
  min-height: 50%;
  font-size: 1.2rem;
}

div#displayOverview {
  background-color: #E1EAF2;
  height: 90vh;
}
div#displayOverview section#cupContainer {
  width: 65vw;
  height: 90vh;
  background: #F2F8FD;
}
div#displayOverview section#cupContainer h1 {
  font-size: 1.6rem;
  color: #001327;
  letter-spacing: 0.05em;
}
div#displayOverview section#cupContainer h1 > div {
  height: 2rem;
  width: 4px;
  background-color: #918d59;
  border-radius: 4px;
}
div#displayOverview section#cupContainer h2 {
  font-size: 1.1rem;
}
div#displayOverview section#cupContainer section.cupHolder {
  display: none !important;
  width: 100%;
  height: 100%;
  background: #F2F8FD;
}
div#displayOverview section#cupContainer section.cupHolder.active {
  display: flex !important;
}
div#displayOverview section#cupContainer section.cupHolder section.cupRunList {
  background: transparent;
  width: 60%;
  height: 100%;
  color: #001327;
  overflow-y: scroll;
  background: #F2F8FD;
  color: #001327;
  font-size: 1.2rem;
  padding-bottom: 4.5rem;
}
div#displayOverview section#cupContainer section.cupHolder section.cupRunList > div {
  background: #fff;
  border-radius: 1.25rem;
  filter: drop-shadow(0 0.75rem 0.5rem #e0e0e0);
  position: relative;
}
div#displayOverview section#cupContainer section.cupHolder section.cupRunList > div > div:nth-of-type(2) {
  background: #F5F2DE;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
}
div#displayOverview section#cupContainer section.cupHolder section.cupRunList > div:nth-of-type(2n -1) > div:nth-of-type(2) {
  background: #E7F2F8;
}
div#displayOverview section#cupContainer section.cupHolder section.cupToplist {
  width: 40%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #E1EAF2;
  font-size: 1.25rem;
  padding-bottom: 4.5rem;
}
div#displayOverview section#cupContainer section.cupHolder section.cupToplist > div.cupPlacements {
  color: #001327;
}
div#displayOverview section#cupContainer section.cupHolder section.cupToplist > div.cupPlacements > div[data-placement="1"], div#displayOverview section#cupContainer section.cupHolder section.cupToplist > div.cupPlacements > div[data-placement="2"], div#displayOverview section#cupContainer section.cupHolder section.cupToplist > div.cupPlacements > div[data-placement="3"] {
  font-weight: bold;
}
div#displayOverview section#cupContainer section.cupHolder section.cupToplist > div.cupPlacements > div[data-placement="3"] {
  font-weight: bold;
  margin-bottom: 1rem;
}
div#displayOverview section#cupContainer section.cupHolder section.cupToplist > div.cupPlacements > div.notimes {
  font-style: italic;
  opacity: 0.7;
}
div#displayOverview section#cupSelector {
  overflow-x: scroll;
  overflow-y: visible;
  background: transparent;
  width: calc(100% - 10px);
}
div#displayOverview section#cupSelector > div {
  background: #fff;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  color: #001327;
  cursor: pointer;
  white-space: nowrap;
  filter: drop-shadow(0 0 0.25rem #eee);
}
div#displayOverview section#cupSelector > div.active {
  background: #3586FF;
  color: #fff;
  font-weight: bold;
}
div#displayOverview section#eventSchedule {
  width: 35vw;
  height: 100%;
  background: linear-gradient(to bottom, #001327, #3586FF);
  background-color: #E1EAF2;
  position: relative;
  z-index: 2;
  overflow-y: scroll;
  overflow-x: hidden;
}
div#displayOverview section#eventSchedule h1 {
  font-size: 1.6rem;
  color: #f0f0f0;
  letter-spacing: 0.05em;
}
div#displayOverview section#eventSchedule h1 > div {
  height: 2rem;
  width: 4px;
  background-color: #39B4E8;
  border-radius: 4px;
}
div#displayOverview section#eventSchedule h2 {
  font-size: 1.1rem;
  color: #f0f0f0;
}
div#displayOverview section#eventSchedule div#plannedRaces {
  color: #001327;
}
div#displayOverview section#eventSchedule div#plannedRaces h2 {
  color: #001327;
}
div#displayOverview section#eventSchedule div#plannedRaces > div {
  background: #fff;
  color: #001327;
  border-radius: 1.25rem;
  overflow: hidden;
  filter: drop-shadow(0 0.5rem 0.5rem black);
  position: relative;
}
div#displayOverview section#eventSchedule div#plannedRaces > div:first-of-type {
  z-index: 2;
  filter: drop-shadow(0 1rem 1rem #00070e);
}
div#displayOverview section#eventSchedule div#plannedRaces > div:first-of-type > div:nth-of-type(2) {
  background-color: #E7F2F8;
}
div#displayOverview section#eventSchedule div#plannedRaces > div > div:nth-of-type(2) {
  background-color: #EFEFEF;
}

body {
  font-family: Nunito;
}

body#backendBody {
  background-color: #001327;
  background-image: url("/images/background/backend_bg_main.png");
  background-repeat: no-repeat;
  background-size: cover;
}

@keyframes spark {
  0% {
    background-color: rgba(250, 94, 83, 0.95);
  }
  45% {
    background-color: rgba(250, 94, 83, 0.95);
  }
  50% {
    background-color: rgba(250, 94, 83, 0.85);
  }
  55% {
    background-color: rgba(250, 94, 83, 0.95);
  }
  100% {
    background-color: rgba(250, 94, 83, 0.95);
  }
}
@keyframes dropTarget {
  0% {
    border-color: rgba(0, 0, 0, 0);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.8);
  }
}
@keyframes waiting {
  0% {
    right: -30rem;
  }
  100% {
    right: calc(100% + 30rem);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes blinking {
  0% {
    background-color: rgba(250, 144, 83, 0.836);
  }
  50% {
    background-color: transparent;
  }
  100% {
    background-color: rgba(250, 144, 83, 0.836);
  }
}
@keyframes live_indicator {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes retractFromSidebar {
  0% {
    width: 100%;
  }
  50% {
    width: 85%;
  }
  100% {
    width: 70%;
  }
}
div#mainBody {
  min-height: 92vh;
  width: 100%;
  border-radius: 0 0 30px 30px;
  padding: 5px;
  overflow: hidden;
}
div#mainBody.sidebarActive {
  width: 70%;
  animation: retractFromSidebar 0.5s linear 1;
}

div.liveIndicator {
  width: 1rem;
  height: 1rem;
  background-color: #D90B2B;
  border-radius: 100%;
  display: inline-block;
  animation: live_indicator 0.5s ease infinite alternate;
}

div#notifWrapper {
  flex-direction: column;
}
div#notifWrapper div#notificationModal {
  display: flex;
  flex-direction: column;
  background: #fdfdfd;
  color: #535353;
  width: 100%;
  max-width: 30rem;
  border-radius: 0.5rem;
  box-sizing: border-box;
  box-shadow: 0 0 0.5rem 0.15rem #666;
  border: 1px solid #333;
  position: relative;
}
div#notifWrapper div#notificationModal > div {
  padding: 1rem;
}
div#notifWrapper div#notificationModal div#notifOptions {
  padding: 0.5rem;
  display: flex;
  justify-content: end;
  position: absolute;
  top: 0;
  right: 0;
}
div#notifWrapper div#notificationModal div#notifOptions > i {
  margin-left: 0.25rem;
  cursor: pointer;
}
div#notifWrapper div#notificationModal div#notifBody {
  display: flex;
  flex-direction: column;
}
div#notifWrapper div#notificationModal div#notifBody > h2 {
  font-size: 1.1rem;
  margin: 0 0 0.5rem 0;
  color: #535353;
}
div#notifWrapper div#notificationModal div#notifBody p {
  color: #6d6d6d;
}
div#notifWrapper div#notificationModal div#notifDialog {
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: end;
}

/** Das sind Knöpfe */
div.optionsContainer {
  align-items: flex-start;
}
div.optionsContainer > a,
div.optionsContainer input,
div.optionsContainer button {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.5);
  background-color: #3586FF;
  color: #fff;
  border: 0px;
}

div#eventDetails div#overviewHeader {
  font-size: 1.1rem;
  left: 0;
  top: -2.65rem;
}
div#eventDetails div#overviewHeader div.headerItem {
  background: #8e8e8e;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  overflow-y: hidden;
  transition: 0.25s ease all;
  color: #fff !important;
  cursor: pointer;
}
div#eventDetails div#overviewHeader div.headerItem.active {
  background: #fff;
  position: relative;
  color: #535353 !important;
}
div#eventDetails div#raceOverview {
  margin-top: 2.8rem;
  background: #fff;
  z-index: 3;
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  filter: drop-shadow(0 0 0.25rem #333);
}
div#eventDetails div#raceOverview div.raceListItem {
  color: inherit;
}
div#eventDetails div#raceOverview div.raceListItem > a {
  color: inherit;
  cursor: pointer;
}
div#eventDetails div#raceOverview div.raceListItem > a > div {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0.25rem;
}
div#eventDetails div#raceOverview div.raceListItem > a > div label {
  min-width: 10rem;
  font-weight: bold;
}
div#eventDetails div#raceOverview div.raceListItem > a > div.unlocked {
  background: rgba(255, 205, 92, 0.25);
}
div#eventDetails div#raceOverview div.raceListItem > a > div.started {
  background: rgba(255, 160, 60, 0.25);
}
div#eventDetails div#raceOverview div.raceListItem > a > div.completed {
  background: rgba(6, 138, 3, 0.15);
}
div#eventDetails div#raceOverview div.raceListItem > a > div.published {
  box-sizing: border-box;
  border: 3px solid rgba(30, 77, 129, 0.15);
  font-style: italic;
}
div#eventDetails div#raceOverview div.raceListItem > a div.raceTeamList > div:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.02);
}

div#raceFinishContainer {
  background: rgba(255, 255, 255, 0.9);
  height: 100vh;
  display: flex;
  border-radius: 1.5rem;
}
div#raceFinishContainer div#racePanel {
  height: 100%;
  width: 65%;
  padding-left: 1%;
  border-right: 2px solid black;
}
div#raceFinishContainer div#racePanel div#raceUnlockOverlay {
  background: rgba(0, 0, 0, 0.6);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  border-radius: 0.5rem;
  border: 2px dashed #fff;
}
div#raceFinishContainer div#raceActions {
  height: 100%;
  width: 35%;
}
div#raceFinishContainer div.captionContent {
  text-transform: uppercase;
  font-weight: bold;
}
div#raceFinishContainer div#raceStatusIcons > i {
  height: 2rem;
  width: 2rem;
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  background: rgba(61, 61, 61, 0.2);
}
div#raceFinishContainer div#raceStatusIcons > i.checked {
  background: rgba(61, 184, 98, 0.3);
}
div#raceFinishContainer div#raceStatusIcons > i.warning {
  background: rgba(184, 184, 61, 0.3);
}
div#raceFinishContainer div.raceControlBtns {
  margin: 4%;
}
div#raceFinishContainer div.raceControlBtns div {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  background: rgba(61, 61, 61, 0.2);
  color: #fff;
  cursor: pointer;
}
div#raceFinishContainer div.raceControlBtns div#undoBtn {
  background: #D90B2B;
}
div#raceFinishContainer div.raceControlBtns div#publishBtn {
  background: #3586FF;
}
div#raceFinishContainer div.raceControlBtns div#suppressBtn {
  background: #001327;
}
div#raceFinishContainer div#raceDetails {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-y: auto;
  max-height: 60%;
}
div#raceFinishContainer div#raceDetails.raceComplete {
  max-height: 80%;
}
div#raceFinishContainer div#raceDetails div#raceControl div.empty > div:last-of-type {
  color: #868686;
}
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget,
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget {
  border: 1px dashed rgba(0, 0, 0, 0.45);
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
}
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget input[type=text],
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget input[type=number],
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget input[type=text],
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget input[type=number] {
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 0.25rem;
  background: #fff;
  padding: 0.5rem 1rem;
  display: none;
}
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget::after,
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget::after {
  content: attr(data-text);
}
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget.occupied,
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget.occupied {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
  color: #535353;
}
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget.occupied input[type=text],
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget.occupied input[type=number],
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget.occupied input[type=text],
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget.occupied input[type=number] {
  display: inherit;
}
div#raceFinishContainer div#raceDetails div#raceControl div.moveTarget.occupied::after,
div#raceFinishContainer div#raceDetails div#raceControl div.lockedMoveTarget.occupied::after {
  content: "";
}
div#raceFinishContainer div#raceDetails div#raceControl div.targetItem {
  background: rgba(30, 77, 129, 0.5);
  border: 1px solid rgba(30, 77, 129, 0.9);
  color: #fff;
  animation: dropTarget 0.5s infinite alternate;
}
div#raceFinishContainer div#raceDetails div#timesList div.timeItem {
  padding: 0.5rem 1rem;
  border: 1px dashed rgba(0, 0, 0, 0.45);
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.1);
  min-width: 8rem;
  max-width: 100%;
}
div#raceFinishContainer div#raceDetails div#timesList div.timeItem.used {
  background: rgba(50, 255, 50, 0.1);
  border: 1px solid rgba(50, 255, 50, 0.3);
}
div#raceFinishContainer div#stopwatch input#raceTimer {
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 0.9);
  font-size: 1.5rem;
  padding: 0.5rem 1rem;
  color: #535353;
}
div#raceFinishContainer div#stopwatch div#stopBtn {
  width: 9rem;
  height: 9rem;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 3rem;
  transition: 0.2s all ease;
  cursor: pointer;
}
div#raceFinishContainer div#stopwatch div#stopBtn:hover {
  background: rgba(255, 50, 50, 0.1);
  border: 1px solid rgba(255, 50, 50, 0.3);
}
div#raceFinishContainer div#stopwatch div#raceTimes > div {
  padding: 0.5rem 1rem;
  background: rgba(50, 255, 50, 0.1);
  border: 1px solid rgba(50, 255, 50, 0.3);
  margin-right: 0.5rem;
  border-radius: 0.25rem;
}
div#raceFinishContainer div#stopwatch div#raceTimes > div:last-of-type {
  margin-right: 0;
}
div#raceFinishContainer div#stopwatch div#raceTimes > div::after {
  content: attr(data-time);
}

div#startContainer {
  filter: drop-shadow(0 0 0.5rem #000);
}
div#startContainer a {
  color: inherit;
}
div#startContainer div#raceList {
  min-width: 18rem;
  overflow: hidden;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  height: calc(100vh - 2rem);
  overflow-y: scroll;
}
div#startContainer div#raceList div#racedayList {
  background: #8e8e8e;
  color: #eee;
}
div#startContainer div#raceList div#racedayList > div {
  background: transparent;
  cursor: pointer;
}
div#startContainer div#raceList div#racedayList > div.active {
  background: #fff;
  z-index: 2;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  color: #535353;
}
div#startContainer div#raceList div#allRaces {
  background: #fff;
}
div#startContainer div#raceList div#allRaces div.racedayContainer div.raceItem {
  background: #e6e6e6;
  border-radius: 0.25rem;
}
div#startContainer div#raceList div#allRaces div.racedayContainer div.raceItem.active {
  border: 2px solid #3586FF;
}
div#startContainer div#raceList div#allRaces div.racedayContainer div.raceItem.unlocked {
  background: rgba(255, 205, 92, 0.25);
}
div#startContainer div#raceList div#allRaces div.racedayContainer div.raceItem.started {
  background: rgba(255, 160, 60, 0.25);
}
div#startContainer div#raceList div#allRaces div.racedayContainer div.raceItem.completed {
  background: rgba(6, 138, 3, 0.15);
}
div#startContainer div#raceList div#allRaces div.racedayContainer div.raceItem.published {
  box-sizing: border-box;
  border: 3px solid rgba(30, 77, 129, 0.15);
  font-style: italic;
}
div#startContainer div#raceDetails {
  background: #fff;
}
div#startContainer div#raceDetails div#activeRace div#raceStartCover, div#startContainer div#raceDetails div#activeRace div#raceStartOverlay {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 2rem;
  z-index: 2;
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
}
div#startContainer div#raceDetails div#activeRace div#raceStartCover div#raceUnlockWaitAnimation, div#startContainer div#raceDetails div#activeRace div#raceStartOverlay div#raceUnlockWaitAnimation {
  overflow-x: hidden;
  height: 4rem;
}
div#startContainer div#raceDetails div#activeRace div#raceStartCover div#raceUnlockWaitAnimation img, div#startContainer div#raceDetails div#activeRace div#raceStartOverlay div#raceUnlockWaitAnimation img {
  width: 15rem;
  animation: waiting 30s linear infinite;
  bottom: 0;
}
div#startContainer div#raceDetails div#activeRace div#actionMenu {
  overflow: hidden;
}
div#startContainer div#raceDetails div#activeRace div#actionMenu div#activeButtonContainer {
  background: rgba(0, 0, 0, 0.1);
  font-size: 2rem;
}
div#startContainer div#raceDetails div#activeRace div#actionMenu div#activeButtonContainer div#start_button {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 100%;
  background: #D90B2B;
  color: #fff;
  font-size: 4rem;
  filter: drop-shadow(0 0 0.25rem #fff);
  cursor: pointer;
}
div#startContainer div#raceDetails div#activeRace div#actionMenu div#activeButtonContainer div#start_button.started {
  background: #ffbd29;
  animation: pulse 2s infinite alternate;
}
div#startContainer div#raceDetails div#activeRace div#actionMenu div#raceTeamList {
  background: #fff;
  filter: drop-shadow(0 0 0.25rem #333);
}
div#startContainer div#raceDetails div#activeRace div#actionMenu div#raceTeamList > div:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.01);
}

#cockpit {
  width: 100%;
  height: 100%;
  display: flex;
}
#cockpit #cockpitSidebar {
  color: black;
  max-width: 30%;
  max-height: 92vh;
  min-height: 92vh;
  padding: 1% 1% 0 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  box-shadow: 17px 0 10px -8px rgba(0, 19, 39, 0.4588235294);
  background-image: url("/images/background/cockpitSidebar_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
#cockpit #cockpitSidebar .sidebarItem {
  color: rgb(20, 68, 65);
  width: 100%;
  height: 20%;
  padding: 1.5rem;
  margin: 10px 0;
  background: #fff;
  border: 2px solid rgb(33, 33, 105);
  border-radius: 1rem;
  opacity: 0.75;
  cursor: pointer;
}
#cockpit #cockpitSidebar .sidebarItem.deprecated {
  padding: 0.5rem;
}
#cockpit #cockpitSidebar .sidebarItem.active {
  opacity: 1;
}
#cockpit #cockpitSidebar .sidebarItem:hover, #cockpit #cockpitSidebar .sidebarItem:focus {
  background: #3586FF;
}
#cockpit .cockpitItemContainer {
  width: 80%;
  min-height: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#cockpit .cockpitItemContainer.active {
  display: flex;
}
#cockpit .cockpitItemContainer .cockpitRow {
  width: 100%;
  height: 25%;
  padding: 10px;
  margin-bottom: 1%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
}
#cockpit .cockpitItemContainer .cockpitRow .cockpitItem {
  width: 22%;
  height: 95%;
  font-style: normal;
  text-decoration: none;
  color: #535353;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 5px 5px 5px #1E4D81;
}
#cockpit .cockpitItemContainer .cockpitRow .cockpitItem:hover, #cockpit .cockpitItemContainer .cockpitRow .cockpitItem:focus {
  background: #3586FF;
}
#cockpit .cockpitItemContainer .cockpitRow .cockpitItem .cockpitItemContent {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}

.blinking {
  animation-name: blinking;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease;
}

table#signupList td,
table#signupList th {
  padding: 0.5rem 1rem;
}
table#signupList tbody tr {
  background: rgba(173, 216, 230, 0.5);
}
table#signupList tbody tr:nth-of-type(even) {
  background: rgba(173, 216, 230, 0.75);
}
table#signupList tbody tr:hover {
  background: aliceblue;
}
table#signupList tbody tr.active {
  background: lightblue;
}

div#finalRaceCheckContainer {
  width: 50%;
  display: flex;
  margin: 3%;
  border: 1px solid black;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.9);
  margin: auto;
}

div.modalContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.65);
  color: #535353;
  display: flex;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  transition: 0.25s;
  z-index: 100000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
div.modalContainer.active {
  opacity: 1;
  pointer-events: inherit;
}
div.modalContainer.active > div {
  transform: translateY(0);
  opacity: 1;
}
div.modalContainer > div {
  transform: translateY(-3rem);
  opacity: 0;
  transition: 0.33s;
  background-color: rgba(255, 255, 255, 0.95);
  padding: 1rem;
  border-radius: 0.25rem;
  width: 55rem;
  max-width: 90%;
  filter: drop-shadow(0 0 0.25rem #000);
  max-height: 90vh;
}
div.modalContainer > div div#trashArea {
  opacity: 0;
}
div.modalContainer > div div#trashArea.active {
  opacity: 1;
}
div.modalContainer > div div.teamList {
  overflow-y: scroll;
}
div.modalContainer > div div.teamList div.teamAssignable {
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
}
div.modalContainer > div div.teamList > strong:not(:first-of-type) {
  margin-top: 1rem;
}
div.modalContainer > div div#targetList > div.targetItem {
  border: 1px dashed rgba(0, 0, 0, 0.45);
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
}
div.modalContainer > div div#targetList > div.targetItem::after {
  content: attr(data-delete)attr(data-lane);
}
div.modalContainer > div div#targetList > div.teamItem {
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 0.25rem;
  background: rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
  color: #3586FF;
}
div.modalContainer > div div#targetList > div.teamItem::before {
  content: attr(data-lane);
}

.noSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

@keyframes blinkingRow {
  0% {
    background: rgb(151, 255, 165);
  }
  100% {
    background: rgb(0, 255, 34);
  }
}
.dt-search {
  float: right;
}

.btn {
  margin: 0;
  padding: 0.5rem 1.5rem;
  border-radius: 0.25rem;
  background: lightgray;
  color: #535353;
  border: 0;
  transition: 0.25s all ease;
  -moz-transition: 0.25s all ease;
  -webkit-transition: 0.25s all ease;
  -o-transition: 0.25s all ease;
  border: 0.15rem solid rgba(255, 255, 255, 0.85);
  box-sizing: border-box;
}
.btn:hover, .btn:focus {
  background: #2875e7;
  color: #fff;
}

.hidden {
  display: none !important;
}

.btn-ok {
  background-color: #068a03;
  color: #fff;
}

.btn-warning {
  background-color: #FFCD5C;
  color: #535353;
}

.btn-danger {
  background-color: #D90B2B;
  color: #fff;
}

.btn-cta {
  background-color: #918d59;
  color: #fff;
}

.btn-square {
  width: 2rem;
  height: 2rem;
  border-radius: 0.35rem;
  padding: 0 !important;
}

.margin-right-small {
  margin-right: 0.25rem;
}

.margin-right-medium {
  margin-right: 0.5rem;
}

.margin-right-large {
  margin-right: 1rem;
}

.margin-right-extra-large {
  margin-left: 1.5rem;
}

.margin-left-small {
  margin-left: 0.25rem;
}

.margin-left-medium {
  margin-left: 0.5rem;
}

.margin-left-large {
  margin-left: 1rem;
}

.margin-left-extra-large {
  margin-left: 1.5rem;
}

input,
select {
  border-color: rgba(0, 0, 0, 0.5);
  border-width: 1px;
}
input:not([type=checkbox], [type=radio]),
select:not([type=checkbox], [type=radio]) {
  border-radius: 0.25rem;
}

.w-10 {
  width: 10% !important;
}

.previewImage {
  max-width: 100%;
  max-height: 100px;
  margin: 10px 0;
}

.headerBox {
  background-color: rgba(255, 255, 255, 0.22);
  padding: 1% 2%;
  border-radius: 30px;
  color: white;
}

.contentTable {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 30px;
}
.contentTable td, .contentTable th {
  margin-top: 1rem;
  padding: 0.5rem 1rem;
}
.contentTable th {
  background: #3586FF;
  color: #000;
  font-weight: bold;
}
.contentTable tr {
  background: rgba(0, 0, 0, 0.015);
}
.contentTable tr:nth-of-type(even) {
  background: rgba(0, 0, 0, 0.05);
}
.contentTable tr.ready {
  background-color: rgba(0, 255, 0, 0.25);
}
.contentTable tr.deprecated {
  background-color: rgba(255, 255, 255, 0.55);
  color: #6d6d6d;
  font-style: italic;
}

.administrationTable {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 1rem;
  overflow: hidden;
}
.administrationTable thead > tr {
  background: #3586FF;
  color: #000;
  font-size: 1.15rem;
  font-weight: bold;
}
.administrationTable thead > tr:nth-child(2) {
  background: #5d9eff;
}
.administrationTable tbody > tr {
  background: #ebebeb;
}
.administrationTable tbody > tr.deprecated {
  background: rgb(206, 206, 206);
  color: #6d6d6d;
  font-style: italic;
}
.administrationTable tbody > tr:nth-child(2n):not(.deprecated, .activeEditing, .newRow) {
  background: #e0e0e0;
}
.administrationTable tbody > tr.calcReady {
  background: rgba(0, 255, 0, 0.25);
}
.administrationTable tbody > tr.calcReady:nth-child(2n) {
  background: rgba(0, 194, 0, 0.25);
}
.administrationTable tbody > tr.newRow {
  background: rgb(151, 255, 165);
  animation: blinkingRow 0.5s ease-in-out 8 alternate;
}
.administrationTable tbody > tr:hover:not(.deprecated), .administrationTable tbody > tr:focus:not(.deprecated) {
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.administrationTable tbody > tr.activeEditing {
  background: rgb(255, 211, 130);
}

.sponsorIndexTable tbody > tr:hover:not(.deprecated), .sponsorIndexTable tbody > tr:focus:not(.deprecated) {
  box-shadow: none;
  cursor: inherit;
}
.sponsorIndexTable .administrationTable tbody > tr:hover:not(.deprecated), .sponsorIndexTable .administrationTable tbody > tr:focus:not(.deprecated) {
  box-shadow: none;
  cursor: inherit;
}
.sponsorIndexTable .administrationTable tbody td {
  background: #ebebeb;
}
.sponsorIndexTable .administrationTable tbody td:nth-child(2n):not(.activeEditing) {
  background: #e0e0e0;
}
.sponsorIndexTable .administrationTable tbody td:hover, .sponsorIndexTable .administrationTable tbody td:focus {
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.sponsorIndexTable .administrationTable tbody td.activeEditing {
  background: rgb(255, 211, 130);
}

.successIndicator {
  font: green;
  font-size: 1.2em;
  display: none;
}

.statusIndicator {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: red;
}
.statusIndicator.complete {
  background: green;
}

.mainEditForm {
  background: #C4C4C4;
  border-radius: inherit;
  margin: 0;
}

.padding-small {
  padding: 0.25rem;
}

.padding-medium {
  padding: 0.5rem;
}

.padding-large {
  padding: 1rem;
}

.padding-extra-large {
  padding: 1rem;
}

i.first {
  color: #a89a5a;
}

i.second {
  color: #777;
}

i.third {
  color: #a77c72;
}

.w-33 {
  width: 33% !important;
}

.w-30 {
  width: 30% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-40 {
  width: 40% !important;
}

.w-35 {
  width: 35% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.p-6 {
  padding: 2rem;
}

a,
a:hover {
  text-decoration: none;
}

.dragged {
  position: absolute;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#displayMessageContainer {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1rem;
  padding: 1%;
}
#displayMessageContainer td.displaymessage_activate_btn {
  cursor: pointer;
  background-color: red;
}
#displayMessageContainer td.displaymessage_activate_btn.active {
  background-color: lightgreen;
}
#displayMessageContainer td.displaymessage_activate_btn h3 {
  pointer-events: none;
}

div.dataHeader {
  width: 100%;
  height: 10vh;
  font-size: 3rem;
  background: rgb(232, 239, 241);
  border: 2px solid rgb(7, 7, 73);
  border-radius: 10px 35px 0 35px;
  font-weight: 450;
  display: flex;
  cursor: pointer;
}
div.dataHeader:hover, div.dataHeader:focus {
  background: #fff;
}
div.dataHeader .headerSign, div.dataHeader .headerName {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
}
div.dataHeader .headerSign {
  width: 10%;
}
div.dataHeader .headerName {
  width: 90%;
}

div.cupHeader .headerName {
  justify-content: space-between;
}

div.dataContainer {
  width: 90%;
  margin-left: 10%;
  overflow: hidden;
  border-radius: 0 0 35px 35px;
  display: none;
  align-items: center;
  justify-content: center;
}
div.dataContainer.open {
  display: flex;
}

div#reportContainer .cupHolder {
  margin: 1% 0;
}
div#reportContainer .cupHolder div.reportCup {
  width: 90%;
  margin-left: 10%;
  border-radius: 0 0 35px 35px;
  display: none;
  align-items: top;
  justify-content: center;
}
div#reportContainer .cupHolder div.reportCup.open {
  display: flex;
}
div#reportContainer .cupHolder div.reportCup div.reportCupRaces {
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
}
div#reportContainer .cupHolder div.reportCup div.reportCupRaces .reportRace {
  background: rgb(241, 241, 241);
  border-radius: 25px;
}
div#reportContainer .cupHolder div.reportCup div.reportCupRaces .reportRace .reportRaceTable {
  background: #e6ac24;
  border-radius: 10px;
}
div#reportContainer .cupHolder div.reportCup div.reportCupRaces .reportRace:nth-child(2n) {
  background: rgb(230, 230, 230);
}

.optionFormContainer .userOptionForm {
  background: #C4C4C4;
}
.optionFormContainer .userOptionForm:nth-child(2n) {
  background: #d6d6d6;
}
.optionFormContainer .userOptionForm:not(first-child) {
  border-top: 1px solid black;
}