:root {
  --palette-dark-blue-0: #122735;
  --palette-dark-blue-1: #263d51;
  --palette-action-blue: #2c5ed7;
  --palette-latte-1: #eddbb7;
  --palette-latte-2: #eeebd4;
  --palette-latte-3: #faf9f2;
  --page-background: var(--palette-latte-3);
  --header-background: var(--palette-dark-blue-1);
  --header-text-color: var(--palette-latte-1);
  --sidenav-background: var(--palette-latte-2);
  --sidenav-subnav-background: var(--palette-latte-2);
  --sidenav-text-color: var(--palette-dark-blue-1);
  --title-color: var(--palette-dark-blue-1);
  --link-color: var(--palette-action-blue);
  --primary-color: var(--palette-action-blue);
  --chart-color-1: #4d8bbe;
  --chart-color-2: #BAD3A2;
  --chart-color-3: #c366c4;
  --chart-color-4: #2dae9d;
  --chart-color-5: #9645dd;
  --chart-color-6: #6097c5;
  --chart-color-7: #c7dbb3;
  --chart-color-8: #ca78cb;
  --chart-color-9: #32c2af;
  --chart-color-10: #a25be1;
  --chart-color-11: #72a3cc;
  --chart-color-12: #d4e3c5;
  --chart-color-13: #d18bd2;
  --chart-color-14: #40cebb;
  --chart-color-15: #ae70e5;
  --chart-color-16: #85b0d2;
  --chart-color-17: #e1ecd6;
  --chart-color-18: #d99dd9;
  --chart-color-19: #55d3c2;
  --chart-color-20: #bb86e9;
  --chart-color-21: #98bcd9;
}
body {
  background-color: var(--page-background);
}
body #page-content-wrapper:not(.no-sidenav) {
  background-color: var(--page-background);
}
@media (min-width: 992px) {
  body #page-content-wrapper:not(.no-sidenav) {
    margin-left: 230px !important;
  }
}
body a {
  color: var(--link-color);
}
body .btn.btn-primary,
body .btn.btn-success {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
body .btn.btn-outline-primary {
  background-color: white;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
body .btn.btn-link {
  color: var(--link-color);
}
body .pagination > .active > a {
  background-color: white !important;
  color: #777;
  border-color: #ddd;
}
body .pagination > .active > a:hover {
  background-color: transparent !important;
  border-color: #ddd !important;
  color: #777;
  cursor: pointer;
}
body #content {
  background-color: var(--page-background);
  padding-left: 20px;
  padding-right: 20px;
}
body #content .panel.panel-default {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.navbar.navbar-default {
  background-color: var(--header-background);
  border-bottom: none;
}
.navbar.navbar-default.navbar-fixed-top {
  height: 52px;
}
@media (min-width: 992px) {
  .navbar.navbar-default.navbar-fixed-top {
    height: 64px;
  }
}
.navbar.navbar-default.navbar-fixed-top button.navbar-toggle {
  border: none;
  padding: 0;
  padding-top: 6px;
  padding-left: 8px;
}
.navbar.navbar-default.navbar-fixed-top button.navbar-toggle i {
  font-size: 2.4rem;
  color: var(--header-text-color);
}
.navbar.navbar-default.navbar-fixed-top .navbar-brand .logo {
  background-position: left;
}
.navbar.navbar-default .navbar-nav#mainnav a {
  color: var(--header-text-color) !important;
  padding-left: 12px;
  padding-right: 12px;
}
.navbar.navbar-default .navbar-nav#mainnav li.module-active a {
  background-color: var(--header-text-color);
  color: var(--header-background) !important;
  border-radius: 4px;
  padding: 6px 12px 4px 12px !important;
  margin-top: 9px !important;
  height: 30px;
}
.navbar.navbar-default .navbar-nav > li > a {
  background-color: var(--header-background);
  color: var(--header-text-color);
}
.navbar .navbar-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px !important;
}
.navbar .navbar-brand .logo {
  background-image: url('/App/images/logo.svg') !important;
  background-size: contain !important;
  height: 30px !important;
  position: initial;
  padding: 15px !important;
}
.navbar .nav.navbar-right li > a {
  color: var(--header-text-color) !important;
}
.navbar .nav.navbar-right li.active a {
  background-color: var(--header-text-color) !important;
  color: var(--header-background-color) !important;
}
.navbar .nav.navbar-right li > .dropdown-menu {
  background-color: var(--header-background);
  border: none;
  box-shadow: 0 6px 12px #000000;
}
.navbar .nav.navbar-right li > .dropdown-menu li > a {
  height: 38px;
  line-height: 38px;
}
.navbar .nav.navbar-right a.dropdown-toggle span {
  text-transform: initial;
}
.navbar .nav.navbar-right icon-user {
  padding-right: 0px;
}
.navbar .nav.navbar-right icon-user ~ span {
  display: none !important;
}
.navbar .nav.navbar-right icon-help {
  padding-right: 0px;
}
.navbar .nav.navbar-right icon-help ~ span {
  display: none !important;
}
.navbar .nav.navbar-right icon-settings {
  display: block;
  padding-right: 0px;
}
.navbar .nav.navbar-right icon-settings ~ span {
  display: none !important;
}
@media (min-width: 992px) {
  #sidebar-wrapper #main-sidenav,
  .sidenav-wrapper #main-sidenav {
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 16px;
    border-radius: unset;
    --topbarHeight: 64px;
  }
}
#popoutnav-wrapper .hideMenu {
  background-color: rgba(0, 0, 0, 0.333);
}
#popoutnav-wrapper #module-nav {
  background-color: var(--sidenav-background);
  height: 52px;
  z-index: 2000;
  padding: 0;
  box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.6), inset -10px 0 10px -10px rgba(0, 0, 0, 0.1);
}
#popoutnav-wrapper #module-nav li {
  width: 100%;
}
#popoutnav-wrapper #module-nav a {
  color: var(--sidenav-text-color);
  height: 48px;
  display: flex;
  align-items: center;
}
#popoutnav-wrapper #module-nav a:hover {
  background-color: initial;
}
#popoutnav-wrapper #module-nav a .caret {
  margin-left: 8px;
  margin-top: -2px;
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
#sidebar-wrapper #main-sidenav,
#popoutnav-wrapper #main-sidenav {
  background-color: var(--sidenav-background);
  padding-left: 16px;
}
#sidebar-wrapper #main-sidenav li.active,
#popoutnav-wrapper #main-sidenav li.active {
  color: initial;
}
#sidebar-wrapper #main-sidenav li a,
#popoutnav-wrapper #main-sidenav li a {
  color: var(--sidenav-text-color);
  font-size: 14px;
  text-transform: uppercase;
}
#sidebar-wrapper #main-sidenav li a.active,
#popoutnav-wrapper #main-sidenav li a.active {
  background-color: transparent;
  color: var(--title-color);
}
#sidebar-wrapper #main-sidenav li a.active:not(.sidenav-submenu *),
#popoutnav-wrapper #main-sidenav li a.active:not(.sidenav-submenu *) {
  margin-left: -16px;
  width: calc(100% + 16px);
  padding-left: 26px;
}
#sidebar-wrapper #main-sidenav li a.active:not(.sidenav-submenu *):hover,
#popoutnav-wrapper #main-sidenav li a.active:not(.sidenav-submenu *):hover {
  color: initial;
}
#sidebar-wrapper #main-sidenav li a:not(.sidenav-submenu *):hover,
#popoutnav-wrapper #main-sidenav li a:not(.sidenav-submenu *):hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: unset;
  margin-left: -16px;
  padding-left: 26px;
  width: calc(100% + 16px);
}
#sidebar-wrapper #main-sidenav li a .menu-label strong,
#popoutnav-wrapper #main-sidenav li a .menu-label strong {
  font-weight: 600;
}
#sidebar-wrapper #main-sidenav li a:after,
#popoutnav-wrapper #main-sidenav li a:after {
  display: none;
}
#sidebar-wrapper #main-sidenav a.sidenav-section,
#popoutnav-wrapper #main-sidenav a.sidenav-section {
  display: flex;
  align-items: center;
  gap: 10px;
}
#sidebar-wrapper #main-sidenav a.sidenav-section .sidenav-icon,
#popoutnav-wrapper #main-sidenav a.sidenav-section .sidenav-icon {
  display: flex;
}
#sidebar-wrapper #main-sidenav a.sidenav-section .sidenav-icon .svg-icon-root,
#popoutnav-wrapper #main-sidenav a.sidenav-section .sidenav-icon .svg-icon-root {
  width: 0.8em;
  height: 0.8em;
}
#sidebar-wrapper #main-sidenav a.sidenav-section.active,
#popoutnav-wrapper #main-sidenav a.sidenav-section.active {
  background: rgba(0, 0, 0, 0.05);
}
#sidebar-wrapper #main-sidenav .sidenav-submenu,
#popoutnav-wrapper #main-sidenav .sidenav-submenu {
  margin-left: -16px !important;
  width: calc(100% + 16px);
  padding-left: 8px !important;
  background-color: var(--sidenav-subnav-background);
}
#sidebar-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item .sidenav-ea-icon,
#popoutnav-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item .sidenav-ea-icon {
  color: #aaa;
}
#sidebar-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item a,
#popoutnav-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item a {
  text-transform: initial;
}
#sidebar-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item a.active,
#popoutnav-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item a.active {
  text-decoration: underline;
}
#sidebar-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item a:hover,
#popoutnav-wrapper #main-sidenav .sidenav-submenu .sidenav-submenu-item a:hover {
  background-color: initial;
  color: initial;
}
@media (max-width: 991px) {
  #main-sidenav {
    border: initial !important;
    border-radius: 0 !important;
    top: 52px !important;
    box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.6), inset -10px 0 10px -10px rgba(0, 0, 0, 0.1);
  }
}
div[ui-view] > .panel.panel-default:has(div[pagetitle]) {
  background-color: var(--page-background);
  border: none !important;
  padding-left: 0;
  padding-right: 0;
}
div[ui-view] > .panel.panel-default:has(div[pagetitle]) .panel-heading {
  background-color: var(--page-background);
}
div[ui-view] > .panel.panel-default:has(div[pagetitle]) .panel-heading .callouts span {
  background-color: var(--page-background);
  line-height: 116.7%;
  font-family: Avenir;
  color: var(--title-color) !important;
  font-size: 2.8rem !important;
  font-weight: 700 !important;
}
div[ui-view] > .dashboard > .panel.panel-default:first-of-type {
  border: none !important;
}
div[ui-view] > .dashboard > .panel.panel-default {
  background-color: var(--page-background);
  padding-left: 0px;
  padding-right: 0px;
}
div[ui-view] > .dashboard > .panel.panel-default span.pagetitle,
div[ui-view] > .dashboard > .panel.panel-default span.time {
  color: var(--title-color) !important;
  font-weight: 700 !important;
}
.lr-datepicker .panel.panel-default {
  padding-top: 8px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: unset;
  border: none !important;
}
.lr-datepicker .panel.panel-default .callouts span[ng-bind="pagetitle"] {
  color: var(--title-color);
  font-weight: 700;
}
.lr-datepicker .panel.panel-default .callouts span.time {
  color: var(--title-color);
  font-weight: 600;
}
@media (max-width: 991px) {
  .lr-datepicker .panel.panel-default .callouts span.time {
    font-size: 1.2em !important;
  }
  .lr-datepicker .panel.panel-default .text-right {
    padding-left: 0;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .lr-datepicker .panel.panel-default .datepicker-nav {
    padding-top: 8px;
    padding-bottom: 16px;
  }
  .lr-datepicker .panel.panel-default .datepicker-nav a {
    font-size: 10.78px !important;
    font-weight: 500 !important;
  }
}
.lr-datepicker .panel.panel-default .nav.datepicker-nav {
  margin-right: -8px;
}
.lr-datepicker .panel.panel-default .nav > li > a.quick-link {
  color: var(--title-color) !important;
}
.lr-datepicker .panel.panel-default a.ui-state-default.dp-active {
  background-color: var(--primary-color) !important;
}
.lr-datepicker .panel.panel-default button.btn.btn-link {
  border: 1px solid var(--primary-color);
}
div[ui-view] .loading-overlay {
  background: var(--page-background) !important;
}
div[ui-view] .loading-overlay .spinner > div {
  background-color: var(--header-background);
}
div[ui-view] .editor .loading-overlay {
  background: initial !important;
}
div[ui-view] .panel.panel-placeholder:not(.editor *) {
  background-color: var(--page-background);
}
div[ui-view] .table > thead > tr > th {
  border-bottom: none;
}
div[ui-view] .panel .panel-body .callouts span {
  color: var(--primary-color) !important;
}
.graph-pietwo-color-1,
.graph-columnchart-color-1,
.graph-linechart-color-1,
.graph-default-color-1,
.graph-area-color-1 {
  background-color: var(--chart-color-1) !important;
}
.graph-pietwo-color-2,
.graph-columnchart-color-2,
.graph-linechart-color-2,
.graph-default-color-2,
.graph-area-color-2 {
  background-color: var(--chart-color-2) !important;
}
.graph-pietwo-color-3,
.graph-columnchart-color-3,
.graph-linechart-color-3,
.graph-default-color-3,
.graph-area-color-3 {
  background-color: var(--chart-color-3) !important;
}
.graph-pietwo-color-4,
.graph-columnchart-color-4,
.graph-linechart-color-4,
.graph-default-color-4,
.graph-area-color-4 {
  background-color: var(--chart-color-4) !important;
}
.graph-pietwo-color-5,
.graph-columnchart-color-5,
.graph-linechart-color-5,
.graph-default-color-5,
.graph-area-color-5 {
  background-color: var(--chart-color-5) !important;
}
.graph-pietwo-color-6,
.graph-columnchart-color-6,
.graph-linechart-color-6,
.graph-default-color-6,
.graph-area-color-6 {
  background-color: var(--chart-color-6) !important;
}
.graph-pietwo-color-7,
.graph-columnchart-color-7,
.graph-linechart-color-7,
.graph-default-color-7,
.graph-area-color-7 {
  background-color: var(--chart-color-7) !important;
}
.graph-pietwo-color-8,
.graph-pietwo-color-8,
.graph-linechart-color-8,
.graph-default-color-8,
.graph-area-color-8 {
  background-color: var(--chart-color-8) !important;
}
.graph-pietwo-color-9,
.graph-columnchart-color-9,
.graph-linechart-color-9,
.graph-default-color-9,
.graph-area-color-9 {
  background-color: var(--chart-color-9) !important;
}
.graph-pietwo-color-10,
.graph-columnchart-color-10,
.graph-linechart-color-10,
.graph-default-color-10,
.graph-area-color-10 {
  background-color: var(--chart-color-10) !important;
}
.graph-pietwo-color-11,
.graph-columnchart-color-11,
.graph-linechart-color-11,
.graph-default-color-11,
.graph-area-color-11 {
  background-color: var(--chart-color-11) !important;
}
.graph-pietwo-color-12,
.graph-columnchart-color-12,
.graph-linechart-color-12,
.graph-default-color-12,
.graph-area-color-12 {
  background-color: var(--chart-color-12) !important;
}
.graph-pietwo-color-13,
.graph-columnchart-color-13,
.graph-linechart-color-13,
.graph-default-color-13,
.graph-area-color-13 {
  background-color: var(--chart-color-13) !important;
}
.graph-pietwo-color-14,
.graph-columnchart-color-14,
.graph-linechart-color-14,
.graph-default-color-14,
.graph-area-color-14 {
  background-color: var(--chart-color-14) !important;
}
.graph-pietwo-color-15,
.graph-columnchart-color-15,
.graph-linechart-color-15,
.graph-default-color-15,
.graph-area-color-15 {
  background-color: var(--chart-color-15) !important;
}
.graph-pietwo-color-16,
.graph-columnchart-color-16,
.graph-linechart-color-16,
.graph-default-color-16,
.graph-area-color-16 {
  background-color: var(--chart-color-16) !important;
}
.graph-pietwo-color-17,
.graph-columnchart-color-17,
.graph-linechart-color-17,
.graph-default-color-17,
.graph-area-color-17 {
  background-color: var(--chart-color-17) !important;
}
.graph-pietwo-color-18,
.graph-columnchart-color-18,
.graph-linechart-color-18,
.graph-default-color-18,
.graph-area-color-18 {
  background-color: var(--chart-color-18) !important;
}
.graph-pietwo-color-19,
.graph-columnchart-color-19,
.graph-linechart-color-19,
.graph-default-color-19,
.graph-area-color-19 {
  background-color: var(--chart-color-19) !important;
}
.graph-pietwo-color-20,
.graph-columnchart-color-20,
.graph-linechart-color-20,
.graph-default-color-20,
.graph-area-color-20 {
  background-color: var(--chart-color-20) !important;
}
.graph-pietwo-color-21,
.graph-columnchart-color-21,
.graph-linechart-color-21,
.graph-default-color-21,
.graph-area-color-21 {
  background-color: var(--chart-color-21) !important;
}
.graph-pie-color-1 {
  background-color: var(--chart-color-1) !important;
}
.graph-pie-color-2 {
  background-color: var(--chart-color-6) !important;
}
.graph-pie-color-3 {
  background-color: var(--chart-color-11) !important;
}
.graph-pie-color-4 {
  background-color: var(--chart-color-16) !important;
}
.graph-pie-color-5 {
  background-color: var(--chart-color-2) !important;
}
.graph-pie-color-6 {
  background-color: var(--chart-color-7) !important;
}
.graph-pie-color-7 {
  background-color: var(--chart-color-12) !important;
}
.graph-pie-color-8 {
  background-color: var(--chart-color-17) !important;
}
.graph-pie-color-9 {
  background-color: var(--chart-color-3) !important;
}
.graph-pie-color-10 {
  background-color: var(--chart-color-8) !important;
}
.graph-pie-color-11 {
  background-color: var(--chart-color-13) !important;
}
.graph-pie-color-12 {
  background-color: var(--chart-color-18) !important;
}
.graph-pie-color-13 {
  background-color: var(--chart-color-4) !important;
}
.graph-pie-color-14 {
  background-color: var(--chart-color-9) !important;
}
.graph-pie-color-15 {
  background-color: var(--chart-color-14) !important;
}
.graph-pie-color-16 {
  background-color: var(--chart-color-19) !important;
}
.graph-pie-color-17 {
  background-color: var(--chart-color-5) !important;
}
.graph-pie-color-18 {
  background-color: var(--chart-color-10) !important;
}
.graph-pie-color-19 {
  background-color: var(--chart-color-15) !important;
}
.graph-pie-color-20 {
  background-color: var(--chart-color-20) !important;
}
.graph-pie-color-21 {
  background-color: var(--chart-color-21) !important;
}