body {
    background-color: #f0f4f6;
    padding-top: 120px;
    padding-bottom: 100px;
    font-size: large;
}

nav.navbar {
    background-color: #003056;
}

nav.navbar .dropdown-menu {
    background-color: #003056;
}

.navbar-brand {
    color: #ffffff;
    font-family: "Suez One";
    font-size: xx-large;
}

.navbar-nav .dropdown-item {
    color: #ffffff;
    font-family: "Suez One";
    font-size: x-large;
}

.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover {
    color: rgba(255,255,255,.75);
    background-color: #003056;
}

.navbar-nav .nav-link {
    color: #ffffff;
    font-family: "Suez One";
    font-size: xx-large;
}

.navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75);
}

.navbar-nav img:hover {
  opacity: .75;
}

.navbar-toggler {
    color: rgba(255,255,255,.25);
    border-color: rgba(255,255,255);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.logo {
    width: 100%;
    max-width: 150px;
}

.baustein-logo {
    width: 100%;
}

.sans {
    color: #003056;
    font-family: "Sans";
}

a.card {
    color: black;
    text-decoration: none;
}

footer {
    background-color: #003056;
    height: 50px;
}

.red {
    color: #810a1a;
}

.navbar-brand:focus, .navbar-brand:hover {
    color: rgba(255,255,255,1);
}

h1 {
    color: #740917;
    font-family: "Suez One";
}

.fc .fc-toolbar-title {
    font-size: 2.5em;
}

.footer {
    color: rgba(255,255,255,1);
}

.footer a {
	color: white;
	text-decoration: underline;
}

.footer a:hover {
	text-decoration: none;
}

.btn-primary {
  --bs-btn-bg: #003056;
  --bs-btn-border-color: #003056;
  --bs-btn-hover-bg: #194466;
  --bs-btn-hover-border-color: #325977;
  --bs-btn-active-bg: #325977;
  --bs-btn-active-border-color: #325977;
  --bs-btn-disabled-bg: #7f97aa;
  --bs-btn-disabled-border-color: #7f97aa;
}

.btn-secondary {
  --bs-btn-bg: #740917;
  --bs-btn-border-color: #740917;
  --bs-btn-hover-bg: #81212e;
  --bs-btn-hover-border-color: #8f3a45;
  --bs-btn-active-bg: #8f3a45;
  --bs-btn-active-border-color: #8f3a45;
  --bs-btn-disabled-bg: #b9848b;
  --bs-btn-disabled-border-color: #b9848b;
}

.model-table {
    font-size: x-large;
}

@font-face {
  font-family: 'Suez One';
  font-style: normal;
  font-weight: 400;
  src: url(/static/font/suez_one.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

input.btn-check {
    background-color: #ffffffff;
}

:root {
  --fc-button-bg-color: #003056;
  --fc-button-border-color: #003056;
  --fc-button-hover-bg-color: #002644;
  --fc-button-hover-border-color: #002644;
  --fc-button-active-bg-color: #002644;
  --fc-button-active-border-color: #002644;

  --fc-today-bg-color: rgba(0, 48, 86, 0.25);
  --fc-border-color: #888888;

  --bs-primary: #003056;
  --bs-secondary: #740917;
  --bs-primary-rgb: 0, 48, 86;
  --bs-secondary-rgb: 116, 9, 23;
}

.fc-col-header-cell-cushion {
    color: #003056;
}

.fc-daygrid-day-number {
    color: #003056;
}

.fc-daygrid {
    background-color: white;
}

.fc .fc-highlight {
    background-color: rgba(116, 9, 23, 0.25);
}

.form-label {
    font-size: x-large;
}

.blue {
    color: #003056;
}

.navbar-brand a {
  text-decoration: none;
  color: #ffffff;
}

th.detail{
    width: 50%;
}

td.detail{
    width: 50%;
}

.list-group-item {
    background-color: #f0f4f6;
}

th.orderable {
    white-space: nowrap;
    overflow: hidden;
}

th.orderable > a {
    color: black;
    text-decoration: none;
}

th.orderable:not(.asc, .desc) > a:after {
    content: url('/static/svg/sort.svg');
    margin-left: 5px;
}

.asc > a:after {
    content: url('/static/svg/sort_up.svg');
    margin-left: 5px;
}

.desc > a:after {
    content: url('/static/svg/sort_down.svg');
    margin-left: 5px;
}

.page-item:not(.active) > a {
    color: #003056;
}

.page-item.active > a {
    border-color: #003056;
    background-color: #003056;
    color: white;
}