/* CSS Copyright (c) Robert Steine */
body {
  min-height: 20rem;
  padding-top: 6.5rem;

      background:
        radial-gradient(
            circle at 80% 20%,
            rgba(154, 16, 22, 0.38) 0%,
            rgba(154, 16, 22, 0.12) 24%,
            transparent 48%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(154, 16, 22, 0.22) 0%,
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #000000 0%,
            #090909 45%,
            #140405 75%,
            #000000 100%
        );

    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

#EventTable td
{
 
  vertical-align: middle;
}

.userlist-branding
{
 
  height:20px!important;
}



/* KIOSK */

.kiosk-card
{
background:       rgba(50,50,50,0.95);
border-radius:    10px;
}

.kiosk-key {
  min-height: 72px;
  font-size: 2rem;
  font-weight: 600;
  touch-action: manipulation;
  touch-action: manipulation;
  user-select: none;
  -webkit-tap-highlight-color: transparent;

}

.btn-kiosk-red {
color: #fff;
background-color: #c1121f;
border-color: #c1121f;
}

.btn-kiosk-red:hover,
.btn-kiosk-red:focus,
.btn-kiosk-red:focus-visible {
color: #fff;
background-color: #c1121f;
border-color: #c1121f;
box-shadow: none;
}

.btn-kiosk-red:active,
.btn-kiosk-red.active {
color: #fff;
background-color: #e5383b;
border-color: #e5383b;
}

.btn-kiosk-red:disabled {
color: #fff;
background-color: #8f0d17;
border-color: #8f0d17;
opacity: 0.65;
}



.kioskbutton
{
  padding:25px;
  font-size:1.8rem;
  background:#9a1016;
  border-color:#fff;
}
.redbutton
{
  background:#9a1016;
  border-color:#fff;
}
.redborder
{
  border-color: #9a1016;
}
.kioskbutton:hover
{
  background: #333;
  border-color:#9a1016;
}


.kioskbeskjed
{
  font-size:1.3rem;

}


/* Heading - for the biggest stuff */
.kiosk-heading {
  font-size: 105px;
  line-height: 1.15;
  font-weight: 700;
}

/* Phones */
@media (max-width: 575.98px) {
  .kiosk-heading {
    font-size: 34px;
  }
}
/* Title - top of all cards */
.kiosk-title {
  font-size: 32px;
  line-height: 1.15;
  font-weight: 700;
}

/* Phones */
@media (max-width: 575.98px) {
  .kiosk-title {
    font-size: 24px;
  }
}



.card-header {
    color: #212529 !important;
    font-size: 1.1rem;
    font-weight: 600;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6,
.card-header .card-title {
    color: inherit !important;
    font-size: inherit;
    font-weight: inherit;
    margin-bottom: 0;
}