@font-face {
  font-family: 'Antwerpen';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Antwerpen-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'SunAntwerpen';
  font-style: normal;
  font-weight: 300;
  src: url(/fonts/SunAntwerpen_300.woff2) format('woff2');
}

@font-face {
  font-family: 'SunAntwerpen';
  font-style: italic;
  font-weight: 300;
  src: url(/fonts/SunAntwerpen_300_italic.woff2) format('woff2');
}

@font-face {
  font-family: 'SunAntwerpen';
  font-style: normal;
  font-weight: 500;
  src: url(/fonts/SunAntwerpen_500.woff2) format('woff2');
}

@font-face {
  font-family: 'SunAntwerpen';
  font-style: italic;
  font-weight: 500;
  src: url(/fonts/SunAntwerpen_500_italic.woff2) format('woff2');
}

@font-face {
  font-family: 'SunAntwerpen';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/SunAntwerpen_700.woff2) format('woff2');
}

@font-face {
  font-family: 'SunAntwerpen';
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/SunAntwerpen_700_italic.woff2) format('woff2');
}
/*


 */

:root {
  --brand-success: #41ba36;
  --brand-warning: #f95706;
  --brand-danger: #f20f36;
  --bs-primary: #0057b7;
  --brand-dark: #000;
  --brand-font: "SunAntwerpen";
}

html, body                          { font-family: var(--brand-font), var(--bs-font-sans-serif); color: var(--brand-dark) }

h1, h2, h3, h4, h5, h6,
.navbar-brand,
legend,
#side_management_navigation .list-group-item strong,
#header_site_name                   { font-family: "Antwerpen", var(--brand-font), var(--bs-font-sans-serif) }

a:not(.btn)                         { color: var(--bs-primary) }
a:not(.btn):hover                   { color: #1168c8 }

.navbar-dark                        { box-shadow: none !important; border: 0; background: #fff !important }
.navbar-dark .navbar-brand          { color: #111 }
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:active   { color: #333 }
.navbar-nav > .nav-item > .nav-link { color: #111 }
.navbar-nav > .nav-item > .nav-link:hover,
.navbar-nav > .nav-item > .nav-link:focus,
.navbar-nav > .nav-item > .nav-link:active { color: #333 }
.navbar-dark.affix.umbrella         { background: #fff !important }
.navbar-dark .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%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }

.card, .background-block            { box-shadow: none !important/*; border-color: #dfdfdf*/ }
.background-block .card, .card .card,
.modal-body .background-block,
.background-block .background-block { box-shadow: none !important }
.action-bar                         { box-shadow: none !important; background: #f3f3f3 !important; border-top: 0; border-left: 0; border-right: 0 }

.btn, .input-group-text, .form-control, .form-select { border-radius: 0 !important }
.form-control                       { box-shadow: none }

.text-success                       { color: var(--brand-success) !important }
.text-info                          { color: #75caeb !important }
.text-warning                       { color: var(--brand-warning) !important }
.text-danger                        { color: var(--brand-danger) !important }

.bg-success                         { background-color: var(--brand-success) !important }
.bg-warning                         { background-color: var(--brand-warning) !important }
.bg-danger                          { background-color: var(--brand-danger) !important }

.badge-success                      { background-color: var(--brand-success) !important }
.badge-warning                      { background-color: var(--brand-warning) !important }
.badge-danger                       { background-color: var(--brand-danger) !important }

.form-control.is-valid              { border-color: var(--brand-success) !important }
.form-control.is-invalid            { border-color: var(--brand-danger) !important }
.invalid-feedback                   { color: var(--brand-danger) !important }

.btn-link                           { color: var(--bs-primary) }
.btn-primary                        { background-color: var(--bs-primary); border-color: var(--bs-primary) }
.btn-primary:hover                  { background-color: #0046a6; border-color: var(--bs-primary) }
.btn-outline-primary                { color: var(--bs-primary); border-color: var(--bs-primary) }

#umbrella_shelf                     { border-top-width: 1px; border-radius: 3px }

.btn-secondary                      { color: #000; background-color: #f0f0f0; border-color: #e0e0e0 }
.btn-secondary:hover                { color: #000; background-color: #f2f2f2; border-color: #e0e0e0 }
.btn-check:focus + .btn-secondary,
.btn-secondary:focus                { color: #000; background-color: #f2f2f2; border-color: #e0e0e0; box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, 0.5) }
.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show > .btn-secondary.dropdown-toggle { color: #000; background-color: #f3f3f3; border-color: #e0e0e0 }
.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, 0.5) }
.btn-secondary:disabled,
.btn-secondary.disabled             { color: #000; background-color: #f0f0f0; border-color: #e0e0e0 }

.btn-outline-secondary              { color: var(--bs-dark); background-color: #fff; border-color: #f5f5f5 }
.btn-outline-secondary:hover        { color: #000; background-color: #fff; border-color: #fff }
.btn-check:focus + .btn-outline-secondary,
.btn-outline-secondary:focus        { box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5) }
.btn-check:checked + .btn-outline-secondary,
.btn-check:active + .btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show { color: #000; background-color: #f0f0f0; border-color: #f0f0f0 }
.btn-check:checked + .btn-outline-secondary:focus,
.btn-check:active + .btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5) }
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled     { color: var(--bs-gray); background-color: transparent }

.action-bar .btn-outline-secondary  { color: #000; background-color: #f0f0f0; border-color: #e0e0e0 }
.action-bar .outline-btn-secondary:hover { color: #000; background-color: #f2f2f2; border-color: #e0e0e0 }
.action-bar .btn-check:focus + .action-bar .btn-outline-secondary,
.action-bar .btn-outline-secondary:focus { color: #000; background-color: #f2f2f2; border-color: #e0e0e0; box-shadow: 0 0 0 0.25rem rgba(204, 204, 204, 0.5) }

.page-item.active .page-link        { background: var(--bs-primary); border-color: var(--bs-primary) }

#side_management_navigation         { background: transparent !important }
#side_management_navigation ul.sidebar-top-level-items > li.active { background: #f3f3f3 }
#side_management_navigation #accordion_parent > ul > li { border-bottom-color: #f3f3f3 }
#side_management_navigation ul.sidebar-top-level-items > li.active { box-shadow: inset 4px 0 0 var(--bs-primary) }

@media (max-width: 767px) {
  #side_management_navigation {
    background-color: #fff !important
  }
}

.modal-header                       { background: var(--bs-primary) }