.login:before {
  background-color: #3E5481; }

.login .login-card .col:nth-child(1) {
  background-color: #0B2C71; }

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

.page .header .container-fluid {
  background-color: #0B2C71; }

.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: #ffffff; }
  @media (max-width: 576px) {
    .page .sidebar .menu .item.opened {
      background-color: #0B2C71; }
      @supports (-webkit-mask-position: center) or (mask-position: center) {
        .page .sidebar .menu .item.opened > a:before {
          background: #ffffff !important; } } }
  @media (min-width: 577px) {
    @supports (-webkit-mask-position: center) or (mask-position: center) {
      .page .sidebar .sidebar-toggle:after {
        background: #0B2C71 !important; } }
    .page .sidebar .sidebar-toggle:hover {
      background: #77BC1F !important;
      border-color: #77BC1F !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: #0B2C71; }
      @supports (-webkit-mask-position: center) or (mask-position: center) {
        .page .sidebar.opened .menu .item.opened > a:before {
          background: #ffffff !important; } } }
  @supports (-webkit-mask-position: center) or (mask-position: center) {
    .page .sidebar .menu .item:after {
      background: #0B2C71 !important; } }
  @supports (-webkit-mask-position: center) or (mask-position: center) {
    .page .sidebar .menu .item.active:after, .page .sidebar .menu .item.opened:after {
      background: #ffffff !important; } }
  .page .sidebar .menu .item.active > a, .page .sidebar .menu .item.opened > a {
    color: #ffffff; }
  .page .sidebar .menu .item.active {
    background-color: #77BC1F; }
    @supports (-webkit-mask-position: center) or (mask-position: center) {
      .page .sidebar .menu .item.active > a:before {
        background: #ffffff !important; } }
  .page .sidebar .menu .item > a {
    color: #0B2C71; }
    @supports (-webkit-mask-position: center) or (mask-position: center) {
      .page .sidebar .menu .item > a:before {
        background: #0B2C71 !important; } }

@supports (-webkit-mask-position: center) or (mask-position: center) {
  .icon {
    background: #0B2C71; } }

@supports (-webkit-mask-position: center) or (mask-position: center) {
  .icon:hover {
    background: #061a43; } }

.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 .btn, .simple_form .form-actions .add_fields, .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: #0B2C71;
  background: #0B2C71; }
  .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: #77BC1F;
    border-color: #77BC1F; }
    .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: #69a61b;
      border-color: #69a61b; }
  .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: #77BC1F;
    border-color: #77BC1F; }
  .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: #0B2C71;
    border-color: #0B2C71; }
    .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: #5b9018;
      border-color: #5b9018; }

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

.table-actions h3 {
  color: #0B2C71; }

table th.asc, table th.desc {
  color: #0B2C71; }
  table th.asc:after, table th.desc:after {
    border-color: transparent transparent #0B2C71 transparent; }

table td a:hover, table td a:focus {
  color: #0B2C71; }

table.table--colored-header thead {
  background-color: #1F3157; }

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: #0B2C71; }

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

.search .simple-search .show-advanced-search.active {
  background-color: #0B2C71; }

.search .advanced-search .form-wrapper.advanced_search .form-actions .preset-actions a {
  color: #0B2C71; }

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

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

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

.multi-step-form .tabs .tab.active .step-name, .multi-step-form .tabs .tab:hover .step-name {
  color: #0B2C71; }

.multi-step-form .tabs .tab.active:after {
  border-color: #0B2C71 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: #77BC1F; }
  .flash_messages .flash.notice {
    background: #77BC1F; }

.loader {
  border-top-color: #0B2C71; }

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

.grid-stack-item-content.statistics {
  background: #0B2C71; }

.grid-stack-item-content .content.report, .grid-stack-item-content .content.link, .grid-stack-item-content .content.statistics {
  color: #77BC1F; }

body.error-page {
  background-color: #799E21;
  color: notset; }
  body.error-page div.dialog {
    background-color: notset; }
  body.error-page img {
    padding: 41px 134px 0 0;
    background: url(https://tankyou-demo.s3.amazonaws.com/uploads/account/image_error/1/tank-you-logo.png);
    background-size: auto;
    width: 0;
    height: 0; }