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

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

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

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

/*


 */

:root {
  --brand-success: #578636;
  --bs-primary: #207AC2;
  --brand-dark: #000;
  --brand-font: "Open Sans";
}

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

h1, h2,
.navbar-brand,
legend,
#header_site_name                   { font-family: "Open Sans", var(--brand-font), var(--bs-font-sans-serif); font-weight: normal !important }

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

.nav-tabs .nav-link.active          { font-weight: bold !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 }
#main_content_container_without_sidebar { background: #fff; border-radius: 15px; margin-bottom: 5px; border: 1px solid #dfdfdf; margin-left: 15px; margin-right: 15px; padding: 15px }
#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: #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 }
.daycare-header-image               { border-top-right-radius: 15px }
.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") }

.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 }

.text-transform-none                { text-transform: none }

.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: 220px }
}

@media (max-width: 767px) {
  #side_management_navigation {
    background-color: #fff !important
  }
  .navbar-brand .hide-text-overflow { max-width: 180px }
}

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