/* inter-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/google/fira-sans-v10-latin-regular.eot); /* IE9 Compat Modes */
  src: local(''),
       url(/fonts/google/fira-sans-v10-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/google/fira-sans-v10-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-regular.woff) format('woff'), /* Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
       url('/fonts/google/fira-sans-v10-latin-regular.svg#Fira Sans') format('svg'); /* Legacy iOS */
}

/* inter-500 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/google/fira-sans-v10-latin-italic.eot); /* IE9 Compat Modes */
  src: local(''),
       url(/fonts/google/fira-sans-v10-latin-italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/google/fira-sans-v10-latin-italic.woff2) format('woff2'), /* Super Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-italic.woff) format('woff'), /* Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-italic.ttf) format('truetype'), /* Safari, Android, iOS */
       url('/fonts/google/fira-sans-v10-latin-italic.svg#Fira Sans') format('svg'); /* Legacy iOS */
}

/* inter-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/google/fira-sans-v10-latin-700.eot); /* IE9 Compat Modes */
  src: local(''),
       url(/fonts/google/fira-sans-v10-latin-700.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/google/fira-sans-v10-latin-700.woff2) format('woff2'), /* Super Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-700.woff) format('woff'), /* Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-700.ttf) format('truetype'), /* Safari, Android, iOS */
       url('/fonts/google/fira-sans-v10-latin-700.svg#Fira Sans') format('svg'); /* Legacy iOS */
}

/* inter-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/google/fira-sans-v10-latin-700italic.eot); /* IE9 Compat Modes */
  src: local(''),
       url(/fonts/google/fira-sans-v10-latin-700italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/google/fira-sans-v10-latin-700italic.woff2) format('woff2'), /* Super Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-700italic.woff) format('woff'), /* Modern Browsers */
       url(/fonts/google/fira-sans-v10-latin-700italic.ttf) format('truetype'), /* Safari, Android, iOS */
       url('/fonts/google/fira-sans-v10-latin-700italic.svg#Fira Sans') format('svg'); /* Legacy iOS */
}
/*


 */

:root {
  --brand-success: #41ba36;
  --brand-warning: #f95706;
  --brand-danger: #f20f36;
  --brand-dark: #23333a;
  --brand-font: "Fira Sans";
}

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,
.nav-tabs,
#side_management_navigation .list-group-item strong,
.btn,
table th,
#header_site_name                   { font-family: var(--brand-font), var(--bs-font-sans-serif) }

input, textarea, button, select     { font-family: var(--brand-font), var(--bs-font-sans-serif) }
.tooltip                            { font-family: var(--brand-font), var(--bs-font-sans-serif) }
.nav-tabs-lg                        { font-family: var(--brand-font), var(--bs-font-sans-serif) }

