/* be-vietnam-pro-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/google/be-vietnam-pro-v11-latin-regular.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* be-vietnam-pro-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/google/be-vietnam-pro-v11-latin-italic.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* be-vietnam-pro-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/google/be-vietnam-pro-v11-latin-700.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* be-vietnam-pro-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Be Vietnam Pro';
  font-style: italic;
  font-weight: 700;
  src: url(/fonts/google/be-vietnam-pro-v11-latin-700italic.woff2) format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "Chillax";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/fonts/chillax/Chillax-Medium.woff2) format('woff2'),
       url(/fonts/chillax/Chillax-Medium.woff) format('woff'),
       url(/fonts/chillax/Chillax-Medium.ttf) format('truetype');
}
/*



 */
:root {
  --brand-font: "Be Vietnam Pro", var(--bs-font-sans-serif); }

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

body {
  background: #f9fffb; }

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: "Chillax", var(--brand-font), var(--bs-font-sans-serif);
  font-weight: normal !important; }

h1 {
  font-weight: bold !important; }

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); }

.popover {
  font-family: var(--brand-font), var(--bs-font-sans-serif); }

.card, .background-block {
  box-shadow: none !important;
  border-color: #dfdfdf; }

.action-bar {
  box-shadow: none !important;
  background: #fafafa;
  border-top: 0;
  border-left: 0;
  border-right: 0; }

#main_content_container {
  background: #fff;
  border-radius: 15px;
  margin-bottom: 5px;
  border: 1px solid #dfdfdf; }

#side_management_navigation {
  box-shadow: none !important;
  background: transparent !important;
  border-top-right-radius: 15px; }

#side_management_navigation #accordion_parent {
  border-top-right-radius: 15px; }

#side_management_navigation ul.sidebar-top-level-items {
  border-top-right-radius: 15px; }

#side_management_navigation ul.sidebar-top-level-items > li.active {
  background: rgba(0, 0, 0, 0.05); }

#side_management_navigation #accordion_parent > ul > li {
  border-bottom-color: rgba(0, 0, 0, 0.05); }

.nav-tabs .nav-link,
.nav-tabs .nav-link:hover
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-color: #dfdfdf !important; }

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  border-bottom-color: white !important; }

.background-block .card, .card .card,
.modal-body .background-block,
.background-block .background-block {
  box-shadow: none !important; }

