@import '../../fonts/bolfonts/fonts.css';
@import '../../fonts/fontawesome/5.15.2/css/all.css';
@import '../bootstrap/4.6.0/css/bootstrap.css';
:root {
  --color-main: #0000a4;
  --color-secondary: #71e9b4;
  --color-light: #ffffff;
  --color-gray: #fafafa;
  --color-inactive: #777777;
  --color-room1: #dceeff;
  --color-room2: #e2f9ed;
  --color-room3: #ffeedd;
  --color-room4: #fffade;
  --color-closed: #ffffff;
  --color-bol-blue: #0000A4;
  --color-true-blue-light-semi: rgba(210, 225, 255, 0.5);
  --color-true-blue-light: #D2E1FF;
  --color-true-blue-regular: #9EBDF4;
  --color-true-blue-bold: #6797E5;
  --color-confident-green-light-semi: rgba(188, 237, 210, 0.5);
  --color-confident-green-light: #BCEDD2;
  --color-confident-green-regular: #81D2A8;
  --color-confident-green-bold: #47AE87;
  --color-honest-orange-light-semi: rgba(255, 224, 199, 0.5);
  --color-honest-orange-light: #FFE0C7;
  --color-honest-orange-regular: #FFC688;
  --color-honest-orange-bold: #FFA758;
  --color-united-yellow-light-semi: rgba(255, 246, 189, 0.5);
  --color-united-yellow-light: #FFF6BD;
  --color-united-yellow-regular: #FFEE88;
  --color-united-yellow-bold: #FFE04C;
  --color-passionate-pink-light-semi: rgba(255, 222, 226, 0.5);
  --color-passionate-pink-light: #FFDEE2;
  --color-passionate-pink-regular: #FFB7BF;
  --color-passionate-pink-bold: #FF8C94;
}

body * {
  font-family: 'Graphik Web', Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Produkt Web', Georgia, 'Times New Roman', Times, serif;
}

nav,
nav .btn {
  font-size: 1.25rem;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}

.bg-bol {
  color: var(--color-light);
  background-color: var(--color-main);
}

.bg-bol .btn-primary {
  background-color: initial;
  color: var(--color-light);
  border-color: var(--color-light);
}

.btn-warning,
.btn-warning.disabled {
  background-color: #ffb072;
  color: var(--color-light);
}

.bg-gray {
  background-color: var(--color-gray);
}

.logo-title {
  font-size: 1.5rem;
}

.logo-title img {
  height: 1.5em;
}

footer {
  color: var(--color-inactive);
  text-align: center;
}

.light-bordered {
  border: .5em solid;
  border-color: var(--color-secondary);
  border-radius: 1em;
}

.btn-primary {
  background-color: var(--color-main);
  border-color: var(--color-main);
}

a.disabled {
  pointer-events: none;
  opacity: 0.65;
  color: inherit;
}

a.btn.disabled {
  background-color: var(--color-inactive);
  border-color: var(--color-gray);
}

.big-button {
  font-size: 1.5rem;
}

.mid-button {
  font-size: 1.25rem;
}

@media (min-width: 768px) {
  .light-bordered {
    padding: 2em;
  }
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

iframe {
  display:block;
  width: 100%;
  max-width:100%;
}

.past {
  text-decoration: line-through;
}