@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-Thin.otf);
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-ThinItalic.otf);
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-ExtraLight.otf);
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-ExtraLightItalic.otf);
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-Light.otf);
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-LightItalic.otf);
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-Regular.otf);
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-RegularItalic.otf);
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-Medium.otf);
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-MediumItalic.otf);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-SemiBold.otf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-SemiBoldItalic.otf);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-Bold.otf);
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-BoldItalic.otf);
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-ExtraBold.otf);
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-ExtraBoldItalic.otf);
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-Black.otf);
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Metropolis;
  src: url(/themes/CDLRapido/assets/fonts/metropolis/Metropolis-BlackItalic.otf);
  font-weight: 800;
  font-style: italic;
}
body {
  font-family: "Metropolis", sans-serif;
}

.navbar-brand {
  background: url("/media/cdl-rapido.webp") top center no-repeat;
  background-size: contain;
  text-indent: -999rem;
  width: 200px;
  height: 80px;
}

#login #searchbox {
  display: none;
}

.signature-pad {
  background: lightgray;
}

.new-account {
  display: none;
}

input::placeholder {
  color: lightgrey !important;
}

.info-column {
  height: calc(100vh - 96px);
  background: rgba(176, 196, 222, 0.5);
  position: sticky;
}
.info-column .label {
  margin-bottom: 1rem;
}
.info-column .label span {
  text-transform: uppercase;
  font-size: 0.7rem;
}

.alert {
  position: fixed;
  bottom: 2rem;
  left: 2rem;
  z-index: 1000;
  width: 350px;
  margin-bottom: 0;
}
.alert h1, .alert h2, .alert h3, .alert h3 {
  margin-bottom: 0;
}

iframe {
  border: 1px solid darkgrey;
  width: 80%;
}

.evaluation {
  background: #f2f2f2;
}

.btn {
  padding-top: 10px;
}