/* Fonts
---------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&family=Open+Sans:wght@400;700&display=swap");
/* Config
---------------------------------------------------------------- */
* {
  --primary-color-hs: 218deg 72%;
  --primary-color-l: 35%;
  --secondary-color-hs: 55deg 100%;
  --secondary-color-l: 50%;
  --success-color-hs: 122deg 40%;
  --success-color-l: 50%;
  --body-font: "Open Sans";
  --headline-font: "Montserrat";
  --button-font: "Montserrat";
  --menu-font: "Montserrat";
  --menu-2nd-font: "Open Sans";
  --client-logo-display: block;
  --client-logo-width: 8em;
  --client-logo-ratio: 180/84;
  --client-logo-border: 1px solid var(--theme-color-10);
  --client-name-display: none;
  --client-name-size: unset;
  --client-name-weight: unset;
  --client-logo-image: url(../img/logo-milenijum.webp) center no-repeat;
  --client-login-logo-image: url(../img/logo-milenijum.webp) center no-repeat;
  --app-login-bg: url(../img/bgn-login.webp), linear-gradient(to right, var(--primary-color-30), var(--primary-color-60));
  --app-login-logo-image: none;
  --app-login-head-bg: #345ba0;
  --app-login-head-radius: var(--b-radius-md) var(--b-radius-md) 0 0;
  --app-login-head-color: var(--white-color);
  --app-login-main-bg: var(--white-color);
  --app-login-foot-color: var(--white-color);
  --app-login-foot-bg: #4969a1;
  --app-login-foot-radius: 0 0 var(--b-radius-md) var(--b-radius-md);
}

body {
  letter-spacing: -0.035em;
}

.btn-refresh-data {
  padding-left: 3em;
  padding-right: 3em;
}
.btn-refresh-data:hover i {
  -webkit-animation: spinner 1s ease;
          animation: spinner 1s ease;
}

@media (max-width: 1199px) {
  .btn-refresh-data {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }
}
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0) scale(2.25);
            transform: rotate(0) scale(2.25);
  }
  to {
    -webkit-transform: rotate(360deg) scale(2.25);
            transform: rotate(360deg) scale(2.25);
  }
}
@keyframes spinner {
  from {
    -webkit-transform: rotate(0) scale(2.25);
            transform: rotate(0) scale(2.25);
  }
  to {
    -webkit-transform: rotate(360deg) scale(2.25);
            transform: rotate(360deg) scale(2.25);
  }
}
.btn-top-filter {
  -webkit-box-flex: unset !important;
      -ms-flex: unset !important;
          flex: unset !important;
}
.btn-top-filter input[type=checkbox] {
  display: none;
}
.btn-top-filter:has(input[type=checkbox]:checked) {
  background: transparent !important;
  -webkit-box-shadow: 0 0 0 1px var(--primary-color) inset !important;
          box-shadow: 0 0 0 1px var(--primary-color) inset !important;
  color: var(--primary-color) !important;
}
.btn-top-filter:has(input[type=checkbox]:checked):hover {
  color: var(--primary-color-darker-10) !important;
  background: var(--primary-color-20) !important;
  -webkit-box-shadow: 0 0 0 1px transparent inset !important;
          box-shadow: 0 0 0 1px transparent inset !important;
}
.btn-top-filter.btn-xs {
  font-size: calc(var(--field-font-size) * 0.75) !important;
}
.btn-top-filter.btn-sm {
  font-size: calc(var(--field-font-size) * 0.875) !important;
}
.btn-top-filter.btn-md {
  font-size: calc(var(--field-font-size) * 1.125) !important;
}
.btn-top-filter.btn-lg {
  font-size: calc(var(--field-font-size) * 1.25) !important;
}
.btn-top-filter.btn-xl {
  font-size: calc(var(--field-font-size) * 1.375) !important;
}
.btn-top-filter.btn-hg {
  font-size: calc(var(--field-font-size) * 1.5) !important;
}

.form-date-selector {
  text-transform: uppercase;
  border-color: var(--theme-color-10) !important;
  color: var(--theme-color-60) !important;
  min-height: 3.25em !important;
  font-weight: bold !important;
  cursor: pointer;
}
.form-date-selector:hover, .form-date-selector:active, .form-date-selector:focus {
  border-color: transparent !important;
  color: var(--theme-color-80) !important;
  background-color: var(--theme-color-10);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.nav-pills ul .nav-pill .nav-pill-link.icon-finished i {
  color: var(--success-color);
}
.nav-pills ul .nav-pill .nav-pill-link.icon-cancelled i {
  color: var(--theme-color-40);
}
.nav-pills ul .nav-pill .nav-pill-link.icon-requested i {
  color: var(--secondary-color);
}
.nav-pills ul .nav-pill .nav-pill-link.icon-edited i {
  color: var(--registered-color);
}
.nav-pills ul .nav-pill .nav-pill-link.icon-not-edited i {
  color: var(--primary-color);
}
.nav-pills ul .nav-pill .nav-pill-link.icon-not-edited-lager i {
  color: var(--primary-color);
}
.nav-pills ul .nav-pill .nav-pill-link.icon-on-hold i {
  color: var(--theme-color);
}
.nav-pills ul .nav-pill:hover .nav-pill-link i {
  color: currentColor;
}

.hide {
  display: none;
}