a:not(.btn)                         { color: #0071a1; font-weight: bold }
a:not(.btn):hover                   { color: #1182b2 }
.breadcrumbs a:not(.btn):hover,
.background-block a:not(.btn):hover,
#main_content_container a:not(.btn):hover { transition: all .1s ease-in; background: #e6f8ff }

.breadcrumbs-list li a,
.navbar a, .dropdown a, .nav a,
.pagination a                       { font-weight: normal }

.navbar-dark.affix                  { background: #00aeef !important }
.navbar-dark.affix.umbrella         { background: #00aeef !important }
.bg-dark                            { background: #00aeef !important }

.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-primary                        { color: #fff; background-color: #00aeef; border-color: #009dde }
.btn-primary:hover                  { color: #fff; background-color: #12779e; border-color: #117095 }
.btn-check:focus + .btn-primary,
.btn-primary:focus                  { color: #fff; background-color: #12779e; border-color: #117095; box-shadow: 0 0 0 0.25rem rgba(56, 157, 196, 0.5) }
.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle { color: #fff; background-color: #117095; border-color: #10698c }
.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(56, 157, 196, 0.5) }
.btn-primary:disabled,
.btn-primary.disabled               { color: #fff; background-color: #158cba; border-color: #158cba }

.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-success                        { color: #fff; background-color: #41ba36; border-color: #41ba36 }
.btn-success:hover                  { color: #fff; background-color: #03dc57; border-color: #03dc57 }
.btn-check:focus + .btn-success,
.btn-success:focus                  { color: #fff; background-color: #03dc57; border-color: #03dc57; box-shadow: 0 0 0 0.25rem rgba(38, 246, 194, 0.5) }
.btn-check:checked + .btn-success,
.btn-check:active + .btn-success,
.btn-success:active,
.btn-success.active,
.show > .btn-success.dropdown-toggle { color: #fff; background-color: #08c8a4; border-color: #04c4a0 }
.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(38, 246, 194, 0.5) }
.btn-success:disabled,
.btn-success.disabled               { color: #fff; background-color: #41ba36; border-color: #41ba36 }

.btn-info                           { color: var(--brand-dark); background-color: #7ed9ff; border-color: #6dc8ee }
.btn-info:hover                     { color: var(--brand-dark); background-color: #6dc8ee; border-color: #5cb7dd }
.btn-check:focus + .btn-info,
.btn-info:focus                     { color: var(--brand-dark); background-color: #6dc8ee; border-color: #5cb7dd; box-shadow: 0 0 0 0.25rem rgba(138, 210, 238, 0.5) }
.btn-check:checked + .btn-info,
.btn-check:active + .btn-info,
.btn-info:active,
.btn-info.active,
.show > .btn-info.dropdown-toggle   { color: var(--brand-dark); background-color: #5ea2bc; border-color: #5898b0 }
.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(138, 210, 238, 0.5) }
.btn-info:disabled,
.btn-info.disabled                  { color: var(--brand-dark); background-color: #75caeb; border-color: #75caeb }

.btn-warning                        { color: var(--brand-dark); background-color: #ff9b57; border-color: #ff9b57 }
.btn-warning:hover                  { color: var(--brand-dark); background-color: #ee8a46; border-color: #dd7935 }
.btn-check:focus + .btn-warning,
.btn-warning:focus                  { color: var(--brand-dark); background-color: #ee8a46; border-color: #dd7935; box-shadow: 0 0 0 0.25rem rgba(255, 151, 61, 0.5) }
.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning,
.btn-warning:active,
.btn-warning.active,
.show > .btn-warning.dropdown-toggle { color: var(--brand-dark); background-color: #ee8a46; border-color: #dd7935 }
.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(255, 151, 61, 0.5) }
.btn-warning:disabled,
.btn-warning.disabled               { color: #fff; background-color: #ff9b57; border-color: #ff9b57 }

.btn-danger                         { color: var(--brand-dark); background-color: #ef5c43; border-color: #ef5c43 }
.btn-danger:hover                   { color: var(--brand-dark); background-color: #de4b32; border-color: #cd3c21 }
.btn-check:focus + .btn-danger,
.btn-danger:focus                   { color: var(--brand-dark); background-color: #de4b32; border-color: #cd3c21; box-shadow: 0 0 0 0.25rem rgba(255, 94, 84, 0.5) }
.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger,
.btn-danger:active,
.btn-danger.active,
.show > .btn-danger.dropdown-toggle { color: var(--brand-dark); background-color: #de4b32; border-color: #cd3c21 }
.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(255, 94, 84, 0.5) }
.btn-danger:disabled,
.btn-danger.disabled                { color: #fff; background-color: #ef5c43; border-color: #ef5c43 }

.btn-outline-primary                { color: #158cba; background-color: #fff; border-color: #158cba }
.btn-outline-primary:hover          { color: #fff; background-color: #158cba; border-color: #158cba }
.btn-check:focus + .btn-outline-primary,
.btn-outline-primary:focus          { box-shadow: 0 0 0 0.25rem rgba(21, 140, 186, 0.5) }
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #158cba; border-color: #158cba }
.btn-check:checked + .btn-outline-primary:focus,
.btn-check:active + .btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(21, 140, 186, 0.5) }
.btn-outline-primary:disabled,
.btn-outline-primary.disabled       { color: #158cba; background-color: transparent }

.btn-outline-secondary              { color: var(--brand-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 }

.btn-outline-success                { color: var(--brand-success); background-color: #fff; border-color: var(--brand-success) }
.btn-outline-success:hover          { color: #fff; background-color: var(--brand-success); border-color: var(--brand-success) }
.btn-check:focus + .btn-outline-success,
.btn-outline-success:focus          { box-shadow: 0 0 0 0.25rem rgba(38, 246, 194, 0.5) }
.btn-check:checked + .btn-outline-success,
.btn-check:active + .btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show { color: #fff; background-color: var(--brand-success); border-color: var(--brand-success) }
.btn-check:checked + .btn-outline-success:focus,
.btn-check:active + .btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(38, 246, 194, 0.5) }
.btn-outline-success:disabled,
.btn-outline-success.disabled       { color: var(--brand-success); background-color: transparent }

.btn-outline-info                   { color: #75caeb; border-color: #75caeb }
.btn-outline-info:hover             { color: #fff; background-color: #75caeb; border-color: #75caeb }
.btn-check:focus + .btn-outline-info,
.btn-outline-info:focus             { box-shadow: 0 0 0 0.25rem rgba(117, 202, 235, 0.5) }
.btn-check:checked + .btn-outline-info,
.btn-check:active + .btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show { color: #fff; background-color: #75caeb; border-color: #75caeb }
.btn-check:checked + .btn-outline-info:focus,
.btn-check:active + .btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(117, 202, 235, 0.5) }
.btn-outline-info:disabled,
.btn-outline-info.disabled          { color: #75caeb; background-color: transparent }

.btn-outline-warning                { color: var(--brand-warning); background-color: #fff; border-color: var(--brand-warning) }
.btn-outline-warning:hover          { color: #fff; background-color: var(--brand-warning); border-color: var(--brand-warning) }
.btn-check:focus + .btn-outline-warning,
.btn-outline-warning:focus          { box-shadow: 0 0 0 0.25rem rgba(255, 133, 27, 0.5) }
.btn-check:checked + .btn-outline-warning,
.btn-check:active + .btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show { color: #fff; background-color: var(--brand-warning); border-color: var(--brand-warning) }
.btn-check:checked + .btn-outline-warning:focus,
.btn-check:active + .btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 133, 27, 0.5) }
.btn-outline-warning:disabled,
.btn-outline-warning.disabled       { color: var(--brand-warning); background-color: transparent }

.btn-outline-danger                 { color: var(--brand-danger); border-color: var(--brand-danger) }
.btn-outline-danger:hover           { color: #fff; background-color: var(--brand-danger); border-color: var(--brand-danger) }
.btn-check:focus + .btn-outline-danger,
.btn-outline-danger:focus           { box-shadow: 0 0 0 0.25rem rgba(255, 65, 54, 0.5) }
.btn-check:checked + .btn-outline-danger,
.btn-check:active + .btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #ff4136; border-color: #ff4136 }
.btn-check:checked + .btn-outline-danger:focus,
.btn-check:active + .btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 65, 54, 0.5) }
.btn-outline-danger:disabled,
.btn-outline-danger.disabled        { color: var(--brand-danger); background-color: transparent }

.page-item.active .page-link        { border-color: var(--brand-success); background-color: var(--brand-success); color: var(--brand-dark) }

.modal-header                       { background: #00aeef }

#main_content_container .alert-info { background: #ffdb5a; border-color: #ffdb5a; color: var(--brand-dark) }
#user_guide .alert-warning,
#main_content_container .alert-warning { background: #ffdb5a; border-color: #ffdb5a; color: var(--brand-dark) }
#main_content_container .alert-danger { background-color: #ffd9d7; color: var(--brand-dark) }

.nav-tabs a.nav-link:hover          { background: #fff !important }
.nav-tabs a.nav-link.active         { color: #005ba9; font-weight: bold !important }

#side_management_navigation         { background: #e6f8ff; box-shadow: 4px 0 6px -1px rgba(0, 0, 0, 0.08), 2px 0 4px -1px rgba(0, 0, 0, 0.04) }
.action-bar                         { background: #e6f8ff }
#side_management_navigation #accordion_parent > ul > li { border-color: #d2d9dc }
#side_management_navigation li a    { font-weight: normal }
#side_management_navigation li a.active,
#side_management_navigation li a:hover { background: rgba(0,0,0,0.08); font-weight: 600 }
#side_management_navigation ul.sidebar-top-level-items > li.active { box-shadow: inset 4px 0 0 #158cba; background: rgba(0,0,0,.08) }

#umbrella_link_button               { background: #158cba; border-color: #047cba }

.initials-avatar-container          { background-color: #158cba }

#ghent_footer                       { margin-top: 3rem; background-color: #e6f8ff }

select.form-control, textarea.form-control, .selectize-input, .input-group-text, .input-group-sm .input-group-text, input.form-control[type="text"], input.form-control[type="password"], input.form-control[type="search"], input.form-control[type="number"], input.form-control[type="file"], input.form-control[type="file"]::file-selector-button, input.form-control[type="email"] { border-radius: 4px }
.btn                                { border-radius: 4px; }
.btn-sm                             { border-radius: 3px; }
.btn-lg                             { border-radius: 6px; }

fieldset                            { border-color: #f0f0f0 }

.alert-warning, .alert-info         { background: #ffdb5a; border-color: #ffdb5a }
.ka-progress-step.is-active .ka-progress-step-number { background-color: #ffdb5a; color: #111 }

h1, #main_page_title                { color: #005ba9; font-weight: bold !important; margin-top: 0 !important }

.breadcrumbs-container              { border-bottom: 0 }
.breadcrumbs-list li a              { color: #001823 }
.breadcrumbs-list li:last-child a   { color: #005ba9; font-weight: bold; text-decoration: underline }

.btn-link                           { font-weight: bold !important; text-decoration: underline }

@media (max-width: 767px) {
  .navbar-brand img + span          { max-width: 180px }
}