.navbar-dark {
  box-shadow: none !important;
  border: 0;
  background: transparent linear-gradient(180deg, #9cffed 0%, #f9fffb 60%) !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: transparent linear-gradient(180deg, #9cffed 0%, #f9fffb 60%) !important; }

.daycare-header-image {
  border-top-right-radius: 15px; }

.text-success {
  color: var(--bs-success) !important; }

.text-info {
  color: #75caeb !important; }

.text-warning {
  color: var(--bs-warning) !important; }

.text-danger {
  color: var(--bs-danger) !important; }

.bg-success {
  background-color: var(--bs-success) !important; }

.bg-warning {
  background-color: var(--bs-warning) !important; }

.bg-danger {
  background-color: var(--bs-danger) !important; }

.badge-success {
  background-color: var(--bs-success) !important; }

.badge-warning {
  background-color: var(--bs-warning) !important; }

.badge-danger {
  background-color: var(--bs-danger) !important; }

.form-control {
  box-shadow: none; }

.form-control.is-valid {
  border-color: var(--bs-success) !important; }

.form-control.is-invalid {
  border-color: var(--bs-danger) !important; }

.invalid-feedback {
  color: var(--bs-danger) !important; }

.btn {
  border-width: 1px;
  font-family: var(--brand-font), var(--bs-font-sans-serif); }

.btn:not(.disabled):hover {
  margin: 0;
  border-width: 1px; }

.btn.no-hover-effect:hover {
  margin-top: 0 !important;
  border-bottom-width: 1px !important; }

.btn-primary {
  color: #fff;
  background-color: #158cba;
  border-color: #12779e;
  font-weight: bold !important; }

.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: #06c6a2;
  border-color: #06c6a2;
  font-weight: bold !important; }

.btn-success:hover {
  color: #fff;
  background-color: #08c8a4;
  border-color: #08c8a4; }

.btn-check:focus + .btn-success,
.btn-success:focus {
  color: #fff;
  background-color: #08c8a4;
  border-color: #04c4a0;
  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: #06c6a2;
  border-color: #06c6a2; }

.btn-info {
  color: var(--bs-dark);
  background-color: #75caeb;
  border-color: #63acc8; }

.btn-info:hover {
  color: var(--bs-dark);
  background-color: #63acc8;
  border-color: #5ea2bc; }

.btn-check:focus + .btn-info,
.btn-info:focus {
  color: var(--bs-dark);
  background-color: #63acc8;
  border-color: #5ea2bc;
  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(--bs-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(--bs-dark);
  background-color: #75caeb;
  border-color: #75caeb; }

.btn-warning {
  color: var(--bs-dark);
  background-color: #ff9b57;
  border-color: #ff9b57; }

.btn-warning:hover {
  color: var(--bs-dark);
  background-color: #ee8a46;
  border-color: #dd7935; }

.btn-check:focus + .btn-warning,
.btn-warning:focus {
  color: var(--bs-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(--bs-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(--bs-dark);
  background-color: #ef5c43;
  border-color: #ef5c43; }

.btn-danger:hover {
  color: var(--bs-dark);
  background-color: #de4b32;
  border-color: #cd3c21; }

.btn-check:focus + .btn-danger,
.btn-danger:focus {
  color: var(--bs-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(--bs-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(--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); }

.btn-outline-success {
  color: var(--bs-success);
  background-color: #fff;
  border-color: var(--bs-success); }

.btn-outline-success:hover {
  color: #fff;
  background-color: var(--bs-success);
  border-color: var(--bs-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(--bs-success);
  border-color: var(--bs-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(--bs-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(--bs-warning);
  background-color: #fff;
  border-color: var(--bs-warning); }

.btn-outline-warning:hover {
  color: #fff;
  background-color: var(--bs-warning);
  border-color: var(--bs-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(--bs-warning);
  border-color: var(--bs-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(--bs-warning);
  background-color: transparent; }

.btn-outline-danger {
  color: var(--bs-danger);
  border-color: var(--bs-danger); }

.btn-outline-danger:hover {
  color: #fff;
  background-color: var(--bs-danger);
  border-color: var(--bs-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(--bs-danger);
  background-color: transparent; }

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

.media-bordered {
  border-top: 1px solid #efefef; }

.twentyfour-priority-ruleset-block {
  background-color: #fafafa; }

@media (max-width: 1023px) {
  .navbar-brand .hide-text-overflow {
    max-width: 150px; } }

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

/**************************************************************************
 * Dark colors                                                            *
 **************************************************************************/
/*@media (prefers-color-scheme: dark) {
  .table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #eee;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #eee;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #eee;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    color: #eee;
  }
  td, th                            { border-color: #444; border-bottom-color: #444 }
  .table > :not(:last-child) > :last-child > * { border-bottom-color: #444 }
  body                              { background: #191919; color: #eee }
  .background-block, .card          { box-shadow: 0 !important; border-color: #101010; background: #232323 }
  .background-block h4              { border-bottom-color: #232323 }
  .child-detail .legend-row,
  .employee-detail .legend-row      { border-bottom-color: #333 }
  .breadcrumbs-list li:last-child a { color: #aaa }
  .breadcrumbs-container            { border-bottom-color: #333 }
  .nav-tabs .nav-link               { border-color: #333; color: #aaa }
  .nav-tabs .nav-link:hover         { border-color: #444; color: #fff }
  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { background-color: #333; border-color: #444; color: #fff }
  .form-control-plaintext           { color: #eee }
  a:not(.btn)                       { color: #95c0c9 }
  a:hover:not(.btn)                 { color: #84b0b8 }
  .action-bar                       { background: #303030; border-color: #333 }
  #side_management_navigation       { background: #303030; box-shadow: 4px 0 6px -1px rgba(0,0,0,.15),2px 0 4px -1px rgba(0,0,0,.11) !important }
  #side_management_navigation #accordion_parent > ul > li { border-bottom: 1px solid #444 }
  #side_management_navigation ul.sidebar-top-level-items > li.active { box-shadow: inset 4px 0 0 #666; background: rgba(0,0,0,.08) }
  #side_management_navigation ul.sidebar-help-level-items { background: rgba(0,0,0,.5) }
  #side_management_navigation li a.active,
  #side_management_navigation li a:hover { background: rgba(255,255,255,0.08) }
  .bg-white                         { background-color: #232323 !important }
  .btn-text                         { color: #eee }
  .text-dark                        { color: #eee !important }
  .dropdown-menu                    { background-color: #101010; border-color: #333; color: #eee }
  hr                                { background-color: #555 }
  #checklist_content_container .checklist-item { border-bottom-color: #555 }
  .dropdown-item:hover, .dropdown-item:focus { background-color: #232323 }
  .modal-content                    { background-color: #232323 }
  .modal-header                     { border-bottom-color: #444 }
  .modal-footer                     { border-top-color: #444 }
  .list-group-item                  { border-color: #444 !important; background-color: #232323; color: #eee }
  .media-bordered                   { border-top-color: #444 }
  .active-schedule, .active-period, .active-group, .active-range { background: #303030; box-shadow: 0 0 0.05rem .1rem #28B62C }
  .schedule-day-table td            { border-bottom-color: #444 }
  #user_guide .alert-info, #pretend_notice.alert-info, #main_content_container .alert-info { background-color: #02473a; color: #fff }

  .btn-secondary                      { color: #fff; background-color: #555; border-color: #666 }
  .btn-secondary:hover                { color: #fff; background-color: #666; border-color: #777 }
  .btn-check:focus + .btn-secondary,
  .btn-secondary:focus                { color: #fff; background-color: #666; border-color: #777; 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: #fff; background-color: #565656; border-color: #676767 }
  .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: #fff; background-color: #777; border-color: #777 }

  .btn-outline-primary                { color: #158cba; background-color: #404040; 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: #fff; background-color: #404040; border-color: #505050}
  .btn-outline-secondary:hover        { color: #fff; background-color: #505050; border-color: #606060 }
  .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: #fff; background-color: #414141; border-color: #515151 }
  .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: #fff; background-color: #606060 }

  .btn-outline-success                { color: var(--bs-success); background-color: #404040; border-color: #505050 }
  .btn-outline-success:hover          { color: #fff; background-color: var(--bs-success); border-color: var(--bs-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(--bs-success); border-color: var(--bs-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(--bs-success); background-color: transparent }

  .btn-outline-info                   { color: #75caeb; border-color: #75caeb; background-color: #404040 }
  .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(--bs-warning); background-color: #404040; border-color: var(--bs-warning) }
  .btn-outline-warning:hover          { color: #fff; background-color: var(--bs-warning); border-color: var(--bs-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(--bs-warning); border-color: var(--bs-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(--bs-warning); background-color: transparent }

  .btn-outline-danger                 { color: var(--bs-danger); border-color: var(--bs-danger); background-color: #404040 }
  .btn-outline-danger:hover           { color: #fff; background-color: var(--bs-danger); border-color: var(--bs-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(--bs-danger); background-color: transparent }

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

  .text-secondary                     { color: #aaa !important }
  .twentyfour-priority-ruleset-block  { background-color: #404040 }

  .page-link                          { background-color: #303030; border-color: #404040; color: #fff }
  .page-link:hover                    { background-color: #353535; border-color: #454545 }
  .pagination > li > a, .pagination > li > span { color: #fff }
  .page-item.disabled .page-link      { background-color: #404040; border-color: #505050 }

  #filter_pane                        { background: #404040 }

  .calendar-table th                  { color: #eee }
  .calendar-table td, .calendar-table th { border-color: #444 }
  .calendar-table td.holiday          { background: #151515 }
  .calendar-table tr.detail-row td    { background-color: #333 }
  .timestamp-table td .timestamp-child { background-color: #333 }
  .light-border-left                  { border-color: #444 }
  .thick-light-border-side            { border-color: #444 }
  .thick-light-border-left            { border-color: #444 }

  .bg-light-warning                   { background-color: #404040 !important }
  .bg-light-danger                    { background-color: #505050 !important }

  #user_guide .alert-warning a, #main_content_container .alert-warning a { color: #000 }

  .form-control                       { background-color: #444; color: #fff; border-color: #000 }
  .form-control.header-date-selector  { background-color: #444; color: #fff }
  input#attendance_filter_input       { background: #444; color: #fff; border-color: #000 }
  .form-control:focus                 { background-color: #666; color: #fff }
  .form-control:disabled, .form-control[readonly] { background-color:#202020; border-color: #202020 }

  .input-group-text                   { background-color: #404040; color: #fff; border-color: #000 }

  .status-timeline                    { background-color: #333 }
  .status-timeline .child-age-container { background: #222; color: #fff }

  .communication-messages             { background-color: #222; border-color: #111 }
  .communication-message              { background-color: #333; border-color: #111 }
  .communication-message.sent         { background-color: #02473a }

  tr.primary-person td                { background-color: #2a2a2a }
  .badge-default                      { color: #fff }

  .logbook-entry .timeline-type       { background: #444; border-color: #222 }
  .logbook-entry .timeline-line       { background: #444 }
  .logbook-entry .timeline-container  { border-bottom-color: #444 }

  .album-image                        { border-color: #505050 }
  .album-image:hover                  { border-color: #808080 }
}*/