:root {
  --blue:#096b9b;
  --primary:#096b9b;
  --aksel-primary:#096b9b;
  --aksel-primary-hover:#008585;
  --aksel-primary-soft:rgba(9,107,155,.12);
  --aksel-primary-border:rgba(9,107,155,.22);
}

.modal {
  z-index:12000 !important;
}

.modal-backdrop {
  z-index:11990 !important;
}

.modal-open .select2-container--open {
  z-index:12020 !important;
}

.modal-open .flatpickr-calendar.open {
  z-index:12020 !important;
}

.hs-unfold-overlay {
  z-index:11970 !important;
}

.hs-unfold-content.sidebar,
.hs-unfold-content.sidebar.sidebar-bordered,
.hs-unfold-content.sidebar.sidebar-box-shadow {
  z-index:11980 !important;
}

body:not(.modal-open) .select2-container--open {
  z-index:11985 !important;
}

a {
  color:var(--aksel-primary);
}

a:hover {
  color:var(--aksel-primary-hover);
}

.btn-primary {
  background-color:var(--aksel-primary);
  border-color:var(--aksel-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color:var(--aksel-primary-hover);
  border-color:var(--aksel-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow:0 0 0 .2rem rgba(9,107,155,.22);
}

.btn-outline-primary {
  color:var(--aksel-primary);
  border-color:var(--aksel-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active {
  color:#fff;
  background-color:var(--aksel-primary);
  border-color:var(--aksel-primary);
}

.text-primary {
  color:var(--aksel-primary) !important;
}

.bg-primary,
.badge-primary {
  background-color:var(--aksel-primary) !important;
}

.border-primary {
  border-color:var(--aksel-primary) !important;
}

.badge-soft-primary,
.avatar-soft-primary {
  color:var(--aksel-primary);
  background-color:var(--aksel-primary-soft);
}

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

.page-link {
  color:var(--aksel-primary);
}

.page-link:hover {
  color:var(--aksel-primary-hover);
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color:var(--aksel-primary);
  border-color:var(--aksel-primary);
}

.form-control:focus,
.custom-select:focus {
  border-color:var(--aksel-primary-border);
  box-shadow:0 0 0 .2rem rgba(9,107,155,.08);
}

.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-link.show,
.navbar-vertical .nav-link-toggle[aria-expanded="true"],
.navbar-vertical .navbar-vertical-aside-has-menu.show > .nav-link,
.navbar-vertical .nav-link[aria-expanded="true"],
.navbar-vertical .nav-subtitle,
.navbar-vertical .nav-indicator-icon,
.navbar-vertical .nav-link.active .nav-icon,
.navbar-vertical .nav-link:hover .nav-icon,
.navbar-vertical .nav-link[aria-expanded="true"] .nav-icon {
  color:var(--aksel-primary) !important;
}

.navbar-vertical .nav-link.active::before,
.navbar-vertical .nav-link.active::after,
.navbar-vertical .nav-link.show::before,
.navbar-vertical .nav-link.show::after,
.navbar-vertical .navbar-vertical-aside-has-menu.show > .nav-link::before,
.navbar-vertical .navbar-vertical-aside-has-menu.show > .nav-link::after,
.navbar-vertical .nav-item.active > .nav-link::before,
.navbar-vertical .nav-item.active > .nav-link::after {
  background-color:var(--aksel-primary) !important;
}

.navbar-vertical .nav-sub .nav-link.active,
.navbar-vertical .nav-sub .nav-link:hover {
  color:var(--aksel-primary) !important;
}

.navbar-vertical .nav-sub .nav-link.active::before,
.navbar-vertical .nav-sub .nav-link.active::after,
.navbar-vertical .nav-sub .nav-link:hover::before,
.navbar-vertical .nav-sub .nav-link:hover::after,
.navbar-vertical .nav-sub .nav-item .nav-link.active::before,
.navbar-vertical .nav-sub .nav-item .nav-link.active::after {
  background-color:var(--aksel-primary) !important;
}

.navbar-vertical .nav-sub .nav-link.active .nav-indicator-icon,
.navbar-vertical .nav-sub .nav-link:hover .nav-indicator-icon,
.navbar-vertical .nav-link.active .nav-indicator-icon,
.navbar-vertical .nav-link:hover .nav-indicator-icon {
  color:var(--aksel-primary) !important;
}

.navbar-vertical-aside .nav-link.active,
.navbar-vertical-aside .nav-link:hover,
.navbar-vertical-aside .nav-link[aria-expanded="true"],
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link,
.navbar-vertical-aside .nav-sub .nav-link.active,
.navbar-vertical-aside .nav-sub .nav-link:hover,
.navbar-vertical-aside .nav-subtitle {
  color:var(--aksel-primary) !important;
}

.navbar-vertical-aside .nav-link.active::before,
.navbar-vertical-aside .nav-link.active::after,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link::before,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link::after,
.navbar-vertical-aside .nav-sub .nav-link.active::before,
.navbar-vertical-aside .nav-sub .nav-link.active::after {
  background-color:var(--aksel-primary) !important;
  border-color:var(--aksel-primary) !important;
}

.navbar-vertical-aside .nav-link.active,
.navbar-vertical-aside .nav-link:focus {
  box-shadow:inset .25rem 0 0 var(--aksel-primary) !important;
}

.navbar-vertical-aside .nav-sub .nav-link.active {
  border-left-color:var(--aksel-primary) !important;
}

.navbar-vertical-aside .nav-sub .nav-link.active,
.navbar-vertical-aside .nav-sub .nav-link.active:hover {
  border-left:.25rem solid var(--aksel-primary) !important;
}

.navbar-vertical-aside .nav-sub .nav-link.active {
  margin-left:0 !important;
}

.navbar-vertical-aside .nav-indicator-icon,
.navbar-vertical-aside .nav-link.active .nav-indicator-icon,
.navbar-vertical-aside .nav-sub .nav-link.active .nav-indicator-icon,
.navbar-vertical-aside .nav-link.active i,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link i {
  color:var(--aksel-primary) !important;
}

.navbar-vertical-aside .nav-link-toggle::after,
.navbar-vertical-aside .nav-link-toggle[aria-expanded="true"]::after,
.navbar-vertical-aside .navbar-vertical-aside-has-menu.show > .nav-link-toggle::after {
  border-color:currentColor !important;
  background-color:transparent !important;
  box-shadow:none !important;
}

.breadcrumb-link,
.breadcrumb-item.active,
.breadcrumb-item a {
  color:var(--aksel-primary) !important;
}

.avatar-soft-primary,
.avatar-soft-primary .avatar-initials,
.avatar.avatar-soft-primary,
.avatar.avatar-soft-primary .avatar-initials,
.avatar-primary,
.avatar-primary .avatar-initials {
  color:var(--aksel-primary) !important;
  background-color:var(--aksel-primary-soft) !important;
}

.table .text-hover-primary:hover,
.text-hover-primary:hover {
  color:var(--aksel-primary) !important;
}

.legend-indicator.bg-success,
.bg-success {
  background-color:var(--aksel-primary) !important;
}

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

.navbar-brand-logo {
  min-width: 10.5rem;
  max-width: 10.5rem;
  height: auto;
  object-fit: contain;
}

.navbar-brand-logo-mini {
  width: 1.9125rem;
  height: 1.9125rem;
  object-fit: contain;
}

.avatar-img {
  object-fit: contain;
}

.aksel-login-logo {
  width: min(13rem, 100%);
  height: auto;
}

.aksel-login-icon {
  width: 96px;
  height: 96px;
  object-fit: contain;
}

.aksel-login-page {
  background:#fff;
  color:#1f2933;
}

.aksel-login-page header {
  z-index:10;
}

.aksel-login-page header .aksel-login-logo {
  width:10.75rem;
  max-width:none;
  min-width:10.75rem;
  display:block;
}

.aksel-login-page header a {
  flex:0 0 auto;
}

.aksel-login-brand-panel {
  overflow:hidden;
  background:
    linear-gradient(145deg, var(--aksel-primary-soft) 0%, rgba(255,255,255,.92) 42%, rgba(244,247,250,.98) 100%);
}

.aksel-login-brand-panel::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(9,107,155,.1) 0, rgba(9,107,155,.1) 1px, transparent 1px),
    linear-gradient(180deg, rgba(31,41,51,.06) 0, rgba(31,41,51,.06) 1px, transparent 1px);
  background-size:56px 56px;
  opacity:.42;
}

.aksel-login-brand-content {
  position:relative;
  max-width:30rem;
  padding:2.5rem;
  z-index:1;
}

.aksel-login-eyebrow,
.aksel-login-form-eyebrow {
  display:block;
  margin-bottom:.65rem;
  color:var(--aksel-primary);
  font-size:.75rem;
  font-weight:700;
  text-transform:uppercase;
}

.aksel-login-brand-title {
  margin-bottom:1rem;
  color:#111827;
  font-size:2.65rem;
  font-weight:700;
  line-height:1.12;
}

.aksel-login-brand-copy,
.aksel-login-form-copy {
  color:#5f6f82;
  font-size:1rem;
  line-height:1.65;
}

.aksel-partner-strip {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  max-width:24rem;
  padding:1rem 1.25rem;
  border:1px solid rgba(9,107,155,.18);
  border-radius:.5rem;
  background:rgba(255,255,255,.88);
  box-shadow:0 1rem 2rem rgba(31,41,51,.07);
}

.aksel-partner-strip span {
  color:#465568;
  font-size:.84rem;
  font-weight:700;
}

.aksel-partner-strip img {
  width:8rem;
  max-width:42%;
  height:auto;
}

.aksel-login-form-panel {
  background:#fff;
}

.aksel-login-form-wrap {
  max-width:27rem;
}

.aksel-login-form-title {
  margin-bottom:.8rem;
  color:#111827;
  font-size:2.15rem;
  font-weight:700;
  line-height:1.2;
}

.aksel-login-form .form-control,
.aksel-login-form .input-group-text,
.aksel-login-form .select2-selection {
  border-color:#d9e2ec;
}

.aksel-login-form .btn-primary {
  background:var(--aksel-primary);
  border-color:var(--aksel-primary);
  box-shadow:0 .75rem 1.5rem rgba(9,107,155,.18);
}

.aksel-login-form .btn-primary:hover,
.aksel-login-form .btn-primary:focus {
  background:var(--aksel-primary-hover);
  border-color:var(--aksel-primary-hover);
}

.aksel-phone-input-group {
  flex-wrap:nowrap;
  align-items:stretch;
}

.aksel-phone-input-group #phoneselect {
  display:flex;
  flex:0 0 auto;
}

.aksel-phone-input-group #phoneselect .select2-container {
  width:5.6rem !important;
}

