.login:before {
  background-color: #0F4655;
}
.login .login-card .col:nth-child(1) {
  background-color: #1696A3;
}

.lang-switcher .current {
  color: white;
}

.page .header .container-fluid {
  background-color: #0F4655;
}
.page .header .active_customer select#active_customer_id, .page .header .active_customer .title {
  color: white;
}
.page .header .account-manager, .page .header .username, .page .header .logout {
  color: white;
}
@supports (-webkit-mask-position: center) or (mask-position: center) {
  .page .header .menu-toggle {
    background: white;
  }
}
.page .sidebar {
  background-color: #356775;
}
@media (max-width: 576px) {
  .page .sidebar .menu .item.opened {
    background-color: #017D93;
  }
  @supports (-webkit-mask-position: center) or (mask-position: center) {
    .page .sidebar .menu .item.opened > a:before {
      background: white !important;
    }
  }
}
@media (min-width: 577px) {
  @supports (-webkit-mask-position: center) or (mask-position: center) {
    .page .sidebar .sidebar-toggle:after {
      background: #356775 !important;
    }
  }
  .page .sidebar .sidebar-toggle:hover {
    background: #1696A3 !important;
    border-color: #1696A3 !important;
  }
  @supports (-webkit-mask-position: center) or (mask-position: center) {
    .page .sidebar .sidebar-toggle:hover:after {
      background: white !important;
    }
  }
  .page .sidebar.opened .menu .item.opened {
    background-color: #017D93;
  }
  @supports (-webkit-mask-position: center) or (mask-position: center) {
    .page .sidebar.opened .menu .item.opened > a:before {
      background: white !important;
    }
  }
}
@supports (-webkit-mask-position: center) or (mask-position: center) {
  .page .sidebar .menu .item:after {
    background: white !important;
  }
}
@supports (-webkit-mask-position: center) or (mask-position: center) {
  .page .sidebar .menu .item.active:after, .page .sidebar .menu .item.opened:after {
    background: white !important;
  }
}
.page .sidebar .menu .item.active > a, .page .sidebar .menu .item.opened > a {
  color: white;
}
.page .sidebar .menu .item.active {
  background-color: #1696A3;
}
@supports (-webkit-mask-position: center) or (mask-position: center) {
  .page .sidebar .menu .item.active > a:before {
    background: white !important;
  }
}
.page .sidebar .menu .item > a {
  color: white;
}
@supports (-webkit-mask-position: center) or (mask-position: center) {
  .page .sidebar .menu .item > a:before {
    background: white !important;
  }
}

@supports (-webkit-mask-position: center) or (mask-position: center) {
  .icon {
    background: #356775;
  }
}
@supports (-webkit-mask-position: center) or (mask-position: center) {
  .icon:hover {
    background: rgb(37.1, 72.1, 81.9);
  }
}

