@import url("https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,700,700i,800,800i&display=swap");
.event-layout {
  min-height: 100vh; }
  .event-layout .event-footer {
    text-align: right;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 8px;
    font-size: 11px;
    font-style: italic; }

.eventModeQueue .create-and-enqueue-user-form [class*="col"] {
  padding-left: 8px;
  padding-right: 8px; }

.setCourtUser {
  min-height: 100vh; }
  .setCourtUser .user-in-queue {
    background-color: #FFFFFF;
    margin-top: 1px; }
    .setCourtUser .user-in-queue:hover {
      cursor: pointer; }
    .setCourtUser .user-in-queue:first-child {
      margin-top: 20px; }
    .setCourtUser .user-in-queue .btn {
      padding: 0.3em 0.65em 0.3em;
      font-size: 12px; }
    .setCourtUser .user-in-queue .username {
      text-transform: capitalize;
      vertical-align: middle; }
    .setCourtUser .user-in-queue.blink-bg {
      animation: blinkingBackground 5.2s infinite; }

@keyframes blinkingBackground {
  0% {
    background-color: #FFF;
    color: #FFF; }
  25% {
    color: #FFF; }
  50% {
    background-color: #ef0a1a;
    color: #FFF; } }
  .setCourtUser.default {
    background-color: #00A9E0; }
    .setCourtUser.default .logo img {
      display: block;
      width: 32%;
      margin: auto;
      margin-top: 40px;
      margin-bottom: 40px; }
    .setCourtUser.default input,
    .setCourtUser.default .btn,
    .setCourtUser.default .panel {
      border-radius: 0px; }
  .setCourtUser.bitz_pretzels {
    background-color: #0094d4;
    font-family: 'Raleway', sans-serif; }
    .setCourtUser.bitz_pretzels .logo img {
      width: 54.3%;
      margin: auto;
      margin-top: 120px;
      margin-bottom: 60px;
      display: block; }
      @media screen and (min-width: 768px) {
        .setCourtUser.bitz_pretzels .logo img {
          width: 63.3%;
          margin-bottom: 50px; } }
      @media screen and (min-width: 320px) {
        .setCourtUser.bitz_pretzels .logo img {
          margin-top: 80px;
          width: 70%; } }
    .setCourtUser.bitz_pretzels input,
    .setCourtUser.bitz_pretzels .btn,
    .setCourtUser.bitz_pretzels .panel {
      border-radius: 0px; }
  .setCourtUser.movistar {
    background-color: #00A9E0; }
    .setCourtUser.movistar .logo img {
      width: 40%;
      margin: auto;
      margin-top: 60px;
      margin-bottom: 60px;
      display: block; }
      @media screen and (min-width: 768px) {
        .setCourtUser.movistar .logo img {
          width: 33.3%; } }
  .setCourtUser.audi {
    background-color: #000000;
    font-family: 'Audi Type Screen';
    font-weight: normal;
    font-style: normal; }
    .setCourtUser.audi .panel {
      border-radius: 0px;
      padding: 8px 2px; }
    .setCourtUser.audi .panel-heading {
      display: none; }
    .setCourtUser.audi .btn {
      border-radius: 0;
      border-color: transparent; }
    .setCourtUser.audi .btn-primary {
      background-color: #000; }
    .setCourtUser.audi .logo img {
      width: 40%;
      margin: auto;
      margin-top: 120px;
      margin-bottom: 60px;
      display: block; }
      @media screen and (min-width: 320px) {
        .setCourtUser.audi .logo img {
          width: 88%; } }
  @media screen and (min-width: 320px) {
    .setCourtUser .row {
      padding-left: 0px;
      padding-right: 0px; } }
  .setCourtUser .padding {
    padding: 20px 40px;
    text-align: center; }
  .setCourtUser .info {
    color: #FFFFFF; }
  @media screen and (min-width: 768px) {
    .setCourtUser .margin {
      margin: 0px 40px; } }
  .setCourtUser .panel {
    border: none; }
    @media screen and (min-width: 768px) {
      .setCourtUser .panel {
        box-shadow: none; } }
  @media screen and (min-width: 320px) {
    .setCourtUser .holder {
      padding-left: 0px;
      padding-right: 0px; } }
  .setCourtUser form label {
    font-size: 18px; }
    @media screen and (min-width: 320px) {
      .setCourtUser form label {
        font-size: 16px; } }

@media screen and (min-width: 350px) {
  .bert-alert[class*="growl-"] {
    min-width: auto; } }