.aksel-phone-input-group #phoneselect .select2-selection {
  display:flex;
  align-items:center;
  height:54px !important;
  min-height:54px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}

.aksel-phone-input-group #phoneselect .select2-selection__rendered {
  display:flex;
  align-items:center;
  width:100%;
  height:52px !important;
  min-height:52px !important;
  line-height:52px !important;
  padding-right:1.75rem;
}

.aksel-phone-input-group #phoneselect .select2-selection__arrow {
  top:50%;
  transform:translateY(-50%);
}

.aksel-phone-input-group .form-control {
  min-width:0;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}

.aksel-login-mobile-partner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:.85rem 1rem;
  border:1px solid rgba(9,107,155,.16);
  border-radius:.5rem;
  background:#f8fbfc;
}

.aksel-login-mobile-partner span {
  color:#465568;
  font-size:.84rem;
  font-weight:700;
}

.aksel-login-siemens-mobile {
  width:7.5rem;
  max-width:36%;
  height:auto;
}

@media (max-width: 991.98px) {
  .aksel-login-page header {
    background:rgba(255,255,255,.94);
  }

  .aksel-login-page header .aksel-login-logo {
    width:9.25rem;
    min-width:9.25rem;
  }

  .aksel-login-form-panel {
    align-items:flex-start !important;
    min-height:100vh;
  }

  .aksel-login-form-wrap {
    max-width:31rem;
    padding-left:1rem;
    padding-right:1rem;
  }

  .aksel-login-form-title {
    font-size:1.8rem;
  }
}

@media (max-width: 575.98px) {
  .aksel-login-page header .aksel-login-logo {
    width:8rem;
    min-width:8rem;
  }

  .aksel-login-form-wrap {
    padding-top:7.25rem !important;
  }

  .aksel-login-mobile-partner {
    gap:1rem;
  }

  .aksel-login-siemens-mobile {
    width:6.5rem;
  }
}