.btn, .app .pagination .page a,
.app .pagination .first a,
.app .pagination .prev a,
.app .pagination .next a,
.app .pagination .last a,
.app .pagination .page.current, .simple_form .add_fields, .simple_form .form-actions .add_fields, .simple_form .form-actions .btn, .simple_form .form-actions .btn--icon, .simple_form .form-actions .btn--edit, .simple_form .form-actions .btn--calculator, .btn--edit,
.app .btn--edit, .btn--icon, .btn--calculator,
.app .btn--calculator,
.app .btn--icon,
.app .btn,
.app .simple_form .add_fields,
.simple_form .app .add_fields {
  border-color: #356775;
  background: #356775;
}
.btn.blue, .app .pagination .page a.blue,
.app .pagination .first a.blue,
.app .pagination .prev a.blue,
.app .pagination .next a.blue,
.app .pagination .last a.blue,
.app .pagination .blue.page.current, .simple_form .blue.add_fields, .simple_form .form-actions .blue.btn, .simple_form .form-actions .blue.btn--icon, .simple_form .form-actions .blue.btn--edit, .simple_form .form-actions .blue.btn--calculator, .btn--edit,
.app .btn--edit, .blue.btn--icon, .blue.btn--calculator,
.app .btn.blue {
  background-color: #1696A3;
  border-color: #1696A3;
}
.btn.blue:hover, .app .pagination .page a.blue:hover,
.app .pagination .first a.blue:hover,
.app .pagination .prev a.blue:hover,
.app .pagination .next a.blue:hover,
.app .pagination .last a.blue:hover,
.app .pagination .blue.page.current:hover, .simple_form .blue.add_fields:hover, .simple_form .form-actions .blue.btn--edit:hover, .btn--edit:hover, .blue.btn--icon:hover, .blue.btn--calculator:hover,
.app .btn.blue:hover {
  background-color: rgb(18.9675675676, 129.3243243243, 140.5324324324);
  border-color: rgb(18.9675675676, 129.3243243243, 140.5324324324);
}
.btn:hover, .app .pagination .page a:hover,
.app .pagination .first a:hover,
.app .pagination .prev a:hover,
.app .pagination .next a:hover,
.app .pagination .last a:hover,
.app .pagination .page.current:hover, .simple_form .add_fields:hover, .simple_form .form-actions .btn:hover, .simple_form .form-actions .btn--icon:hover, .simple_form .form-actions .btn--edit:hover, .simple_form .form-actions .btn--calculator:hover, .btn--icon:hover, .btn--edit:hover, .btn--calculator:hover,
.app .btn:hover {
  background: #0F4655;
  border-color: #0F4655;
}
.btn.outlined, .app .pagination .page a.outlined,
.app .pagination .first a.outlined,
.app .pagination .prev a.outlined,
.app .pagination .next a.outlined,
.app .pagination .last a.outlined,
.app .pagination .outlined.page.current, .simple_form .outlined.add_fields, .simple_form .form-actions .outlined.btn, .simple_form .form-actions .outlined.btn--icon, .simple_form .form-actions .outlined.btn--edit, .simple_form .form-actions .outlined.btn--calculator, .outlined.btn--icon, .outlined.btn--edit, .outlined.btn--calculator,
.app .btn.outlined {
  color: #356775;
  border-color: #356775;
}
.btn.outlined:hover, .app .pagination .page a.outlined:hover,
.app .pagination .first a.outlined:hover,
.app .pagination .prev a.outlined:hover,
.app .pagination .next a.outlined:hover,
.app .pagination .last a.outlined:hover,
.app .pagination .outlined.page.current:hover, .simple_form .outlined.add_fields:hover, .outlined.btn--icon:hover, .outlined.btn--edit:hover, .outlined.btn--calculator:hover,
.app .btn.outlined:hover {
  color: rgb(7.35, 34.3, 41.65);
  border-color: rgb(7.35, 34.3, 41.65);
}

.page-title .title .tab-links a.active {
  color: #356775;
}
.page-title .title .tab-links a.active:before {
  background: #356775;
}

.table-actions h3 {
  color: #356775;
}

table th.asc, table th.desc {
  color: #356775;
}
table th.asc:after, table th.desc:after {
  border-color: transparent transparent #356775 transparent;
}
table td a:hover, table td a:focus {
  color: #356775;
}
table.table--colored-header thead {
  background-color: #356775;
}
table.table--colored-header tbody tr:nth-child(even) {
  background-color: #EFF4FC;
}
table.table--colored-header th {
  color: white;
}
table.table--colored-header th * {
  color: white;
}
table.table--colored-header tr.state-finished, table.table--colored-header tr.state-finished a {
  color: #356775;
}

.table-options a {
  color: #356775;
}
.table-options a:hover {
  background: #356775;
}

.search .simple-search .show-advanced-search.active {
  background-color: #356775;
}
.search .advanced-search .form-wrapper.advanced_search .form-actions .preset-actions a {
  color: #356775;
}

.select2-container .select2-choice .select2-arrow b {
  border-color: transparent transparent #356775 transparent;
}

.select2-drop .select2-results .select2-highlighted {
  background: #356775;
}

.simple-accordion .toggle-accordion-body:before {
  border-color: transparent transparent transparent #356775;
}

.multi-step-form .tabs .tab.active .step-name, .multi-step-form .tabs .tab:hover .step-name {
  color: #356775;
}
.multi-step-form .tabs .tab.active:after {
  border-color: #356775 transparent transparent transparent;
}
.multi-step-form .tabs .tab.error .step-name {
  color: #E06F6F;
}
.multi-step-form .tabs .tab.error:after {
  border-color: #E06F6F transparent transparent transparent;
}

.flash_messages .flash {
  background: #1696A3;
}
.flash_messages .flash.notice {
  background: #1696A3;
}

.loader {
  border-top-color: #356775;
}

@supports (-webkit-mask-position: center) or (mask-position: center) {
  .dashboard .panel .title:before {
    background: #356775;
  }
}

.grid-stack-item-content.statistics {
  background: #356775;
}
.grid-stack-item-content .content.report, .grid-stack-item-content .content.link, .grid-stack-item-content .content.statistics {
  color: #0F4655;
}

body.error-page {
  background-color: notset;
  color: notset;
}
body.error-page div.dialog {
  background-color: notset;
}