@charset "UTF-8";
.tree-children.tree-children-no-padding { padding-left: 0 }
.tree-children { padding-left: 20px; overflow: hidden }
.node-drop-slot { display: block; height: 2px }
.node-drop-slot.is-dragging-over { background: #ddffee; height: 20px; border: 2px dotted #888; }
.toggle-children-wrapper-expanded .toggle-children { transform: rotate(90deg) }
.toggle-children-wrapper-collapsed .toggle-children { transform: rotate(0); }
.toggle-children-wrapper {
  padding: 2px 3px 5px 1px;
}
/* tslint:disable */
.toggle-children {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRkRFQjcxODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRkRFQjcwODUzNTExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5iogFwAAAGhJREFUeNpiYGBgKABigf///zOQg0EARH4A4gZyDIIZ8B/JoAJKDIDhB0CcQIkBRBtEyABkgxwoMQCGD6AbRKoBGAYxQgXIBRuZGKgAKPIC3QLxArnRSHZCIjspk52ZKMrOFBUoAAEGAKnq593MQAZtAAAAAElFTkSuQmCC');
  height: 8px;
  width: 9px;
  background-size: contain;
  display: inline-block;
  position: relative;
  top: 1px;
  background-repeat: no-repeat;
  background-position: center;
}
.toggle-children-placeholder {
  display: inline-block;
  height: 10px;
  width: 10px;
  position: relative;
  top: 1px;
  padding-right: 3px;
}
.node-content-wrapper {
  display: inline-block;
  padding: 2px 5px;
  border-radius: 2px;
  transition: background-color .15s,box-shadow .15s;
}
.node-wrapper {display: flex; align-items: flex-start;}
.node-content-wrapper-active,
.node-content-wrapper.node-content-wrapper-active:hover,
.node-content-wrapper-active.node-content-wrapper-focused {
  background: #beebff;
}
.node-content-wrapper-focused { background: #e7f4f9 }
.node-content-wrapper:hover { background: #f7fbff }
.node-content-wrapper-active, .node-content-wrapper-focused, .node-content-wrapper:hover {
  box-shadow: inset 0 0 1px #999;
}
.node-content-wrapper.is-dragging-over { background: #ddffee; box-shadow: inset 0 0 1px #999; }
.node-content-wrapper.is-dragging-over-disabled { opacity: 0.5 }
tree-viewport {
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  overflow: auto;
  display: block;
}
.tree-children { padding-left: 20px }
.empty-tree-drop-slot .node-drop-slot { height: 20px; min-width: 100px }
.angular-tree-component {
  width: 100%;
  position:relative;
  display: inline-block;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
tree-root .angular-tree-component-rtl {
  direction: rtl;
}
tree-root .angular-tree-component-rtl .toggle-children-wrapper-collapsed .toggle-children {
  transform: rotate(180deg) !important;
}
tree-root .angular-tree-component-rtl .tree-children {
  padding-right: 20px;
  padding-left: 0;
}
tree-node-checkbox {
  padding: 1px;
}
:root {
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #D8443A;
  --bs-orange: #f4a100;
  --bs-green: #03bc78;
  --bs-teal: #20c997;
  --bs-cyan: #28c3d7;
  --bs-blue: #144263;
  --bs-blue-light: #5b92b7;
  --bs-blue-lighter: #adc8db;
  --bs-blue-lightest: #e7eff8;
  --bs-blue-dark: #1b354c;
  --bs-yellow: #fcd600;
  --bs-yellow-light: #ffea80;
  --bs-yellow-lighter: #fbf7e3;
  --bs-yellow-lightest: #fcfbf6;
  --bs-gray: #707070;
  --bs-gray-light: #a3a4a6;
  --bs-gray-lighter: #e6e6e6;
  --bs-gray-dark: #464646;
  --bs-body-bg: #fbf7e3;
  --bs-primary: #144263;
  --bs-primary-light: #5b92b7;
  --bs-primary-lighter: #adc8db;
  --bs-primary-lightest: #e7eff8;
  --bs-primary-dark: #1b354c;
  --bs-secondary: #fcd600;
  --bs-secondary-light: #ffea80;
  --bs-secondary-lighter: #fbf7e3;
  --bs-secondary-lightest: #fcfbf6;
  --bs-secondary-dark: #fcd600;
  --bs-success: #03bc78;
  --bs-info: var(--bs-cyan);
  --bs-warning: #fcd600;
  --bs-danger: #D8443A;
  --oc-input-invalid: #ff8282;
  --oc-input-warned: #ffea80;
  --oc-basic-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
  --oc-border-radius: 0px;
  --oc-basic-gutter: 1.5rem;
  --oc-color-inverse: #ffffff;
  --oc-light-bg: #ffffff;
  --oc-main-font: Open Sans, sans-serif;
  --oc-bar-bg: #144263;
  --oc-dark-bg: #1b354c;
  --oc-panel-border: #144263;
  --oc-panel-bg: #fcfbf6;
  --oc-light-font-color: #fbf7e3;
  --oc-dark-font-color: #000000;
  --oc-active-color: #5b92b7;
  --oc-text-dark: #000000;
  --oc-orange-bg: var(--warning);
  --oc-red-bg: var(--danger);
  --oc-green-bg: var(--success);
  --oc-font-weight-bold: 700;
}
:root {
  --blue: var(--bs-blue);
  --indigo: var(--bs-indigo);
  --purple: var(--bs-purple);
  --pink: var(--bs-pink);
  --red: var(--bs-red);
  --orange: var(--bs-orange);
  --yellow: var(--bs-yellow);
  --green: var(--bs-green);
  --teal: var(--bs-teal);
  --cyan: var(--bs-cyan);
  --white: #fff;
  --gray: var(--bs-gray);
  --gray-dark: var(--bs-gray-dark);
  --primary: var(--bs-primary);
  --secondary: var(--bs-secondary);
  --success: var(--bs-success);
  --info: var(--bs-info);
  --warning: var(--bs-warning);
  --danger: var(--bs-danger);
  --light: rgba(24, 28, 33, 0.06);
  --dark: rgba(24, 28, 33, 0.9);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1600px;
  --font-family-sans-serif: var(--oc-main-font);
  --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
html .fs-0 {
  font-size: 0px !important;
}
html .fs-1 {
  font-size: 1px !important;
}
html .fs-2 {
  font-size: 2px !important;
}
html .fs-3 {
  font-size: 3px !important;
}
html .fs-4 {
  font-size: 4px !important;
}
html .fs-5 {
  font-size: 5px !important;
}
html .fs-6 {
  font-size: 6px !important;
}
html .fs-7 {
  font-size: 7px !important;
}
html .fs-8 {
  font-size: 8px !important;
}
html .fs-9 {
  font-size: 9px !important;
}
html .fs-10 {
  font-size: 10px !important;
}
html .fs-11 {
  font-size: 11px !important;
}
html .fs-12 {
  font-size: 12px !important;
}
html .fs-13 {
  font-size: 13px !important;
}
html .fs-14 {
  font-size: 14px !important;
}
html .fs-15 {
  font-size: 15px !important;
}
html .fs-16 {
  font-size: 16px !important;
}
html .fs-17 {
  font-size: 17px !important;
}
html .fs-18 {
  font-size: 18px !important;
}
html .fs-19 {
  font-size: 19px !important;
}
html .fs-20 {
  font-size: 20px !important;
}
html .fs-21 {
  font-size: 21px !important;
}
html .fs-22 {
  font-size: 22px !important;
}
html .fs-23 {
  font-size: 23px !important;
}
html .fs-24 {
  font-size: 24px !important;
}
html .fs-25 {
  font-size: 25px !important;
}
html .fs-26 {
  font-size: 26px !important;
}
html .fs-27 {
  font-size: 27px !important;
}
html .fs-28 {
  font-size: 28px !important;
}
html .fs-29 {
  font-size: 29px !important;
}
html .fs-30 {
  font-size: 30px !important;
}
html .fs-31 {
  font-size: 31px !important;
}
html .fs-32 {
  font-size: 32px !important;
}
html .fs-33 {
  font-size: 33px !important;
}
html .fs-34 {
  font-size: 34px !important;
}
html .fs-35 {
  font-size: 35px !important;
}
html .fs-36 {
  font-size: 36px !important;
}
html .fs-37 {
  font-size: 37px !important;
}
html .fs-38 {
  font-size: 38px !important;
}
html .fs-39 {
  font-size: 39px !important;
}
html .fs-40 {
  font-size: 40px !important;
}
html .fs-41 {
  font-size: 41px !important;
}
html .fs-42 {
  font-size: 42px !important;
}
html .fs-43 {
  font-size: 43px !important;
}
html .fs-44 {
  font-size: 44px !important;
}
html .fs-45 {
  font-size: 45px !important;
}
html .fs-46 {
  font-size: 46px !important;
}
html .fs-47 {
  font-size: 47px !important;
}
html .fs-48 {
  font-size: 48px !important;
}
html .fs-49 {
  font-size: 49px !important;
}
html .fs-50 {
  font-size: 50px !important;
}
html .no-box-shadow {
  box-shadow: none !important;
}
html .bottom-border-black {
  border-bottom: 1px solid black;
}
html .border-gray {
  border-color: #999999;
}
html .border {
  border-color: var(--oc-panel-border) !important;
}
html .color-beige-hell {
  background-color: var(--oc-panel-bg);
}
html .color-beige-kontur {
  background-color: var(--oc-panel-border);
}
html .color-beige-dunkel {
  background-color: var(--oc-dark-font-color);
}
html .color-darkblau {
  background-color: var(--oc-dark-bg);
  color: var(--oc-light-font-color);
}
html .color-dunkelblau {
  background-color: var(--oc-bar-bg);
  color: var(--oc-light-font-color);
}
html .color-naviblau {
  background-color: var(--bs-primary);
  color: var(--oc-light-font-color);
}
html .color-hellblau {
  background-color: var(--oc-active-color);
}
html .color-orange {
  background-color: var(--oc-orange-bg);
}
html .color-signalrot {
  background-color: var(--oc-red-bg);
}
html .color-gruen {
  background-color: var(--oc-green-bg);
}
html .bg-green {
  background-color: var(--oc-green-bg) !important;
}
html .bg-red {
  background-color: var(--oc-red-bg) !important;
}
html .bg-orange {
  background-color: var(--oc-orange-bg) !important;
}
html .bg-light-blue {
  background-color: var(--oc-active-color) !important;
}
html .bg-primary-dark {
  background-color: var(--bs-primary-dark) !important;
}
html .bg-primary-light {
  background-color: var(--bs-primary-light) !important;
}
html .bg-primary-lighter {
  background-color: var(--bs-primary-lighter) !important;
}
html .bg-primary-lightest {
  background-color: var(--bs-primary-lightest) !important;
}
html .bg-gray {
  background-color: var(--bs-gray) !important;
}
html .bg-gray-light {
  background-color: var(--bs-gray-light) !important;
}
html .bg-gray-lighter {
  background-color: var(--bs-gray-lighter) !important;
}
html .bg-gray-dark {
  background-color: var(--bs-gray-dark) !important;
}
html .bg-success {
  background-color: var(--bs-green) !important;
}
html .bg-danger {
  background-color: var(--bs-red) !important;
}
html .bg-warning {
  background-color: var(--bs-yellow) !important;
}
html .bg-info {
  background-color: var(--bs-blue-light) !important;
}
html .icon-blue {
  color: #144263;
}
html .align-super {
  vertical-align: super;
}
html .disabled-block {
  opacity: 0.3;
  position: relative;
}
html .disabled-block:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
html .disabled-block:not(.with-cursor):after {
  cursor: not-allowed;
}
html .cursor-pointer:after {
  cursor: pointer !important;
}
html .br-25 {
  border-radius: 25%;
}
html .br-50 {
  border-radius: 50%;
}
html .h-100 {
  max-height: none !important;
}
html .w-100 {
  max-width: none !important;
}
html .min-w-75 {
  min-width: 75%;
}
html .mw-125-px {
  max-width: 7.8125rem;
}
html .w-auto {
  max-width: none !important;
  min-width: auto !important;
  width: auto !important;
}
html .lh-auto {
  line-height: initial !important;
}
html.fs-12 {
  font-size: 12px;
}
html.fs-14 {
  font-size: 14px;
}
html.fs-16 {
  font-size: 16px;
}
html.fs-24 {
  font-size: 24px;
}
html body {
  background: #fbf7e3;
  font-family: "Open Sans", sans-serif;
  color: #000000;
  /* TEXT-COLORS */
  /* Gap rules for flex-rows */
  /*
  .articles-result--list {
      overflow: auto;
      .filter--elements {
          margin-bottom: 10px;
          margin-top: 0px;
      }

      > *{
          margin-bottom: 30px;
          @media (min-width: map-get($grid-breakpoints, xl)) {
              display: block;
              min-width: 200px;
              max-width: 20%;
          }
      }
  }
   */
  /*
  .tab--container{
      border: 1px solid $primary-color-lightest;
      .tab--buttons{
          background-color: $secondary-color-lighter;
          border-bottom: 2px solid $primary-color-lightest;

          ul{
              list-style-type: none;
              padding: 7px;
              margin: 0px;

              li{
                  display: inline-block;
                  &:not(:last-child){
                      margin-right: 5px;
                  }

                  button{
                      &.active{

                      }
                  }
              }
          }
      }

      .tab--list{
          padding-top: 10px;
          > .tab{
              display: none;
              padding: 0px 15px 0px 15px;

              &.active{
                  display: block;
              }
          }
      }
  }
   */
}
@media (min-width: 992px) {
  html body {
    overflow-x: hidden;
  }
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
html body h4, html body .h4 {
  display: block;
}
html body h5, html body .h5 {
  font-weight: 700;
  font-size: 0.875rem;
  display: block;
}
html body b, html body strong {
  font-weight: 700;
}
html body strong, html body b {
  font-weight: 700;
}
html body .text-primary {
  color: #144263 !important;
}
html body .text-success {
  color: #03bc78 !important;
}
html body .text-warning {
  color: var(--bs-warning) !important;
}
html body .text-info {
  color: #5b92b7 !important;
}
html body .text-light {
  color: #fbf7e3 !important;
}
html body .text-dark {
  color: #000000 !important;
}
html body .text-danger {
  color: #D8443A !important;
}
html body .text-muted {
  color: #a3a4a6 !important;
}
html body .text-lg {
  font-size: 1.25rem;
}
html body .text-xl {
  font-size: 1.5rem;
}
html body .cut-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
html body .cut-text-table {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body .grayed-text {
  font-size: 0.8125rem;
  color: #a3a4a6;
  display: block;
}
html body .table--title {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
html body .amount-placeholder {
  display: inline-block;
  min-width: 35px;
}
html body ul.list-group li.list-group-item {
  border-color: #144263;
}
html body ul.list-group li.list-group-item.list-group-item-primary {
  background: #5b92b7;
  color: #000000;
}
html body ul.list-inline > li {
  display: inline-block;
}
html body ul.list-inline > li:not(:last-child) {
  margin-right: 0.5rem;
}
html body .amount--info ul {
  list-style-type: none;
  padding: 0px;
  margin-bottom: 0px;
}
html body .amount--info ul > li {
  display: block;
}
html body .amount--info ul > li:not(:last-child) {
  margin-bottom: 4px;
}
html body hr {
  border-top: 1px solid #144263;
}
html body .version {
  color: lightgrey;
  position: absolute;
  bottom: 0;
  right: 0;
}
html body img {
  max-width: 100%;
}
html body .badge-label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 0.8125rem;
  margin-bottom: 5px;
}
html body .badge-label + span.badge {
  font-size: 0.9375rem;
  padding: 0.3125rem;
}
html body .badge-label + span.badge i {
  font-size: 0.75rem;
  line-height: 1;
  vertical-align: baseline;
}
html body .badge {
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
html body a {
  color: #5b92b7;
}
html body span.separator-dot {
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
  line-height: 0px;
  position: relative;
  top: 0px;
}
html body .state-badge--holder {
  right: 50px;
  position: absolute;
  top: 8px;
}
html body .state-badge {
  display: inline-block;
  border-radius: 4px;
  line-height: 33px;
  text-align: center;
  width: 30px;
  height: 30px;
}
html body .state-badge:not(:last-child) {
  margin-right: 7px;
}
html body .state-badge.state-invalid {
  background-color: #D8443A;
}
html body .state-badge.state-valid {
  background-color: #03bc78;
}
html body p:last-child {
  margin-bottom: 0px;
}
html body .badge-danger {
  background-color: #D8443A;
  color: #fbf7e3;
}
html body .badge-danger[href]:hover, html body .badge-danger[href]:focus {
  background-color: #cd4137;
  color: #fbf7e3;
  text-decoration: none;
}
html body .btn .badge-danger {
  background: #D8443A !important;
  border-color: #D8443A !important;
  color: #fbf7e3 !important;
}
html body table.table.card-table.borderless {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important;
}
html body table.table.card-table.borderless td.borderless {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important;
}
html body table.table.card-table.borderless tr.borderless {
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: none !important;
}
html body table.table-normalwrap tr th,
html body table.table-normalwrap tr td {
  white-space: normal;
}
html body table.auto-width {
  table-layout: auto !important;
}
html body table.auto-width tr td,
html body table.auto-width tr th {
  vertical-align: middle;
  word-break: normal;
}
html body table.auto-width tr td:first-child,
html body table.auto-width tr th:first-child {
  width: 1% !important;
  white-space: nowrap;
  padding-right: 0px;
}
html body table.all-auto-width {
  table-layout: auto !important;
}
html body table.all-auto-width tr td,
html body table.all-auto-width tr th {
  vertical-align: middle;
  overflow: hidden;
  word-break: normal;
  width: 1% !important;
  white-space: nowrap;
  padding-right: 0px;
}
html body table thead.fixed-head {
  position: sticky;
  top: 0px;
  z-index: 10;
}
html body table tr {
  transition: all 0.1s ease-in-out;
}
html body table tr.no-hover:hover {
  background-color: transparent !important;
}
html body table tr:hover td .expandable-cell {
  background-color: #fbf7e3;
  text-overflow: initial;
  z-index: 10;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  border: 1px solid #e8e8e9;
  white-space: normal;
}
html body table tr.table-oc-expanded-row {
  height: 0;
}
html body table tr.disabled-row {
  position: relative;
  transform: translate(0);
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
html body table tr.disabled-row:after {
  content: "";
  position: absolute;
  left: 0;
  cursor: not-allowed;
  top: 0;
  width: 100%;
  z-index: 10;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
html body table tr.hidden-row {
  opacity: 0;
}
html body table tr.hidden-row > td {
  padding: 0px !important;
}
html body table tr td {
  position: relative;
}
html body table tr td .expandable-cell {
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  max-width: 95%;
  left: 0;
  padding-left: 10px;
  border: 1px solid transparent;
}
html body table tr td .button-list {
  position: relative;
  z-index: 11;
}
html body table td.is-sticky, html body table th.is-sticky {
  --column-offset: 0;
  left: var(--column-offset);
  position: sticky;
  z-index: 10;
  width: var(--column-width);
  max-width: var(--column-width);
  min-width: var(--column-width);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: -1px;
}
html body table th.is-sticky:not([class*=bg-]) {
  background-color: #464646;
}
html body table td.is-sticky:not([class*=bg-]) {
  background-color: var(--oc-light-bg);
}
html body .table-oc-responsive {
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
  overflow: initial;
}
html body .table-oc-responsive:has(.tooltip) {
  overflow: visible;
}
html body .table-oc-responsive:has(.tooltip) > table.table {
  overflow: visible;
}
html body .table-oc-responsive.table-sm > table.table > tbody > tr > td {
  padding: 0.35rem 0.45rem;
  line-height: 1.35;
}
html body .table-oc-responsive.table-striped tbody tr:nth-child(even) {
  background-color: #ffffff;
}
html body .table-oc-responsive.table-striped tbody tr:nth-child(odd) {
  background-color: #fcfbf6;
}
html body .table-oc-responsive.table-centered > table.table td {
  vertical-align: middle;
}
html body .table-oc-responsive.table-scrollable {
  overflow-y: auto;
  max-height: 100%;
}
html body .table-oc-responsive.not-fixed > table {
  table-layout: auto;
}
html body .table-oc-responsive > table.table {
  width: 100%;
  margin: 0px;
  background-color: var(--oc-light-bg);
  color: #000000;
  box-shadow: none;
}
html body .table-oc-responsive > table.table > thead,
html body .table-oc-responsive > table.table .title-row {
  background-color: #464646;
  color: #ffffff;
  font-size: 0.875rem;
}
html body .table-oc-responsive > table.table > thead:not([class*=bg-]),
html body .table-oc-responsive > table.table .title-row:not([class*=bg-]) {
  background-color: #464646 !important;
  color: #ffffff;
}
html body .table-oc-responsive > table.table > thead th,
html body .table-oc-responsive > table.table .title-row th {
  border-bottom: 0px;
  border-top: 0px;
  padding: 0.5rem 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
html body .table-oc-responsive > table.table > thead tr + tr th,
html body .table-oc-responsive > table.table .title-row tr + tr th {
  padding-top: 5px;
}
html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row).hoverable:hover, html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row).example-expanded-row, html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row).highlight, html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row):hover {
  background-color: #fbf7e3;
}
html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row).hoverable:hover td.is-sticky, html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row).example-expanded-row td.is-sticky, html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row).highlight td.is-sticky, html body .table-oc-responsive > table.table > tbody > tr:not(.disabled-row):hover td.is-sticky {
  background-color: #fbf7e3;
}
html body .table-oc-responsive > table.table > tbody > tr:not(.no-active).selected > td,
html body .table-oc-responsive > table.table > tbody > tr:not(.no-active).selected > th, html body .table-oc-responsive > table.table > tbody > tr:not(.no-active).active > td,
html body .table-oc-responsive > table.table > tbody > tr:not(.no-active).active > th {
  background-color: #e7eff8;
}
html body .table-oc-responsive > table.table > tbody > tr.hoverable {
  cursor: pointer;
}
html body .table-oc-responsive > table.table > tbody > tr:first-child > td {
  border-top: 0px;
}
html body .table-oc-responsive > table.table > tbody > tr .nested-oc-table-element.ng-trigger-detailExpand {
  background-color: #fbf7e3;
}
html body .table-oc-responsive > table.table > tbody > tr.table-oc-expanded-row > td {
  border: 0px;
  padding: 0px;
}
html body .table-oc-responsive > table.table > tbody > tr > td {
  padding: 0.75rem 0.75rem;
}
html body .table-oc-responsive > table.table > tbody.unit--table-body tr.unit--child {
  font-size: 0.75rem;
  background-color: #fcfbf6;
}
html body .table-oc-responsive > table.table > tbody.unit--table-body tr.unit--child td {
  padding-top: 3px;
  padding-bottom: 3px;
}
html body .table-oc-responsive > table.table > tbody.unit--table-body tr.unit--child td i {
  margin-right: 5px;
  font-size: 10px;
}
html body .table-oc-responsive > table.table tr td,
html body .table-oc-responsive > table.table tr th {
  border-top-color: #a3a4a6;
  transition: all ease 0.2s !important;
  border-left: 0px;
  border-right: 0px;
  white-space: nowrap;
  font-size: 0.875rem;
}
html body .table-oc-responsive > table.table tr td.table-oc-row,
html body .table-oc-responsive > table.table tr th.table-oc-row {
  border-bottom-width: 0;
}
html body .table-oc-responsive > table.table tr td.cell-width--auto,
html body .table-oc-responsive > table.table tr th.cell-width--auto {
  width: 1%;
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}
html body .table-oc-responsive > table.table tr td.cell-width--auto > .input-group,
html body .table-oc-responsive > table.table tr th.cell-width--auto > .input-group {
  width: 100%;
}
html body .table-oc-responsive > table.table tr td.cell-width--auto > .input-group .input-group-append,
html body .table-oc-responsive > table.table tr td.cell-width--auto > .input-group .input-group-prepend,
html body .table-oc-responsive > table.table tr th.cell-width--auto > .input-group .input-group-append,
html body .table-oc-responsive > table.table tr th.cell-width--auto > .input-group .input-group-prepend {
  flex: 1;
}
html body .table-oc-responsive > table.table tr td .form-group,
html body .table-oc-responsive > table.table tr th .form-group {
  margin-bottom: 0px;
}
html body .table-oc-responsive > table.table tr:not(.no-active).selected > td,
html body .table-oc-responsive > table.table tr:not(.no-active).selected > th, html body .table-oc-responsive > table.table tr:not(.no-active).active > td,
html body .table-oc-responsive > table.table tr:not(.no-active).active > th {
  background-color: #e7eff8;
}
html body .table-datetime .custom-control {
  margin-bottom: 3px;
}
html body .table-datetime .custom-control-label::before {
  top: 0;
}
html body .table-datetime td label + span {
  display: inline-block;
  position: relative;
  transform: translate(-20%, 0px);
  font-size: 0.75rem;
}
html body .table-legend {
  max-width: 25rem;
  margin: 0 auto;
}
html body .table-legend th,
html body .table-legend td {
  text-align: center;
}
html body .table-goodsreceipt table.table {
  min-width: 1600px;
}
html body .table-goodsreceipt table.table th,
html body .table-goodsreceipt table.table td {
  --cell-width: initial;
  min-width: var(--cell-width);
  max-width: var(--cell-width);
  white-space: normal;
}
html body .table-goodsreceipt table.table thead tr th:nth-child(3) {
  --cell-width: 130px;
}
html body .table-goodsreceipt table.table thead tr th:nth-child(12) {
  --cell-width: 150px;
}
html body .table-goodsreceipt table.table tbody tr td .input-group input {
  width: 75px;
  padding-left: 10px;
  padding-right: 10px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(1) {
  --cell-width: 200px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(2) {
  --cell-width: 150px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(3) {
  --cell-width: 70px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(4) {
  --cell-width: 60px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(5) {
  --cell-width: 130px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(6) {
  --cell-width: 110px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(7) {
  --cell-width: 75px;
  text-align: right;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(8) {
  --cell-width: 120px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(9) {
  --cell-width: 115px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(10) {
  --cell-width: 60px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(11) {
  --cell-width: 165px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(12) {
  --cell-width: 60px;
  text-align: center;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(13) {
  --cell-width: 50px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(14) {
  --cell-width: 100px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(15) {
  --cell-width: 50px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(16) {
  --cell-width: 190px;
}
html body .table-goodsreceipt table.table tbody tr td:nth-child(17) {
  --cell-width: 161px;
}
html body .table-goodsreceipt table.table tbody tr.no-border td {
  border-top: 0;
}
html body .price-history--table {
  max-height: 60px;
  overflow: auto;
  max-width: 280px;
  transition: max-height 0.3s ease;
}
html body .price-history--table:hover {
  max-height: 125px;
}
html body .price-history--table > table.table > thead > tr > th:first-child {
  width: 100px;
}
html body .price-history--table > table.table > thead > tr > th:nth-child(2) {
  width: 100px;
}
html body .price-history--table > table.table > tbody > tr > td {
  padding: 0.35rem 0.45rem;
  line-height: 1.35;
}
html body .table-deposit th,
html body .table-deposit td {
  --cell-width: initial;
  min-width: var(--cell-width);
  max-width: var(--cell-width);
  white-space: normal;
}
html body .table-deposit tr th:nth-child(1),
html body .table-deposit tr td:nth-child(1) {
  --cell-width: 200px;
}
html body .table-deposit tr th:nth-child(2),
html body .table-deposit tr td:nth-child(2) {
  --cell-width: 70px;
  text-align: right;
}
html body .table-deposit tr th:nth-child(3),
html body .table-deposit tr td:nth-child(3) {
  --cell-width: 100px;
  text-align: right;
}
html body .table-deposit tr th:nth-child(4),
html body .table-deposit tr td:nth-child(4) {
  --cell-width: 100px;
}
html body .table-deposit tr th:nth-child(5),
html body .table-deposit tr td:nth-child(5) {
  --cell-width: 125px;
  text-align: right;
}
html body .table-scroll--container {
  max-height: calc(100vh - 210px);
  overflow: auto;
}
html body .table--check-list .table-check-list--header {
  margin-bottom: 0.9375rem;
  padding: 0.9375rem 0.9375rem 0rem 0.9375rem;
}
html body .table--check-list .table-check-list--header strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body .table--check-list .table-check-list--line {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  padding: 0.3125rem 0.9375rem;
}
html body .table--check-list .table-check-list--line:not(:last-child) {
  margin-bottom: 0.46875rem;
}
html body .table--check-list .table-check-list--line:hover {
  background-color: #fbf7e3;
}
html body .cdk-column-buttons {
  text-align: right;
}
html body .supplier-img img {
  max-height: 75px;
  width: auto;
  margin-left: 1.5rem;
}
html body img.supplier-img {
  width: auto;
  min-width: 125px;
}
html body .ngx-datatable .datatable-header {
  border: none;
}
html body .ngx-datatable .datatable-header .datatable-header-cell {
  padding: 1.25rem 1rem !important;
  border-left: none !important;
  border-right: none !important;
}
html body .ngx-datatable .datatable-body .datatable-row-wrapper .datatable-body-row {
  transition: all ease 0.2s;
}
html body .ngx-datatable .datatable-body .datatable-row-wrapper .datatable-body-row .datatable-body-cell {
  padding: 1.25rem 1rem;
}
html body .ngx-datatable .datatable-body .datatable-row-wrapper .datatable-body-row .datatable-body-cell:hover {
  background: none;
}
html body .ngx-datatable .datatable-body .datatable-body-cell {
  border-left: none !important;
  border-right: none !important;
}
html body .nested-oc-table-element {
  overflow: hidden;
  display: flex;
}
html body .nested-oc-table-element .nested-oc-table-content {
  padding: 0.9375rem;
  width: 100%;
}
html body .text-right + .text-left {
  padding-left: 0px !important;
}
html body .card table.table,
html body .card .card-ngx-datatable,
html body .card .card-ng2-smart-table {
  margin: 1.25rem 0;
}
html body .card .card-body > .table--check-list {
  margin: -0.9375rem;
}
html body .floating--button, html body .select-item--wrapper .select--button-box .action--btn, html body .select-item--wrapper .select--button-box .button--wrapper a.btn:not(.action--btn), html body .button--wrapper .select-item--wrapper .select--button-box a.btn:not(.action--btn), html body .select-item--wrapper .select--button-box .button--wrapper button.btn:not(.action--btn), html body .button--wrapper .select-item--wrapper .select--button-box button.btn:not(.action--btn), html body .mini--box .action--btn, html body .mini--box .button--wrapper a.btn:not(.action--btn), html body .button--wrapper .mini--box a.btn:not(.action--btn), html body .mini--box .button--wrapper button.btn:not(.action--btn), html body .button--wrapper .mini--box button.btn:not(.action--btn), html body .btn:not(.btn-link) > .action--btn, html body .button--wrapper .btn:not(.btn-link) > a.btn:not(.action--btn), html body .button--wrapper .btn:not(.btn-link) > button.btn:not(.action--btn) {
  position: absolute;
  top: -0.9375rem;
  right: -0.9375rem;
  height: 2.5rem;
  width: 2.5rem;
  line-height: 2.5rem;
  border-radius: 50%;
}
html body .btn {
  transition: all 0.3s ease-in-out;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  color: var(--oc-color-inverse);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0px;
  position: relative;
  background-color: var(--bs-primary);
}
html body .btn.with-badge {
  position: relative;
  overflow: visible;
}
html body .btn.with-action-btn {
  overflow: visible;
  position: relative;
  padding-right: 1rem;
}
html body .btn .badge {
  border-radius: 50%;
  text-align: center;
  position: absolute;
  right: -10px;
  top: -10px;
  min-width: 25px;
}
html body .btn:not(.btn-link):not(.toggle-extrainformations):not(.close-modal):not(.close-offcanvas--button):not(.toggle-pass):not(.btn-sm):not(.btn-lg):not(.btn-filter):not(.two-lines):not(.action--btn) {
  height: 2.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 2.5rem;
  white-space: nowrap;
}
html body .btn:focus, html body .btn:active, html body .btn:focus:active {
  box-shadow: none !important;
  outline: 0px;
}
html body .btn:hover {
  color: var(--oc-color-inverse);
  opacity: 0.9;
}
html body .btn.active {
  box-shadow: inset 0px 0px 15px 1px rgba(0, 0, 0, 0.15);
}
html body .btn.image-btn {
  max-height: none !important;
  text-align: center;
  padding: 0.9375rem;
}
html body .btn.image-btn img {
  max-width: 65%;
}
html body .btn.image-btn span {
  display: block;
  margin-top: 16px;
  line-height: 1.2;
  font-weight: 700;
}
html body .btn.toggle-pass {
  max-width: 3.625rem;
  margin: 0 0 0 auto;
  display: block;
}
html body .btn.disabled, html body .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
html body .btn.disabled:hover, html body .btn:disabled:hover {
  opacity: 0.5 !important;
}
html body .btn:not(:disabled):hover {
  opacity: 0.8;
}
html body .btn.not-clickable {
  cursor: default;
}
html body .btn.not-clickable:hover {
  opacity: 1;
}
html body .btn i {
  position: relative;
}
html body .btn.icon-btn {
  padding-top: 0px;
  padding-bottom: 0px;
}
html body .btn.icon-btn.btn-lg {
  font-size: 1.75rem;
  width: 4.0625rem;
  height: 4.0625rem;
  line-height: 4.0625rem;
}
html body .btn.icon-btn.btn-lg i i {
  line-height: 4.0625rem;
}
html body .btn.btn-link {
  color: #144263;
  overflow: visible;
  position: static;
  background-color: transparent;
}
html body .btn.btn-primary {
  color: #ffffff;
}
html body .btn.btn-primary.active {
  background-color: #5b92b7;
  color: #fbf7e3;
  box-shadow: none;
}
html body .btn.btn-secondary {
  background-color: #5b92b7;
}
html body .btn.btn-transparent {
  background-color: transparent;
}
html body .btn.btn-transparent:hover {
  opacity: 1;
  background-color: transparent;
}
html body .btn.btn-success {
  background: #03bc78;
  color: #ffffff;
}
html body .btn.btn-success:not(:disabled):focus {
  box-shadow: 0 0 0 2px rgba(3, 188, 120, 0.4);
}
html body .btn.btn-danger {
  background: #D8443A;
  color: #fbf7e3;
}
html body .btn.btn-danger:not(:disabled):focus {
  box-shadow: 0 0 0 2px rgba(216, 68, 58, 0.4);
}
html body .btn.btn-danger:disabled {
  background-color: #d9534f;
}
html body .btn.btn-dark {
  background: black;
  color: white;
}
html body .btn.btn-dark:not(:disabled):focus {
  box-shadow: black;
}
html body .btn.btn-warning {
  background: var(--bs-warning);
  color: #000000;
}
html body .btn.btn-warning:not(:disabled):focus {
  box-shadow: 0 0 0 2px rgba(var(--bs-warning), 0.4);
}
html body .btn.btn-info {
  background: #5b92b7;
  color: #000000;
}
html body .btn.btn-info:not(:disabled):focus {
  box-shadow: 0 0 0 2px rgba(91, 146, 183, 0.4);
}
html body .btn.btn-outline-success {
  border-color: #03bc78;
  background: transparent;
  color: #03bc78;
}
html body .btn.btn-outline-success:not(:disabled):not(.no-button):hover {
  border-color: transparent;
  background: #03bc78;
  color: #000000;
}
html body .btn.btn-outline-success:not(:disabled):not(.no-button):focus {
  box-shadow: 0 0 0 2px rgba(3, 188, 120, 0.4);
}
html body .btn.btn-outline-danger {
  border-color: #D8443A;
  background: transparent;
  color: #D8443A;
}
html body .btn.btn-outline-danger:not(:disabled):not(.no-button):hover {
  border-color: transparent;
  background: #D8443A;
  color: #fbf7e3;
}
html body .btn.btn-outline-danger:not(:disabled):not(.no-button):focus {
  box-shadow: 0 0 0 2px rgba(216, 68, 58, 0.4);
}
html body .btn.btn-outline-warning {
  border-color: var(--bs-warning);
  background: transparent;
  color: var(--bs-warning);
}
html body .btn.btn-outline-warning:not(:disabled):not(.no-button):hover {
  border-color: transparent;
  background: var(--bs-warning);
  color: #000000;
}
html body .btn.btn-outline-warning:not(:disabled):not(.no-button):focus {
  box-shadow: 0 0 0 2px rgba(var(--bs-warning), 0.4);
}
html body .btn.btn-outline-info {
  border-color: #5b92b7;
  background: transparent;
  color: #5b92b7;
}
html body .btn.btn-outline-info:not(:disabled):not(.no-button):hover {
  border-color: transparent;
  background: #5b92b7;
  color: #000000;
}
html body .btn.btn-outline-info:not(:disabled):not(.no-button):focus {
  box-shadow: 0 0 0 2px rgba(91, 146, 183, 0.4);
}
html body .btn.btn-full-width, html body .btn.d-block {
  width: 100%;
}
html body .btn.no-button {
  cursor: auto !important;
}
html body .btn.no-button:hover {
  opacity: 1 !important;
}
html body .btn.h-auto {
  line-height: 1.54 !important;
}
html body .btn.btn-filter {
  width: 100%;
  min-width: 75px;
  line-height: 3.125rem;
  height: 3.125rem;
  font-size: 1.75rem;
  padding-top: 0px;
  padding-bottom: 0px;
}
html body .btn.with-icon {
  width: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
html body .btn.with-icon.btn-lg i {
  vertical-align: middle;
  font-size: 1.75rem;
  margin-right: 0.75rem;
}
html body .btn.with-icon:not(.btn-lg) {
  line-height: 2.25rem !important;
}
html body .btn.with-icon:not(.btn-lg) i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
  vertical-align: sub;
}
html body .btn.two-lines {
  height: auto !important;
  padding: 0.5rem 1rem !important;
  width: auto !important;
}
html body .btn.two-lines.with-icon i {
  top: 0;
  font-size: 2rem;
  margin-right: 0.75rem;
  vertical-align: middle;
}
html body .btn.two-lines > span {
  display: inline-block;
  line-height: 1.35;
  text-align: left;
  vertical-align: middle;
  font-size: 1rem;
}
html body .btn.two-lines > span span {
  display: block;
}
html body .btn.two-lines.text-center * {
  text-align: center;
}
html body .action--btn, html body .button--wrapper a.btn:not(.action--btn), html body .button--wrapper button.btn:not(.action--btn) {
  color: #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0;
  z-index: 5;
  /*
  &:hover{
      background-color: $secondary-color-lighter;
      color: $oc-text-dark;
      border-color: rgba(24, 28, 33, 0.1);
  }
   */
}
html body .action--btn:not([class*=btn-]), html body .button--wrapper a.btn:not([class*=btn-]):not(.action--btn), html body .button--wrapper button.btn:not([class*=btn-]):not(.action--btn) {
  background-color: #144263;
}
html body .action--btn i, html body .button--wrapper a.btn:not(.action--btn) i, html body .button--wrapper button.btn:not(.action--btn) i {
  line-height: 2.5rem;
}
html body .action--btn:not(.btn-sm), html body .button--wrapper a.btn:not(.btn-sm):not(.action--btn), html body .button--wrapper button.btn:not(.btn-sm):not(.action--btn) {
  font-size: 1.2rem;
}
html body .action--btn:not(.btn-sm) i.oc-supplier, html body .button--wrapper a.btn:not(.btn-sm):not(.action--btn) i.oc-supplier, html body .button--wrapper button.btn:not(.btn-sm):not(.action--btn) i.oc-supplier {
  font-size: 16px;
}
html body .action--btn.w-auto, html body .button--wrapper a.w-auto.btn:not(.action--btn), html body .button--wrapper button.w-auto.btn:not(.action--btn) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-width: 1.875rem;
}
html body .action--btn.btn-sm, html body .button--wrapper a.btn-sm.btn:not(.action--btn), html body .button--wrapper button.btn-sm.btn:not(.action--btn) {
  width: 1.875rem;
  height: 1.875rem;
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 1.875rem;
  max-height: 1.875rem;
}
html body .action--btn.btn-sm i, html body .button--wrapper a.btn-sm.btn:not(.action--btn) i, html body .button--wrapper button.btn-sm.btn:not(.action--btn) i {
  line-height: 1.875rem;
}
html body .action--btn.btn-lg, html body .button--wrapper a.btn-lg.btn:not(.action--btn), html body .button--wrapper button.btn-lg.btn:not(.action--btn) {
  width: 3.3125rem;
  height: 3.3125rem;
  line-height: 3.3125rem;
  font-size: 1.625rem;
}
html body .action--btn.btn-lg i, html body .button--wrapper a.btn-lg.btn:not(.action--btn) i, html body .button--wrapper button.btn-lg.btn:not(.action--btn) i {
  line-height: 3.3125rem;
}
html body .row, html body .form-row {
  --bs-gutter-x: var(--oc-basic-gutter);
  --bs-gutter-y: var(--oc-basic-gutter);
  margin-left: calc(-1 * calc(var(--bs-gutter-x) / 2));
  margin-right: calc(-1 * calc(var(--bs-gutter-x) / 2));
}
html body .row.no-gutters, html body .no-gutters.form-row {
  --bs-gutter-x: 0px;
  --bs-gutter-y: 0px;
}
html body .row.small-gutters, html body .small-gutters.form-row {
  --bs-gutter-y: .70rem;
  --bs-gutter-x: .70rem;
}
html body .row > [class*=col], html body .form-row > [class*=col],
html body .row > *,
html body .form-row > * {
  padding-left: calc(var(--bs-gutter-x) / 2);
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-top: calc(var(--bs-gutter-y) / 2);
  padding-bottom: calc(var(--bs-gutter-y) / 2);
}
html body .row > [class*=col]:not([class*=offset-]), html body .form-row > [class*=col]:not([class*=offset-]),
html body .row > *:not([class*=offset-]),
html body .form-row > *:not([class*=offset-]) {
  margin: 0px;
}
html body .p-0px {
  padding: 0px !important;
}
html body .ps-0px {
  padding-left: 0px !important;
}
html body .pe-0px {
  padding-right: 0px !important;
}
html body .pt-0px {
  padding-top: 0px !important;
}
html body .pb-0px {
  padding-bottom: 0px !important;
}
html body .px-0px {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
html body .py-0px {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
html body .m-0px {
  margin: 0px !important;
}
html body .ms-0px {
  margin-left: 0px !important;
}
html body .me-0px {
  margin-right: 0px !important;
}
html body .mt-0px {
  margin-top: 0px !important;
}
html body .mb-0px {
  margin-bottom: 0px !important;
}
html body .mx-0px {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
html body .my-0px {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
html body .gap-0px {
  gap: 0px;
}
html body .row.g-0px, html body .g-0px.form-row {
  --bs-gutter-y: 0px;
  --bs-gutter-x: 0px;
  margin: calc(-0px / 2);
}
html body .row.g-0px > *, html body .g-0px.form-row > * {
  padding: calc(0px / 2);
}
html body .row.gx-0px, html body .gx-0px.form-row {
  --bs-gutter-x: 0px;
  margin-left: calc(-0px / 2);
  margin-right: calc(-0px / 2);
}
html body .row.gx-0px > *, html body .gx-0px.form-row > * {
  padding-left: calc(0px / 2);
  padding-right: calc(0px / 2);
}
html body .row.gy-0px, html body .gy-0px.form-row {
  --bs-gutter-y: 0px;
  margin-top: calc(-0px / 2);
}
html body .row.gy-0px > *, html body .gy-0px.form-row > * {
  padding-top: calc(0px / 2);
  padding-bottom: calc(0px / 2);
}
html body .p-1px {
  padding: 1px !important;
}
html body .ps-1px {
  padding-left: 1px !important;
}
html body .pe-1px {
  padding-right: 1px !important;
}
html body .pt-1px {
  padding-top: 1px !important;
}
html body .pb-1px {
  padding-bottom: 1px !important;
}
html body .px-1px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
html body .py-1px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
html body .m-1px {
  margin: 1px !important;
}
html body .ms-1px {
  margin-left: 1px !important;
}
html body .me-1px {
  margin-right: 1px !important;
}
html body .mt-1px {
  margin-top: 1px !important;
}
html body .mb-1px {
  margin-bottom: 1px !important;
}
html body .mx-1px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
html body .my-1px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
html body .gap-1px {
  gap: 1px;
}
html body .row.g-1px, html body .g-1px.form-row {
  --bs-gutter-y: 1px;
  --bs-gutter-x: 1px;
  margin: calc(-1px / 2);
}
html body .row.g-1px > *, html body .g-1px.form-row > * {
  padding: calc(1px / 2);
}
html body .row.gx-1px, html body .gx-1px.form-row {
  --bs-gutter-x: 1px;
  margin-left: calc(-1px / 2);
  margin-right: calc(-1px / 2);
}
html body .row.gx-1px > *, html body .gx-1px.form-row > * {
  padding-left: calc(1px / 2);
  padding-right: calc(1px / 2);
}
html body .row.gy-1px, html body .gy-1px.form-row {
  --bs-gutter-y: 1px;
  margin-top: calc(-1px / 2);
}
html body .row.gy-1px > *, html body .gy-1px.form-row > * {
  padding-top: calc(1px / 2);
  padding-bottom: calc(1px / 2);
}
html body .p-2px {
  padding: 2px !important;
}
html body .ps-2px {
  padding-left: 2px !important;
}
html body .pe-2px {
  padding-right: 2px !important;
}
html body .pt-2px {
  padding-top: 2px !important;
}
html body .pb-2px {
  padding-bottom: 2px !important;
}
html body .px-2px {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
html body .py-2px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
html body .m-2px {
  margin: 2px !important;
}
html body .ms-2px {
  margin-left: 2px !important;
}
html body .me-2px {
  margin-right: 2px !important;
}
html body .mt-2px {
  margin-top: 2px !important;
}
html body .mb-2px {
  margin-bottom: 2px !important;
}
html body .mx-2px {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
html body .my-2px {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
html body .gap-2px {
  gap: 2px;
}
html body .row.g-2px, html body .g-2px.form-row {
  --bs-gutter-y: 2px;
  --bs-gutter-x: 2px;
  margin: calc(-2px / 2);
}
html body .row.g-2px > *, html body .g-2px.form-row > * {
  padding: calc(2px / 2);
}
html body .row.gx-2px, html body .gx-2px.form-row {
  --bs-gutter-x: 2px;
  margin-left: calc(-2px / 2);
  margin-right: calc(-2px / 2);
}
html body .row.gx-2px > *, html body .gx-2px.form-row > * {
  padding-left: calc(2px / 2);
  padding-right: calc(2px / 2);
}
html body .row.gy-2px, html body .gy-2px.form-row {
  --bs-gutter-y: 2px;
  margin-top: calc(-2px / 2);
}
html body .row.gy-2px > *, html body .gy-2px.form-row > * {
  padding-top: calc(2px / 2);
  padding-bottom: calc(2px / 2);
}
html body .p-3px {
  padding: 3px !important;
}
html body .ps-3px {
  padding-left: 3px !important;
}
html body .pe-3px {
  padding-right: 3px !important;
}
html body .pt-3px {
  padding-top: 3px !important;
}
html body .pb-3px {
  padding-bottom: 3px !important;
}
html body .px-3px {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
html body .py-3px {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
html body .m-3px {
  margin: 3px !important;
}
html body .ms-3px {
  margin-left: 3px !important;
}
html body .me-3px {
  margin-right: 3px !important;
}
html body .mt-3px {
  margin-top: 3px !important;
}
html body .mb-3px {
  margin-bottom: 3px !important;
}
html body .mx-3px {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
html body .my-3px {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
html body .gap-3px {
  gap: 3px;
}
html body .row.g-3px, html body .g-3px.form-row {
  --bs-gutter-y: 3px;
  --bs-gutter-x: 3px;
  margin: calc(-3px / 2);
}
html body .row.g-3px > *, html body .g-3px.form-row > * {
  padding: calc(3px / 2);
}
html body .row.gx-3px, html body .gx-3px.form-row {
  --bs-gutter-x: 3px;
  margin-left: calc(-3px / 2);
  margin-right: calc(-3px / 2);
}
html body .row.gx-3px > *, html body .gx-3px.form-row > * {
  padding-left: calc(3px / 2);
  padding-right: calc(3px / 2);
}
html body .row.gy-3px, html body .gy-3px.form-row {
  --bs-gutter-y: 3px;
  margin-top: calc(-3px / 2);
}
html body .row.gy-3px > *, html body .gy-3px.form-row > * {
  padding-top: calc(3px / 2);
  padding-bottom: calc(3px / 2);
}
html body .p-4px {
  padding: 4px !important;
}
html body .ps-4px {
  padding-left: 4px !important;
}
html body .pe-4px {
  padding-right: 4px !important;
}
html body .pt-4px {
  padding-top: 4px !important;
}
html body .pb-4px {
  padding-bottom: 4px !important;
}
html body .px-4px {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
html body .py-4px {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
html body .m-4px {
  margin: 4px !important;
}
html body .ms-4px {
  margin-left: 4px !important;
}
html body .me-4px {
  margin-right: 4px !important;
}
html body .mt-4px {
  margin-top: 4px !important;
}
html body .mb-4px {
  margin-bottom: 4px !important;
}
html body .mx-4px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
html body .my-4px {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
html body .gap-4px {
  gap: 4px;
}
html body .row.g-4px, html body .g-4px.form-row {
  --bs-gutter-y: 4px;
  --bs-gutter-x: 4px;
  margin: calc(-4px / 2);
}
html body .row.g-4px > *, html body .g-4px.form-row > * {
  padding: calc(4px / 2);
}
html body .row.gx-4px, html body .gx-4px.form-row {
  --bs-gutter-x: 4px;
  margin-left: calc(-4px / 2);
  margin-right: calc(-4px / 2);
}
html body .row.gx-4px > *, html body .gx-4px.form-row > * {
  padding-left: calc(4px / 2);
  padding-right: calc(4px / 2);
}
html body .row.gy-4px, html body .gy-4px.form-row {
  --bs-gutter-y: 4px;
  margin-top: calc(-4px / 2);
}
html body .row.gy-4px > *, html body .gy-4px.form-row > * {
  padding-top: calc(4px / 2);
  padding-bottom: calc(4px / 2);
}
html body .p-5px {
  padding: 5px !important;
}
html body .ps-5px {
  padding-left: 5px !important;
}
html body .pe-5px {
  padding-right: 5px !important;
}
html body .pt-5px {
  padding-top: 5px !important;
}
html body .pb-5px {
  padding-bottom: 5px !important;
}
html body .px-5px {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
html body .py-5px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
html body .m-5px {
  margin: 5px !important;
}
html body .ms-5px {
  margin-left: 5px !important;
}
html body .me-5px {
  margin-right: 5px !important;
}
html body .mt-5px {
  margin-top: 5px !important;
}
html body .mb-5px {
  margin-bottom: 5px !important;
}
html body .mx-5px {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
html body .my-5px {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
html body .gap-5px {
  gap: 5px;
}
html body .row.g-5px, html body .g-5px.form-row {
  --bs-gutter-y: 5px;
  --bs-gutter-x: 5px;
  margin: calc(-5px / 2);
}
html body .row.g-5px > *, html body .g-5px.form-row > * {
  padding: calc(5px / 2);
}
html body .row.gx-5px, html body .gx-5px.form-row {
  --bs-gutter-x: 5px;
  margin-left: calc(-5px / 2);
  margin-right: calc(-5px / 2);
}
html body .row.gx-5px > *, html body .gx-5px.form-row > * {
  padding-left: calc(5px / 2);
  padding-right: calc(5px / 2);
}
html body .row.gy-5px, html body .gy-5px.form-row {
  --bs-gutter-y: 5px;
  margin-top: calc(-5px / 2);
}
html body .row.gy-5px > *, html body .gy-5px.form-row > * {
  padding-top: calc(5px / 2);
  padding-bottom: calc(5px / 2);
}
html body .p-6px {
  padding: 6px !important;
}
html body .ps-6px {
  padding-left: 6px !important;
}
html body .pe-6px {
  padding-right: 6px !important;
}
html body .pt-6px {
  padding-top: 6px !important;
}
html body .pb-6px {
  padding-bottom: 6px !important;
}
html body .px-6px {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
html body .py-6px {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
html body .m-6px {
  margin: 6px !important;
}
html body .ms-6px {
  margin-left: 6px !important;
}
html body .me-6px {
  margin-right: 6px !important;
}
html body .mt-6px {
  margin-top: 6px !important;
}
html body .mb-6px {
  margin-bottom: 6px !important;
}
html body .mx-6px {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
html body .my-6px {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
html body .gap-6px {
  gap: 6px;
}
html body .row.g-6px, html body .g-6px.form-row {
  --bs-gutter-y: 6px;
  --bs-gutter-x: 6px;
  margin: calc(-6px / 2);
}
html body .row.g-6px > *, html body .g-6px.form-row > * {
  padding: calc(6px / 2);
}
html body .row.gx-6px, html body .gx-6px.form-row {
  --bs-gutter-x: 6px;
  margin-left: calc(-6px / 2);
  margin-right: calc(-6px / 2);
}
html body .row.gx-6px > *, html body .gx-6px.form-row > * {
  padding-left: calc(6px / 2);
  padding-right: calc(6px / 2);
}
html body .row.gy-6px, html body .gy-6px.form-row {
  --bs-gutter-y: 6px;
  margin-top: calc(-6px / 2);
}
html body .row.gy-6px > *, html body .gy-6px.form-row > * {
  padding-top: calc(6px / 2);
  padding-bottom: calc(6px / 2);
}
html body .p-7px {
  padding: 7px !important;
}
html body .ps-7px {
  padding-left: 7px !important;
}
html body .pe-7px {
  padding-right: 7px !important;
}
html body .pt-7px {
  padding-top: 7px !important;
}
html body .pb-7px {
  padding-bottom: 7px !important;
}
html body .px-7px {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
html body .py-7px {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
html body .m-7px {
  margin: 7px !important;
}
html body .ms-7px {
  margin-left: 7px !important;
}
html body .me-7px {
  margin-right: 7px !important;
}
html body .mt-7px {
  margin-top: 7px !important;
}
html body .mb-7px {
  margin-bottom: 7px !important;
}
html body .mx-7px {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
html body .my-7px {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
html body .gap-7px {
  gap: 7px;
}
html body .row.g-7px, html body .g-7px.form-row {
  --bs-gutter-y: 7px;
  --bs-gutter-x: 7px;
  margin: calc(-7px / 2);
}
html body .row.g-7px > *, html body .g-7px.form-row > * {
  padding: calc(7px / 2);
}
html body .row.gx-7px, html body .gx-7px.form-row {
  --bs-gutter-x: 7px;
  margin-left: calc(-7px / 2);
  margin-right: calc(-7px / 2);
}
html body .row.gx-7px > *, html body .gx-7px.form-row > * {
  padding-left: calc(7px / 2);
  padding-right: calc(7px / 2);
}
html body .row.gy-7px, html body .gy-7px.form-row {
  --bs-gutter-y: 7px;
  margin-top: calc(-7px / 2);
}
html body .row.gy-7px > *, html body .gy-7px.form-row > * {
  padding-top: calc(7px / 2);
  padding-bottom: calc(7px / 2);
}
html body .p-8px {
  padding: 8px !important;
}
html body .ps-8px {
  padding-left: 8px !important;
}
html body .pe-8px {
  padding-right: 8px !important;
}
html body .pt-8px {
  padding-top: 8px !important;
}
html body .pb-8px {
  padding-bottom: 8px !important;
}
html body .px-8px {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
html body .py-8px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
html body .m-8px {
  margin: 8px !important;
}
html body .ms-8px {
  margin-left: 8px !important;
}
html body .me-8px {
  margin-right: 8px !important;
}
html body .mt-8px {
  margin-top: 8px !important;
}
html body .mb-8px {
  margin-bottom: 8px !important;
}
html body .mx-8px {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
html body .my-8px {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
html body .gap-8px {
  gap: 8px;
}
html body .row.g-8px, html body .g-8px.form-row {
  --bs-gutter-y: 8px;
  --bs-gutter-x: 8px;
  margin: calc(-8px / 2);
}
html body .row.g-8px > *, html body .g-8px.form-row > * {
  padding: calc(8px / 2);
}
html body .row.gx-8px, html body .gx-8px.form-row {
  --bs-gutter-x: 8px;
  margin-left: calc(-8px / 2);
  margin-right: calc(-8px / 2);
}
html body .row.gx-8px > *, html body .gx-8px.form-row > * {
  padding-left: calc(8px / 2);
  padding-right: calc(8px / 2);
}
html body .row.gy-8px, html body .gy-8px.form-row {
  --bs-gutter-y: 8px;
  margin-top: calc(-8px / 2);
}
html body .row.gy-8px > *, html body .gy-8px.form-row > * {
  padding-top: calc(8px / 2);
  padding-bottom: calc(8px / 2);
}
html body .p-9px {
  padding: 9px !important;
}
html body .ps-9px {
  padding-left: 9px !important;
}
html body .pe-9px {
  padding-right: 9px !important;
}
html body .pt-9px {
  padding-top: 9px !important;
}
html body .pb-9px {
  padding-bottom: 9px !important;
}
html body .px-9px {
  padding-left: 9px !important;
  padding-right: 9px !important;
}
html body .py-9px {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
html body .m-9px {
  margin: 9px !important;
}
html body .ms-9px {
  margin-left: 9px !important;
}
html body .me-9px {
  margin-right: 9px !important;
}
html body .mt-9px {
  margin-top: 9px !important;
}
html body .mb-9px {
  margin-bottom: 9px !important;
}
html body .mx-9px {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
html body .my-9px {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
html body .gap-9px {
  gap: 9px;
}
html body .row.g-9px, html body .g-9px.form-row {
  --bs-gutter-y: 9px;
  --bs-gutter-x: 9px;
  margin: calc(-9px / 2);
}
html body .row.g-9px > *, html body .g-9px.form-row > * {
  padding: calc(9px / 2);
}
html body .row.gx-9px, html body .gx-9px.form-row {
  --bs-gutter-x: 9px;
  margin-left: calc(-9px / 2);
  margin-right: calc(-9px / 2);
}
html body .row.gx-9px > *, html body .gx-9px.form-row > * {
  padding-left: calc(9px / 2);
  padding-right: calc(9px / 2);
}
html body .row.gy-9px, html body .gy-9px.form-row {
  --bs-gutter-y: 9px;
  margin-top: calc(-9px / 2);
}
html body .row.gy-9px > *, html body .gy-9px.form-row > * {
  padding-top: calc(9px / 2);
  padding-bottom: calc(9px / 2);
}
html body .p-10px {
  padding: 10px !important;
}
html body .ps-10px {
  padding-left: 10px !important;
}
html body .pe-10px {
  padding-right: 10px !important;
}
html body .pt-10px {
  padding-top: 10px !important;
}
html body .pb-10px {
  padding-bottom: 10px !important;
}
html body .px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
html body .py-10px {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
html body .m-10px {
  margin: 10px !important;
}
html body .ms-10px {
  margin-left: 10px !important;
}
html body .me-10px {
  margin-right: 10px !important;
}
html body .mt-10px {
  margin-top: 10px !important;
}
html body .mb-10px {
  margin-bottom: 10px !important;
}
html body .mx-10px {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
html body .my-10px {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
html body .gap-10px {
  gap: 10px;
}
html body .row.g-10px, html body .g-10px.form-row {
  --bs-gutter-y: 10px;
  --bs-gutter-x: 10px;
  margin: calc(-10px / 2);
}
html body .row.g-10px > *, html body .g-10px.form-row > * {
  padding: calc(10px / 2);
}
html body .row.gx-10px, html body .gx-10px.form-row {
  --bs-gutter-x: 10px;
  margin-left: calc(-10px / 2);
  margin-right: calc(-10px / 2);
}
html body .row.gx-10px > *, html body .gx-10px.form-row > * {
  padding-left: calc(10px / 2);
  padding-right: calc(10px / 2);
}
html body .row.gy-10px, html body .gy-10px.form-row {
  --bs-gutter-y: 10px;
  margin-top: calc(-10px / 2);
}
html body .row.gy-10px > *, html body .gy-10px.form-row > * {
  padding-top: calc(10px / 2);
  padding-bottom: calc(10px / 2);
}
html body .p-11px {
  padding: 11px !important;
}
html body .ps-11px {
  padding-left: 11px !important;
}
html body .pe-11px {
  padding-right: 11px !important;
}
html body .pt-11px {
  padding-top: 11px !important;
}
html body .pb-11px {
  padding-bottom: 11px !important;
}
html body .px-11px {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
html body .py-11px {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
html body .m-11px {
  margin: 11px !important;
}
html body .ms-11px {
  margin-left: 11px !important;
}
html body .me-11px {
  margin-right: 11px !important;
}
html body .mt-11px {
  margin-top: 11px !important;
}
html body .mb-11px {
  margin-bottom: 11px !important;
}
html body .mx-11px {
  margin-left: 11px !important;
  margin-right: 11px !important;
}
html body .my-11px {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}
html body .gap-11px {
  gap: 11px;
}
html body .row.g-11px, html body .g-11px.form-row {
  --bs-gutter-y: 11px;
  --bs-gutter-x: 11px;
  margin: calc(-11px / 2);
}
html body .row.g-11px > *, html body .g-11px.form-row > * {
  padding: calc(11px / 2);
}
html body .row.gx-11px, html body .gx-11px.form-row {
  --bs-gutter-x: 11px;
  margin-left: calc(-11px / 2);
  margin-right: calc(-11px / 2);
}
html body .row.gx-11px > *, html body .gx-11px.form-row > * {
  padding-left: calc(11px / 2);
  padding-right: calc(11px / 2);
}
html body .row.gy-11px, html body .gy-11px.form-row {
  --bs-gutter-y: 11px;
  margin-top: calc(-11px / 2);
}
html body .row.gy-11px > *, html body .gy-11px.form-row > * {
  padding-top: calc(11px / 2);
  padding-bottom: calc(11px / 2);
}
html body .p-12px {
  padding: 12px !important;
}
html body .ps-12px {
  padding-left: 12px !important;
}
html body .pe-12px {
  padding-right: 12px !important;
}
html body .pt-12px {
  padding-top: 12px !important;
}
html body .pb-12px {
  padding-bottom: 12px !important;
}
html body .px-12px {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
html body .py-12px {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
html body .m-12px {
  margin: 12px !important;
}
html body .ms-12px {
  margin-left: 12px !important;
}
html body .me-12px {
  margin-right: 12px !important;
}
html body .mt-12px {
  margin-top: 12px !important;
}
html body .mb-12px {
  margin-bottom: 12px !important;
}
html body .mx-12px {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
html body .my-12px {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
html body .gap-12px {
  gap: 12px;
}
html body .row.g-12px, html body .g-12px.form-row {
  --bs-gutter-y: 12px;
  --bs-gutter-x: 12px;
  margin: calc(-12px / 2);
}
html body .row.g-12px > *, html body .g-12px.form-row > * {
  padding: calc(12px / 2);
}
html body .row.gx-12px, html body .gx-12px.form-row {
  --bs-gutter-x: 12px;
  margin-left: calc(-12px / 2);
  margin-right: calc(-12px / 2);
}
html body .row.gx-12px > *, html body .gx-12px.form-row > * {
  padding-left: calc(12px / 2);
  padding-right: calc(12px / 2);
}
html body .row.gy-12px, html body .gy-12px.form-row {
  --bs-gutter-y: 12px;
  margin-top: calc(-12px / 2);
}
html body .row.gy-12px > *, html body .gy-12px.form-row > * {
  padding-top: calc(12px / 2);
  padding-bottom: calc(12px / 2);
}
html body .p-13px {
  padding: 13px !important;
}
html body .ps-13px {
  padding-left: 13px !important;
}
html body .pe-13px {
  padding-right: 13px !important;
}
html body .pt-13px {
  padding-top: 13px !important;
}
html body .pb-13px {
  padding-bottom: 13px !important;
}
html body .px-13px {
  padding-left: 13px !important;
  padding-right: 13px !important;
}
html body .py-13px {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
html body .m-13px {
  margin: 13px !important;
}
html body .ms-13px {
  margin-left: 13px !important;
}
html body .me-13px {
  margin-right: 13px !important;
}
html body .mt-13px {
  margin-top: 13px !important;
}
html body .mb-13px {
  margin-bottom: 13px !important;
}
html body .mx-13px {
  margin-left: 13px !important;
  margin-right: 13px !important;
}
html body .my-13px {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}
html body .gap-13px {
  gap: 13px;
}
html body .row.g-13px, html body .g-13px.form-row {
  --bs-gutter-y: 13px;
  --bs-gutter-x: 13px;
  margin: calc(-13px / 2);
}
html body .row.g-13px > *, html body .g-13px.form-row > * {
  padding: calc(13px / 2);
}
html body .row.gx-13px, html body .gx-13px.form-row {
  --bs-gutter-x: 13px;
  margin-left: calc(-13px / 2);
  margin-right: calc(-13px / 2);
}
html body .row.gx-13px > *, html body .gx-13px.form-row > * {
  padding-left: calc(13px / 2);
  padding-right: calc(13px / 2);
}
html body .row.gy-13px, html body .gy-13px.form-row {
  --bs-gutter-y: 13px;
  margin-top: calc(-13px / 2);
}
html body .row.gy-13px > *, html body .gy-13px.form-row > * {
  padding-top: calc(13px / 2);
  padding-bottom: calc(13px / 2);
}
html body .p-14px {
  padding: 14px !important;
}
html body .ps-14px {
  padding-left: 14px !important;
}
html body .pe-14px {
  padding-right: 14px !important;
}
html body .pt-14px {
  padding-top: 14px !important;
}
html body .pb-14px {
  padding-bottom: 14px !important;
}
html body .px-14px {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
html body .py-14px {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
html body .m-14px {
  margin: 14px !important;
}
html body .ms-14px {
  margin-left: 14px !important;
}
html body .me-14px {
  margin-right: 14px !important;
}
html body .mt-14px {
  margin-top: 14px !important;
}
html body .mb-14px {
  margin-bottom: 14px !important;
}
html body .mx-14px {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
html body .my-14px {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
html body .gap-14px {
  gap: 14px;
}
html body .row.g-14px, html body .g-14px.form-row {
  --bs-gutter-y: 14px;
  --bs-gutter-x: 14px;
  margin: calc(-14px / 2);
}
html body .row.g-14px > *, html body .g-14px.form-row > * {
  padding: calc(14px / 2);
}
html body .row.gx-14px, html body .gx-14px.form-row {
  --bs-gutter-x: 14px;
  margin-left: calc(-14px / 2);
  margin-right: calc(-14px / 2);
}
html body .row.gx-14px > *, html body .gx-14px.form-row > * {
  padding-left: calc(14px / 2);
  padding-right: calc(14px / 2);
}
html body .row.gy-14px, html body .gy-14px.form-row {
  --bs-gutter-y: 14px;
  margin-top: calc(-14px / 2);
}
html body .row.gy-14px > *, html body .gy-14px.form-row > * {
  padding-top: calc(14px / 2);
  padding-bottom: calc(14px / 2);
}
html body .p-15px {
  padding: 15px !important;
}
html body .ps-15px {
  padding-left: 15px !important;
}
html body .pe-15px {
  padding-right: 15px !important;
}
html body .pt-15px {
  padding-top: 15px !important;
}
html body .pb-15px {
  padding-bottom: 15px !important;
}
html body .px-15px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
html body .py-15px {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
html body .m-15px {
  margin: 15px !important;
}
html body .ms-15px {
  margin-left: 15px !important;
}
html body .me-15px {
  margin-right: 15px !important;
}
html body .mt-15px {
  margin-top: 15px !important;
}
html body .mb-15px {
  margin-bottom: 15px !important;
}
html body .mx-15px {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
html body .my-15px {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
html body .gap-15px {
  gap: 15px;
}
html body .row.g-15px, html body .g-15px.form-row {
  --bs-gutter-y: 15px;
  --bs-gutter-x: 15px;
  margin: calc(-15px / 2);
}
html body .row.g-15px > *, html body .g-15px.form-row > * {
  padding: calc(15px / 2);
}
html body .row.gx-15px, html body .gx-15px.form-row {
  --bs-gutter-x: 15px;
  margin-left: calc(-15px / 2);
  margin-right: calc(-15px / 2);
}
html body .row.gx-15px > *, html body .gx-15px.form-row > * {
  padding-left: calc(15px / 2);
  padding-right: calc(15px / 2);
}
html body .row.gy-15px, html body .gy-15px.form-row {
  --bs-gutter-y: 15px;
  margin-top: calc(-15px / 2);
}
html body .row.gy-15px > *, html body .gy-15px.form-row > * {
  padding-top: calc(15px / 2);
  padding-bottom: calc(15px / 2);
}
html body .p-16px {
  padding: 16px !important;
}
html body .ps-16px {
  padding-left: 16px !important;
}
html body .pe-16px {
  padding-right: 16px !important;
}
html body .pt-16px {
  padding-top: 16px !important;
}
html body .pb-16px {
  padding-bottom: 16px !important;
}
html body .px-16px {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
html body .py-16px {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
html body .m-16px {
  margin: 16px !important;
}
html body .ms-16px {
  margin-left: 16px !important;
}
html body .me-16px {
  margin-right: 16px !important;
}
html body .mt-16px {
  margin-top: 16px !important;
}
html body .mb-16px {
  margin-bottom: 16px !important;
}
html body .mx-16px {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
html body .my-16px {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
html body .gap-16px {
  gap: 16px;
}
html body .row.g-16px, html body .g-16px.form-row {
  --bs-gutter-y: 16px;
  --bs-gutter-x: 16px;
  margin: calc(-16px / 2);
}
html body .row.g-16px > *, html body .g-16px.form-row > * {
  padding: calc(16px / 2);
}
html body .row.gx-16px, html body .gx-16px.form-row {
  --bs-gutter-x: 16px;
  margin-left: calc(-16px / 2);
  margin-right: calc(-16px / 2);
}
html body .row.gx-16px > *, html body .gx-16px.form-row > * {
  padding-left: calc(16px / 2);
  padding-right: calc(16px / 2);
}
html body .row.gy-16px, html body .gy-16px.form-row {
  --bs-gutter-y: 16px;
  margin-top: calc(-16px / 2);
}
html body .row.gy-16px > *, html body .gy-16px.form-row > * {
  padding-top: calc(16px / 2);
  padding-bottom: calc(16px / 2);
}
html body .p-17px {
  padding: 17px !important;
}
html body .ps-17px {
  padding-left: 17px !important;
}
html body .pe-17px {
  padding-right: 17px !important;
}
html body .pt-17px {
  padding-top: 17px !important;
}
html body .pb-17px {
  padding-bottom: 17px !important;
}
html body .px-17px {
  padding-left: 17px !important;
  padding-right: 17px !important;
}
html body .py-17px {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}
html body .m-17px {
  margin: 17px !important;
}
html body .ms-17px {
  margin-left: 17px !important;
}
html body .me-17px {
  margin-right: 17px !important;
}
html body .mt-17px {
  margin-top: 17px !important;
}
html body .mb-17px {
  margin-bottom: 17px !important;
}
html body .mx-17px {
  margin-left: 17px !important;
  margin-right: 17px !important;
}
html body .my-17px {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}
html body .gap-17px {
  gap: 17px;
}
html body .row.g-17px, html body .g-17px.form-row {
  --bs-gutter-y: 17px;
  --bs-gutter-x: 17px;
  margin: calc(-17px / 2);
}
html body .row.g-17px > *, html body .g-17px.form-row > * {
  padding: calc(17px / 2);
}
html body .row.gx-17px, html body .gx-17px.form-row {
  --bs-gutter-x: 17px;
  margin-left: calc(-17px / 2);
  margin-right: calc(-17px / 2);
}
html body .row.gx-17px > *, html body .gx-17px.form-row > * {
  padding-left: calc(17px / 2);
  padding-right: calc(17px / 2);
}
html body .row.gy-17px, html body .gy-17px.form-row {
  --bs-gutter-y: 17px;
  margin-top: calc(-17px / 2);
}
html body .row.gy-17px > *, html body .gy-17px.form-row > * {
  padding-top: calc(17px / 2);
  padding-bottom: calc(17px / 2);
}
html body .p-18px {
  padding: 18px !important;
}
html body .ps-18px {
  padding-left: 18px !important;
}
html body .pe-18px {
  padding-right: 18px !important;
}
html body .pt-18px {
  padding-top: 18px !important;
}
html body .pb-18px {
  padding-bottom: 18px !important;
}
html body .px-18px {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
html body .py-18px {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
html body .m-18px {
  margin: 18px !important;
}
html body .ms-18px {
  margin-left: 18px !important;
}
html body .me-18px {
  margin-right: 18px !important;
}
html body .mt-18px {
  margin-top: 18px !important;
}
html body .mb-18px {
  margin-bottom: 18px !important;
}
html body .mx-18px {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
html body .my-18px {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
html body .gap-18px {
  gap: 18px;
}
html body .row.g-18px, html body .g-18px.form-row {
  --bs-gutter-y: 18px;
  --bs-gutter-x: 18px;
  margin: calc(-18px / 2);
}
html body .row.g-18px > *, html body .g-18px.form-row > * {
  padding: calc(18px / 2);
}
html body .row.gx-18px, html body .gx-18px.form-row {
  --bs-gutter-x: 18px;
  margin-left: calc(-18px / 2);
  margin-right: calc(-18px / 2);
}
html body .row.gx-18px > *, html body .gx-18px.form-row > * {
  padding-left: calc(18px / 2);
  padding-right: calc(18px / 2);
}
html body .row.gy-18px, html body .gy-18px.form-row {
  --bs-gutter-y: 18px;
  margin-top: calc(-18px / 2);
}
html body .row.gy-18px > *, html body .gy-18px.form-row > * {
  padding-top: calc(18px / 2);
  padding-bottom: calc(18px / 2);
}
html body .p-19px {
  padding: 19px !important;
}
html body .ps-19px {
  padding-left: 19px !important;
}
html body .pe-19px {
  padding-right: 19px !important;
}
html body .pt-19px {
  padding-top: 19px !important;
}
html body .pb-19px {
  padding-bottom: 19px !important;
}
html body .px-19px {
  padding-left: 19px !important;
  padding-right: 19px !important;
}
html body .py-19px {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}
html body .m-19px {
  margin: 19px !important;
}
html body .ms-19px {
  margin-left: 19px !important;
}
html body .me-19px {
  margin-right: 19px !important;
}
html body .mt-19px {
  margin-top: 19px !important;
}
html body .mb-19px {
  margin-bottom: 19px !important;
}
html body .mx-19px {
  margin-left: 19px !important;
  margin-right: 19px !important;
}
html body .my-19px {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}
html body .gap-19px {
  gap: 19px;
}
html body .row.g-19px, html body .g-19px.form-row {
  --bs-gutter-y: 19px;
  --bs-gutter-x: 19px;
  margin: calc(-19px / 2);
}
html body .row.g-19px > *, html body .g-19px.form-row > * {
  padding: calc(19px / 2);
}
html body .row.gx-19px, html body .gx-19px.form-row {
  --bs-gutter-x: 19px;
  margin-left: calc(-19px / 2);
  margin-right: calc(-19px / 2);
}
html body .row.gx-19px > *, html body .gx-19px.form-row > * {
  padding-left: calc(19px / 2);
  padding-right: calc(19px / 2);
}
html body .row.gy-19px, html body .gy-19px.form-row {
  --bs-gutter-y: 19px;
  margin-top: calc(-19px / 2);
}
html body .row.gy-19px > *, html body .gy-19px.form-row > * {
  padding-top: calc(19px / 2);
  padding-bottom: calc(19px / 2);
}
html body .p-20px {
  padding: 20px !important;
}
html body .ps-20px {
  padding-left: 20px !important;
}
html body .pe-20px {
  padding-right: 20px !important;
}
html body .pt-20px {
  padding-top: 20px !important;
}
html body .pb-20px {
  padding-bottom: 20px !important;
}
html body .px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
html body .py-20px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
html body .m-20px {
  margin: 20px !important;
}
html body .ms-20px {
  margin-left: 20px !important;
}
html body .me-20px {
  margin-right: 20px !important;
}
html body .mt-20px {
  margin-top: 20px !important;
}
html body .mb-20px {
  margin-bottom: 20px !important;
}
html body .mx-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
html body .my-20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
html body .gap-20px {
  gap: 20px;
}
html body .row.g-20px, html body .g-20px.form-row {
  --bs-gutter-y: 20px;
  --bs-gutter-x: 20px;
  margin: calc(-20px / 2);
}
html body .row.g-20px > *, html body .g-20px.form-row > * {
  padding: calc(20px / 2);
}
html body .row.gx-20px, html body .gx-20px.form-row {
  --bs-gutter-x: 20px;
  margin-left: calc(-20px / 2);
  margin-right: calc(-20px / 2);
}
html body .row.gx-20px > *, html body .gx-20px.form-row > * {
  padding-left: calc(20px / 2);
  padding-right: calc(20px / 2);
}
html body .row.gy-20px, html body .gy-20px.form-row {
  --bs-gutter-y: 20px;
  margin-top: calc(-20px / 2);
}
html body .row.gy-20px > *, html body .gy-20px.form-row > * {
  padding-top: calc(20px / 2);
  padding-bottom: calc(20px / 2);
}
html body .p-21px {
  padding: 21px !important;
}
html body .ps-21px {
  padding-left: 21px !important;
}
html body .pe-21px {
  padding-right: 21px !important;
}
html body .pt-21px {
  padding-top: 21px !important;
}
html body .pb-21px {
  padding-bottom: 21px !important;
}
html body .px-21px {
  padding-left: 21px !important;
  padding-right: 21px !important;
}
html body .py-21px {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}
html body .m-21px {
  margin: 21px !important;
}
html body .ms-21px {
  margin-left: 21px !important;
}
html body .me-21px {
  margin-right: 21px !important;
}
html body .mt-21px {
  margin-top: 21px !important;
}
html body .mb-21px {
  margin-bottom: 21px !important;
}
html body .mx-21px {
  margin-left: 21px !important;
  margin-right: 21px !important;
}
html body .my-21px {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}
html body .gap-21px {
  gap: 21px;
}
html body .row.g-21px, html body .g-21px.form-row {
  --bs-gutter-y: 21px;
  --bs-gutter-x: 21px;
  margin: calc(-21px / 2);
}
html body .row.g-21px > *, html body .g-21px.form-row > * {
  padding: calc(21px / 2);
}
html body .row.gx-21px, html body .gx-21px.form-row {
  --bs-gutter-x: 21px;
  margin-left: calc(-21px / 2);
  margin-right: calc(-21px / 2);
}
html body .row.gx-21px > *, html body .gx-21px.form-row > * {
  padding-left: calc(21px / 2);
  padding-right: calc(21px / 2);
}
html body .row.gy-21px, html body .gy-21px.form-row {
  --bs-gutter-y: 21px;
  margin-top: calc(-21px / 2);
}
html body .row.gy-21px > *, html body .gy-21px.form-row > * {
  padding-top: calc(21px / 2);
  padding-bottom: calc(21px / 2);
}
html body .p-22px {
  padding: 22px !important;
}
html body .ps-22px {
  padding-left: 22px !important;
}
html body .pe-22px {
  padding-right: 22px !important;
}
html body .pt-22px {
  padding-top: 22px !important;
}
html body .pb-22px {
  padding-bottom: 22px !important;
}
html body .px-22px {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
html body .py-22px {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
html body .m-22px {
  margin: 22px !important;
}
html body .ms-22px {
  margin-left: 22px !important;
}
html body .me-22px {
  margin-right: 22px !important;
}
html body .mt-22px {
  margin-top: 22px !important;
}
html body .mb-22px {
  margin-bottom: 22px !important;
}
html body .mx-22px {
  margin-left: 22px !important;
  margin-right: 22px !important;
}
html body .my-22px {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}
html body .gap-22px {
  gap: 22px;
}
html body .row.g-22px, html body .g-22px.form-row {
  --bs-gutter-y: 22px;
  --bs-gutter-x: 22px;
  margin: calc(-22px / 2);
}
html body .row.g-22px > *, html body .g-22px.form-row > * {
  padding: calc(22px / 2);
}
html body .row.gx-22px, html body .gx-22px.form-row {
  --bs-gutter-x: 22px;
  margin-left: calc(-22px / 2);
  margin-right: calc(-22px / 2);
}
html body .row.gx-22px > *, html body .gx-22px.form-row > * {
  padding-left: calc(22px / 2);
  padding-right: calc(22px / 2);
}
html body .row.gy-22px, html body .gy-22px.form-row {
  --bs-gutter-y: 22px;
  margin-top: calc(-22px / 2);
}
html body .row.gy-22px > *, html body .gy-22px.form-row > * {
  padding-top: calc(22px / 2);
  padding-bottom: calc(22px / 2);
}
html body .p-23px {
  padding: 23px !important;
}
html body .ps-23px {
  padding-left: 23px !important;
}
html body .pe-23px {
  padding-right: 23px !important;
}
html body .pt-23px {
  padding-top: 23px !important;
}
html body .pb-23px {
  padding-bottom: 23px !important;
}
html body .px-23px {
  padding-left: 23px !important;
  padding-right: 23px !important;
}
html body .py-23px {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}
html body .m-23px {
  margin: 23px !important;
}
html body .ms-23px {
  margin-left: 23px !important;
}
html body .me-23px {
  margin-right: 23px !important;
}
html body .mt-23px {
  margin-top: 23px !important;
}
html body .mb-23px {
  margin-bottom: 23px !important;
}
html body .mx-23px {
  margin-left: 23px !important;
  margin-right: 23px !important;
}
html body .my-23px {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}
html body .gap-23px {
  gap: 23px;
}
html body .row.g-23px, html body .g-23px.form-row {
  --bs-gutter-y: 23px;
  --bs-gutter-x: 23px;
  margin: calc(-23px / 2);
}
html body .row.g-23px > *, html body .g-23px.form-row > * {
  padding: calc(23px / 2);
}
html body .row.gx-23px, html body .gx-23px.form-row {
  --bs-gutter-x: 23px;
  margin-left: calc(-23px / 2);
  margin-right: calc(-23px / 2);
}
html body .row.gx-23px > *, html body .gx-23px.form-row > * {
  padding-left: calc(23px / 2);
  padding-right: calc(23px / 2);
}
html body .row.gy-23px, html body .gy-23px.form-row {
  --bs-gutter-y: 23px;
  margin-top: calc(-23px / 2);
}
html body .row.gy-23px > *, html body .gy-23px.form-row > * {
  padding-top: calc(23px / 2);
  padding-bottom: calc(23px / 2);
}
html body .p-24px {
  padding: 24px !important;
}
html body .ps-24px {
  padding-left: 24px !important;
}
html body .pe-24px {
  padding-right: 24px !important;
}
html body .pt-24px {
  padding-top: 24px !important;
}
html body .pb-24px {
  padding-bottom: 24px !important;
}
html body .px-24px {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
html body .py-24px {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
html body .m-24px {
  margin: 24px !important;
}
html body .ms-24px {
  margin-left: 24px !important;
}
html body .me-24px {
  margin-right: 24px !important;
}
html body .mt-24px {
  margin-top: 24px !important;
}
html body .mb-24px {
  margin-bottom: 24px !important;
}
html body .mx-24px {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
html body .my-24px {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
html body .gap-24px {
  gap: 24px;
}
html body .row.g-24px, html body .g-24px.form-row {
  --bs-gutter-y: 24px;
  --bs-gutter-x: 24px;
  margin: calc(-24px / 2);
}
html body .row.g-24px > *, html body .g-24px.form-row > * {
  padding: calc(24px / 2);
}
html body .row.gx-24px, html body .gx-24px.form-row {
  --bs-gutter-x: 24px;
  margin-left: calc(-24px / 2);
  margin-right: calc(-24px / 2);
}
html body .row.gx-24px > *, html body .gx-24px.form-row > * {
  padding-left: calc(24px / 2);
  padding-right: calc(24px / 2);
}
html body .row.gy-24px, html body .gy-24px.form-row {
  --bs-gutter-y: 24px;
  margin-top: calc(-24px / 2);
}
html body .row.gy-24px > *, html body .gy-24px.form-row > * {
  padding-top: calc(24px / 2);
  padding-bottom: calc(24px / 2);
}
html body .p-25px {
  padding: 25px !important;
}
html body .ps-25px {
  padding-left: 25px !important;
}
html body .pe-25px {
  padding-right: 25px !important;
}
html body .pt-25px {
  padding-top: 25px !important;
}
html body .pb-25px {
  padding-bottom: 25px !important;
}
html body .px-25px {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
html body .py-25px {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
html body .m-25px {
  margin: 25px !important;
}
html body .ms-25px {
  margin-left: 25px !important;
}
html body .me-25px {
  margin-right: 25px !important;
}
html body .mt-25px {
  margin-top: 25px !important;
}
html body .mb-25px {
  margin-bottom: 25px !important;
}
html body .mx-25px {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
html body .my-25px {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
html body .gap-25px {
  gap: 25px;
}
html body .row.g-25px, html body .g-25px.form-row {
  --bs-gutter-y: 25px;
  --bs-gutter-x: 25px;
  margin: calc(-25px / 2);
}
html body .row.g-25px > *, html body .g-25px.form-row > * {
  padding: calc(25px / 2);
}
html body .row.gx-25px, html body .gx-25px.form-row {
  --bs-gutter-x: 25px;
  margin-left: calc(-25px / 2);
  margin-right: calc(-25px / 2);
}
html body .row.gx-25px > *, html body .gx-25px.form-row > * {
  padding-left: calc(25px / 2);
  padding-right: calc(25px / 2);
}
html body .row.gy-25px, html body .gy-25px.form-row {
  --bs-gutter-y: 25px;
  margin-top: calc(-25px / 2);
}
html body .row.gy-25px > *, html body .gy-25px.form-row > * {
  padding-top: calc(25px / 2);
  padding-bottom: calc(25px / 2);
}
html body .p-26px {
  padding: 26px !important;
}
html body .ps-26px {
  padding-left: 26px !important;
}
html body .pe-26px {
  padding-right: 26px !important;
}
html body .pt-26px {
  padding-top: 26px !important;
}
html body .pb-26px {
  padding-bottom: 26px !important;
}
html body .px-26px {
  padding-left: 26px !important;
  padding-right: 26px !important;
}
html body .py-26px {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
html body .m-26px {
  margin: 26px !important;
}
html body .ms-26px {
  margin-left: 26px !important;
}
html body .me-26px {
  margin-right: 26px !important;
}
html body .mt-26px {
  margin-top: 26px !important;
}
html body .mb-26px {
  margin-bottom: 26px !important;
}
html body .mx-26px {
  margin-left: 26px !important;
  margin-right: 26px !important;
}
html body .my-26px {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}
html body .gap-26px {
  gap: 26px;
}
html body .row.g-26px, html body .g-26px.form-row {
  --bs-gutter-y: 26px;
  --bs-gutter-x: 26px;
  margin: calc(-26px / 2);
}
html body .row.g-26px > *, html body .g-26px.form-row > * {
  padding: calc(26px / 2);
}
html body .row.gx-26px, html body .gx-26px.form-row {
  --bs-gutter-x: 26px;
  margin-left: calc(-26px / 2);
  margin-right: calc(-26px / 2);
}
html body .row.gx-26px > *, html body .gx-26px.form-row > * {
  padding-left: calc(26px / 2);
  padding-right: calc(26px / 2);
}
html body .row.gy-26px, html body .gy-26px.form-row {
  --bs-gutter-y: 26px;
  margin-top: calc(-26px / 2);
}
html body .row.gy-26px > *, html body .gy-26px.form-row > * {
  padding-top: calc(26px / 2);
  padding-bottom: calc(26px / 2);
}
html body .p-27px {
  padding: 27px !important;
}
html body .ps-27px {
  padding-left: 27px !important;
}
html body .pe-27px {
  padding-right: 27px !important;
}
html body .pt-27px {
  padding-top: 27px !important;
}
html body .pb-27px {
  padding-bottom: 27px !important;
}
html body .px-27px {
  padding-left: 27px !important;
  padding-right: 27px !important;
}
html body .py-27px {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}
html body .m-27px {
  margin: 27px !important;
}
html body .ms-27px {
  margin-left: 27px !important;
}
html body .me-27px {
  margin-right: 27px !important;
}
html body .mt-27px {
  margin-top: 27px !important;
}
html body .mb-27px {
  margin-bottom: 27px !important;
}
html body .mx-27px {
  margin-left: 27px !important;
  margin-right: 27px !important;
}
html body .my-27px {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}
html body .gap-27px {
  gap: 27px;
}
html body .row.g-27px, html body .g-27px.form-row {
  --bs-gutter-y: 27px;
  --bs-gutter-x: 27px;
  margin: calc(-27px / 2);
}
html body .row.g-27px > *, html body .g-27px.form-row > * {
  padding: calc(27px / 2);
}
html body .row.gx-27px, html body .gx-27px.form-row {
  --bs-gutter-x: 27px;
  margin-left: calc(-27px / 2);
  margin-right: calc(-27px / 2);
}
html body .row.gx-27px > *, html body .gx-27px.form-row > * {
  padding-left: calc(27px / 2);
  padding-right: calc(27px / 2);
}
html body .row.gy-27px, html body .gy-27px.form-row {
  --bs-gutter-y: 27px;
  margin-top: calc(-27px / 2);
}
html body .row.gy-27px > *, html body .gy-27px.form-row > * {
  padding-top: calc(27px / 2);
  padding-bottom: calc(27px / 2);
}
html body .p-28px {
  padding: 28px !important;
}
html body .ps-28px {
  padding-left: 28px !important;
}
html body .pe-28px {
  padding-right: 28px !important;
}
html body .pt-28px {
  padding-top: 28px !important;
}
html body .pb-28px {
  padding-bottom: 28px !important;
}
html body .px-28px {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
html body .py-28px {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
html body .m-28px {
  margin: 28px !important;
}
html body .ms-28px {
  margin-left: 28px !important;
}
html body .me-28px {
  margin-right: 28px !important;
}
html body .mt-28px {
  margin-top: 28px !important;
}
html body .mb-28px {
  margin-bottom: 28px !important;
}
html body .mx-28px {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
html body .my-28px {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
html body .gap-28px {
  gap: 28px;
}
html body .row.g-28px, html body .g-28px.form-row {
  --bs-gutter-y: 28px;
  --bs-gutter-x: 28px;
  margin: calc(-28px / 2);
}
html body .row.g-28px > *, html body .g-28px.form-row > * {
  padding: calc(28px / 2);
}
html body .row.gx-28px, html body .gx-28px.form-row {
  --bs-gutter-x: 28px;
  margin-left: calc(-28px / 2);
  margin-right: calc(-28px / 2);
}
html body .row.gx-28px > *, html body .gx-28px.form-row > * {
  padding-left: calc(28px / 2);
  padding-right: calc(28px / 2);
}
html body .row.gy-28px, html body .gy-28px.form-row {
  --bs-gutter-y: 28px;
  margin-top: calc(-28px / 2);
}
html body .row.gy-28px > *, html body .gy-28px.form-row > * {
  padding-top: calc(28px / 2);
  padding-bottom: calc(28px / 2);
}
html body .p-29px {
  padding: 29px !important;
}
html body .ps-29px {
  padding-left: 29px !important;
}
html body .pe-29px {
  padding-right: 29px !important;
}
html body .pt-29px {
  padding-top: 29px !important;
}
html body .pb-29px {
  padding-bottom: 29px !important;
}
html body .px-29px {
  padding-left: 29px !important;
  padding-right: 29px !important;
}
html body .py-29px {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}
html body .m-29px {
  margin: 29px !important;
}
html body .ms-29px {
  margin-left: 29px !important;
}
html body .me-29px {
  margin-right: 29px !important;
}
html body .mt-29px {
  margin-top: 29px !important;
}
html body .mb-29px {
  margin-bottom: 29px !important;
}
html body .mx-29px {
  margin-left: 29px !important;
  margin-right: 29px !important;
}
html body .my-29px {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}
html body .gap-29px {
  gap: 29px;
}
html body .row.g-29px, html body .g-29px.form-row {
  --bs-gutter-y: 29px;
  --bs-gutter-x: 29px;
  margin: calc(-29px / 2);
}
html body .row.g-29px > *, html body .g-29px.form-row > * {
  padding: calc(29px / 2);
}
html body .row.gx-29px, html body .gx-29px.form-row {
  --bs-gutter-x: 29px;
  margin-left: calc(-29px / 2);
  margin-right: calc(-29px / 2);
}
html body .row.gx-29px > *, html body .gx-29px.form-row > * {
  padding-left: calc(29px / 2);
  padding-right: calc(29px / 2);
}
html body .row.gy-29px, html body .gy-29px.form-row {
  --bs-gutter-y: 29px;
  margin-top: calc(-29px / 2);
}
html body .row.gy-29px > *, html body .gy-29px.form-row > * {
  padding-top: calc(29px / 2);
  padding-bottom: calc(29px / 2);
}
html body .p-30px {
  padding: 30px !important;
}
html body .ps-30px {
  padding-left: 30px !important;
}
html body .pe-30px {
  padding-right: 30px !important;
}
html body .pt-30px {
  padding-top: 30px !important;
}
html body .pb-30px {
  padding-bottom: 30px !important;
}
html body .px-30px {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
html body .py-30px {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
html body .m-30px {
  margin: 30px !important;
}
html body .ms-30px {
  margin-left: 30px !important;
}
html body .me-30px {
  margin-right: 30px !important;
}
html body .mt-30px {
  margin-top: 30px !important;
}
html body .mb-30px {
  margin-bottom: 30px !important;
}
html body .mx-30px {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
html body .my-30px {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
html body .gap-30px {
  gap: 30px;
}
html body .row.g-30px, html body .g-30px.form-row {
  --bs-gutter-y: 30px;
  --bs-gutter-x: 30px;
  margin: calc(-30px / 2);
}
html body .row.g-30px > *, html body .g-30px.form-row > * {
  padding: calc(30px / 2);
}
html body .row.gx-30px, html body .gx-30px.form-row {
  --bs-gutter-x: 30px;
  margin-left: calc(-30px / 2);
  margin-right: calc(-30px / 2);
}
html body .row.gx-30px > *, html body .gx-30px.form-row > * {
  padding-left: calc(30px / 2);
  padding-right: calc(30px / 2);
}
html body .row.gy-30px, html body .gy-30px.form-row {
  --bs-gutter-y: 30px;
  margin-top: calc(-30px / 2);
}
html body .row.gy-30px > *, html body .gy-30px.form-row > * {
  padding-top: calc(30px / 2);
  padding-bottom: calc(30px / 2);
}
html body .p-31px {
  padding: 31px !important;
}
html body .ps-31px {
  padding-left: 31px !important;
}
html body .pe-31px {
  padding-right: 31px !important;
}
html body .pt-31px {
  padding-top: 31px !important;
}
html body .pb-31px {
  padding-bottom: 31px !important;
}
html body .px-31px {
  padding-left: 31px !important;
  padding-right: 31px !important;
}
html body .py-31px {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}
html body .m-31px {
  margin: 31px !important;
}
html body .ms-31px {
  margin-left: 31px !important;
}
html body .me-31px {
  margin-right: 31px !important;
}
html body .mt-31px {
  margin-top: 31px !important;
}
html body .mb-31px {
  margin-bottom: 31px !important;
}
html body .mx-31px {
  margin-left: 31px !important;
  margin-right: 31px !important;
}
html body .my-31px {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}
html body .gap-31px {
  gap: 31px;
}
html body .row.g-31px, html body .g-31px.form-row {
  --bs-gutter-y: 31px;
  --bs-gutter-x: 31px;
  margin: calc(-31px / 2);
}
html body .row.g-31px > *, html body .g-31px.form-row > * {
  padding: calc(31px / 2);
}
html body .row.gx-31px, html body .gx-31px.form-row {
  --bs-gutter-x: 31px;
  margin-left: calc(-31px / 2);
  margin-right: calc(-31px / 2);
}
html body .row.gx-31px > *, html body .gx-31px.form-row > * {
  padding-left: calc(31px / 2);
  padding-right: calc(31px / 2);
}
html body .row.gy-31px, html body .gy-31px.form-row {
  --bs-gutter-y: 31px;
  margin-top: calc(-31px / 2);
}
html body .row.gy-31px > *, html body .gy-31px.form-row > * {
  padding-top: calc(31px / 2);
  padding-bottom: calc(31px / 2);
}
html body .p-32px {
  padding: 32px !important;
}
html body .ps-32px {
  padding-left: 32px !important;
}
html body .pe-32px {
  padding-right: 32px !important;
}
html body .pt-32px {
  padding-top: 32px !important;
}
html body .pb-32px {
  padding-bottom: 32px !important;
}
html body .px-32px {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
html body .py-32px {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
html body .m-32px {
  margin: 32px !important;
}
html body .ms-32px {
  margin-left: 32px !important;
}
html body .me-32px {
  margin-right: 32px !important;
}
html body .mt-32px {
  margin-top: 32px !important;
}
html body .mb-32px {
  margin-bottom: 32px !important;
}
html body .mx-32px {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
html body .my-32px {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
html body .gap-32px {
  gap: 32px;
}
html body .row.g-32px, html body .g-32px.form-row {
  --bs-gutter-y: 32px;
  --bs-gutter-x: 32px;
  margin: calc(-32px / 2);
}
html body .row.g-32px > *, html body .g-32px.form-row > * {
  padding: calc(32px / 2);
}
html body .row.gx-32px, html body .gx-32px.form-row {
  --bs-gutter-x: 32px;
  margin-left: calc(-32px / 2);
  margin-right: calc(-32px / 2);
}
html body .row.gx-32px > *, html body .gx-32px.form-row > * {
  padding-left: calc(32px / 2);
  padding-right: calc(32px / 2);
}
html body .row.gy-32px, html body .gy-32px.form-row {
  --bs-gutter-y: 32px;
  margin-top: calc(-32px / 2);
}
html body .row.gy-32px > *, html body .gy-32px.form-row > * {
  padding-top: calc(32px / 2);
  padding-bottom: calc(32px / 2);
}
html body .p-33px {
  padding: 33px !important;
}
html body .ps-33px {
  padding-left: 33px !important;
}
html body .pe-33px {
  padding-right: 33px !important;
}
html body .pt-33px {
  padding-top: 33px !important;
}
html body .pb-33px {
  padding-bottom: 33px !important;
}
html body .px-33px {
  padding-left: 33px !important;
  padding-right: 33px !important;
}
html body .py-33px {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}
html body .m-33px {
  margin: 33px !important;
}
html body .ms-33px {
  margin-left: 33px !important;
}
html body .me-33px {
  margin-right: 33px !important;
}
html body .mt-33px {
  margin-top: 33px !important;
}
html body .mb-33px {
  margin-bottom: 33px !important;
}
html body .mx-33px {
  margin-left: 33px !important;
  margin-right: 33px !important;
}
html body .my-33px {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}
html body .gap-33px {
  gap: 33px;
}
html body .row.g-33px, html body .g-33px.form-row {
  --bs-gutter-y: 33px;
  --bs-gutter-x: 33px;
  margin: calc(-33px / 2);
}
html body .row.g-33px > *, html body .g-33px.form-row > * {
  padding: calc(33px / 2);
}
html body .row.gx-33px, html body .gx-33px.form-row {
  --bs-gutter-x: 33px;
  margin-left: calc(-33px / 2);
  margin-right: calc(-33px / 2);
}
html body .row.gx-33px > *, html body .gx-33px.form-row > * {
  padding-left: calc(33px / 2);
  padding-right: calc(33px / 2);
}
html body .row.gy-33px, html body .gy-33px.form-row {
  --bs-gutter-y: 33px;
  margin-top: calc(-33px / 2);
}
html body .row.gy-33px > *, html body .gy-33px.form-row > * {
  padding-top: calc(33px / 2);
  padding-bottom: calc(33px / 2);
}
html body .p-34px {
  padding: 34px !important;
}
html body .ps-34px {
  padding-left: 34px !important;
}
html body .pe-34px {
  padding-right: 34px !important;
}
html body .pt-34px {
  padding-top: 34px !important;
}
html body .pb-34px {
  padding-bottom: 34px !important;
}
html body .px-34px {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
html body .py-34px {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
html body .m-34px {
  margin: 34px !important;
}
html body .ms-34px {
  margin-left: 34px !important;
}
html body .me-34px {
  margin-right: 34px !important;
}
html body .mt-34px {
  margin-top: 34px !important;
}
html body .mb-34px {
  margin-bottom: 34px !important;
}
html body .mx-34px {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
html body .my-34px {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}
html body .gap-34px {
  gap: 34px;
}
html body .row.g-34px, html body .g-34px.form-row {
  --bs-gutter-y: 34px;
  --bs-gutter-x: 34px;
  margin: calc(-34px / 2);
}
html body .row.g-34px > *, html body .g-34px.form-row > * {
  padding: calc(34px / 2);
}
html body .row.gx-34px, html body .gx-34px.form-row {
  --bs-gutter-x: 34px;
  margin-left: calc(-34px / 2);
  margin-right: calc(-34px / 2);
}
html body .row.gx-34px > *, html body .gx-34px.form-row > * {
  padding-left: calc(34px / 2);
  padding-right: calc(34px / 2);
}
html body .row.gy-34px, html body .gy-34px.form-row {
  --bs-gutter-y: 34px;
  margin-top: calc(-34px / 2);
}
html body .row.gy-34px > *, html body .gy-34px.form-row > * {
  padding-top: calc(34px / 2);
  padding-bottom: calc(34px / 2);
}
html body .p-35px {
  padding: 35px !important;
}
html body .ps-35px {
  padding-left: 35px !important;
}
html body .pe-35px {
  padding-right: 35px !important;
}
html body .pt-35px {
  padding-top: 35px !important;
}
html body .pb-35px {
  padding-bottom: 35px !important;
}
html body .px-35px {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
html body .py-35px {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
html body .m-35px {
  margin: 35px !important;
}
html body .ms-35px {
  margin-left: 35px !important;
}
html body .me-35px {
  margin-right: 35px !important;
}
html body .mt-35px {
  margin-top: 35px !important;
}
html body .mb-35px {
  margin-bottom: 35px !important;
}
html body .mx-35px {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
html body .my-35px {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
html body .gap-35px {
  gap: 35px;
}
html body .row.g-35px, html body .g-35px.form-row {
  --bs-gutter-y: 35px;
  --bs-gutter-x: 35px;
  margin: calc(-35px / 2);
}
html body .row.g-35px > *, html body .g-35px.form-row > * {
  padding: calc(35px / 2);
}
html body .row.gx-35px, html body .gx-35px.form-row {
  --bs-gutter-x: 35px;
  margin-left: calc(-35px / 2);
  margin-right: calc(-35px / 2);
}
html body .row.gx-35px > *, html body .gx-35px.form-row > * {
  padding-left: calc(35px / 2);
  padding-right: calc(35px / 2);
}
html body .row.gy-35px, html body .gy-35px.form-row {
  --bs-gutter-y: 35px;
  margin-top: calc(-35px / 2);
}
html body .row.gy-35px > *, html body .gy-35px.form-row > * {
  padding-top: calc(35px / 2);
  padding-bottom: calc(35px / 2);
}
html body .p-36px {
  padding: 36px !important;
}
html body .ps-36px {
  padding-left: 36px !important;
}
html body .pe-36px {
  padding-right: 36px !important;
}
html body .pt-36px {
  padding-top: 36px !important;
}
html body .pb-36px {
  padding-bottom: 36px !important;
}
html body .px-36px {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
html body .py-36px {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
html body .m-36px {
  margin: 36px !important;
}
html body .ms-36px {
  margin-left: 36px !important;
}
html body .me-36px {
  margin-right: 36px !important;
}
html body .mt-36px {
  margin-top: 36px !important;
}
html body .mb-36px {
  margin-bottom: 36px !important;
}
html body .mx-36px {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
html body .my-36px {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
html body .gap-36px {
  gap: 36px;
}
html body .row.g-36px, html body .g-36px.form-row {
  --bs-gutter-y: 36px;
  --bs-gutter-x: 36px;
  margin: calc(-36px / 2);
}
html body .row.g-36px > *, html body .g-36px.form-row > * {
  padding: calc(36px / 2);
}
html body .row.gx-36px, html body .gx-36px.form-row {
  --bs-gutter-x: 36px;
  margin-left: calc(-36px / 2);
  margin-right: calc(-36px / 2);
}
html body .row.gx-36px > *, html body .gx-36px.form-row > * {
  padding-left: calc(36px / 2);
  padding-right: calc(36px / 2);
}
html body .row.gy-36px, html body .gy-36px.form-row {
  --bs-gutter-y: 36px;
  margin-top: calc(-36px / 2);
}
html body .row.gy-36px > *, html body .gy-36px.form-row > * {
  padding-top: calc(36px / 2);
  padding-bottom: calc(36px / 2);
}
html body .p-37px {
  padding: 37px !important;
}
html body .ps-37px {
  padding-left: 37px !important;
}
html body .pe-37px {
  padding-right: 37px !important;
}
html body .pt-37px {
  padding-top: 37px !important;
}
html body .pb-37px {
  padding-bottom: 37px !important;
}
html body .px-37px {
  padding-left: 37px !important;
  padding-right: 37px !important;
}
html body .py-37px {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}
html body .m-37px {
  margin: 37px !important;
}
html body .ms-37px {
  margin-left: 37px !important;
}
html body .me-37px {
  margin-right: 37px !important;
}
html body .mt-37px {
  margin-top: 37px !important;
}
html body .mb-37px {
  margin-bottom: 37px !important;
}
html body .mx-37px {
  margin-left: 37px !important;
  margin-right: 37px !important;
}
html body .my-37px {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}
html body .gap-37px {
  gap: 37px;
}
html body .row.g-37px, html body .g-37px.form-row {
  --bs-gutter-y: 37px;
  --bs-gutter-x: 37px;
  margin: calc(-37px / 2);
}
html body .row.g-37px > *, html body .g-37px.form-row > * {
  padding: calc(37px / 2);
}
html body .row.gx-37px, html body .gx-37px.form-row {
  --bs-gutter-x: 37px;
  margin-left: calc(-37px / 2);
  margin-right: calc(-37px / 2);
}
html body .row.gx-37px > *, html body .gx-37px.form-row > * {
  padding-left: calc(37px / 2);
  padding-right: calc(37px / 2);
}
html body .row.gy-37px, html body .gy-37px.form-row {
  --bs-gutter-y: 37px;
  margin-top: calc(-37px / 2);
}
html body .row.gy-37px > *, html body .gy-37px.form-row > * {
  padding-top: calc(37px / 2);
  padding-bottom: calc(37px / 2);
}
html body .p-38px {
  padding: 38px !important;
}
html body .ps-38px {
  padding-left: 38px !important;
}
html body .pe-38px {
  padding-right: 38px !important;
}
html body .pt-38px {
  padding-top: 38px !important;
}
html body .pb-38px {
  padding-bottom: 38px !important;
}
html body .px-38px {
  padding-left: 38px !important;
  padding-right: 38px !important;
}
html body .py-38px {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
html body .m-38px {
  margin: 38px !important;
}
html body .ms-38px {
  margin-left: 38px !important;
}
html body .me-38px {
  margin-right: 38px !important;
}
html body .mt-38px {
  margin-top: 38px !important;
}
html body .mb-38px {
  margin-bottom: 38px !important;
}
html body .mx-38px {
  margin-left: 38px !important;
  margin-right: 38px !important;
}
html body .my-38px {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}
html body .gap-38px {
  gap: 38px;
}
html body .row.g-38px, html body .g-38px.form-row {
  --bs-gutter-y: 38px;
  --bs-gutter-x: 38px;
  margin: calc(-38px / 2);
}
html body .row.g-38px > *, html body .g-38px.form-row > * {
  padding: calc(38px / 2);
}
html body .row.gx-38px, html body .gx-38px.form-row {
  --bs-gutter-x: 38px;
  margin-left: calc(-38px / 2);
  margin-right: calc(-38px / 2);
}
html body .row.gx-38px > *, html body .gx-38px.form-row > * {
  padding-left: calc(38px / 2);
  padding-right: calc(38px / 2);
}
html body .row.gy-38px, html body .gy-38px.form-row {
  --bs-gutter-y: 38px;
  margin-top: calc(-38px / 2);
}
html body .row.gy-38px > *, html body .gy-38px.form-row > * {
  padding-top: calc(38px / 2);
  padding-bottom: calc(38px / 2);
}
html body .p-39px {
  padding: 39px !important;
}
html body .ps-39px {
  padding-left: 39px !important;
}
html body .pe-39px {
  padding-right: 39px !important;
}
html body .pt-39px {
  padding-top: 39px !important;
}
html body .pb-39px {
  padding-bottom: 39px !important;
}
html body .px-39px {
  padding-left: 39px !important;
  padding-right: 39px !important;
}
html body .py-39px {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}
html body .m-39px {
  margin: 39px !important;
}
html body .ms-39px {
  margin-left: 39px !important;
}
html body .me-39px {
  margin-right: 39px !important;
}
html body .mt-39px {
  margin-top: 39px !important;
}
html body .mb-39px {
  margin-bottom: 39px !important;
}
html body .mx-39px {
  margin-left: 39px !important;
  margin-right: 39px !important;
}
html body .my-39px {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}
html body .gap-39px {
  gap: 39px;
}
html body .row.g-39px, html body .g-39px.form-row {
  --bs-gutter-y: 39px;
  --bs-gutter-x: 39px;
  margin: calc(-39px / 2);
}
html body .row.g-39px > *, html body .g-39px.form-row > * {
  padding: calc(39px / 2);
}
html body .row.gx-39px, html body .gx-39px.form-row {
  --bs-gutter-x: 39px;
  margin-left: calc(-39px / 2);
  margin-right: calc(-39px / 2);
}
html body .row.gx-39px > *, html body .gx-39px.form-row > * {
  padding-left: calc(39px / 2);
  padding-right: calc(39px / 2);
}
html body .row.gy-39px, html body .gy-39px.form-row {
  --bs-gutter-y: 39px;
  margin-top: calc(-39px / 2);
}
html body .row.gy-39px > *, html body .gy-39px.form-row > * {
  padding-top: calc(39px / 2);
  padding-bottom: calc(39px / 2);
}
html body .p-40px {
  padding: 40px !important;
}
html body .ps-40px {
  padding-left: 40px !important;
}
html body .pe-40px {
  padding-right: 40px !important;
}
html body .pt-40px {
  padding-top: 40px !important;
}
html body .pb-40px {
  padding-bottom: 40px !important;
}
html body .px-40px {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
html body .py-40px {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
html body .m-40px {
  margin: 40px !important;
}
html body .ms-40px {
  margin-left: 40px !important;
}
html body .me-40px {
  margin-right: 40px !important;
}
html body .mt-40px {
  margin-top: 40px !important;
}
html body .mb-40px {
  margin-bottom: 40px !important;
}
html body .mx-40px {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
html body .my-40px {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
html body .gap-40px {
  gap: 40px;
}
html body .row.g-40px, html body .g-40px.form-row {
  --bs-gutter-y: 40px;
  --bs-gutter-x: 40px;
  margin: calc(-40px / 2);
}
html body .row.g-40px > *, html body .g-40px.form-row > * {
  padding: calc(40px / 2);
}
html body .row.gx-40px, html body .gx-40px.form-row {
  --bs-gutter-x: 40px;
  margin-left: calc(-40px / 2);
  margin-right: calc(-40px / 2);
}
html body .row.gx-40px > *, html body .gx-40px.form-row > * {
  padding-left: calc(40px / 2);
  padding-right: calc(40px / 2);
}
html body .row.gy-40px, html body .gy-40px.form-row {
  --bs-gutter-y: 40px;
  margin-top: calc(-40px / 2);
}
html body .row.gy-40px > *, html body .gy-40px.form-row > * {
  padding-top: calc(40px / 2);
  padding-bottom: calc(40px / 2);
}
html body .p-41px {
  padding: 41px !important;
}
html body .ps-41px {
  padding-left: 41px !important;
}
html body .pe-41px {
  padding-right: 41px !important;
}
html body .pt-41px {
  padding-top: 41px !important;
}
html body .pb-41px {
  padding-bottom: 41px !important;
}
html body .px-41px {
  padding-left: 41px !important;
  padding-right: 41px !important;
}
html body .py-41px {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}
html body .m-41px {
  margin: 41px !important;
}
html body .ms-41px {
  margin-left: 41px !important;
}
html body .me-41px {
  margin-right: 41px !important;
}
html body .mt-41px {
  margin-top: 41px !important;
}
html body .mb-41px {
  margin-bottom: 41px !important;
}
html body .mx-41px {
  margin-left: 41px !important;
  margin-right: 41px !important;
}
html body .my-41px {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}
html body .gap-41px {
  gap: 41px;
}
html body .row.g-41px, html body .g-41px.form-row {
  --bs-gutter-y: 41px;
  --bs-gutter-x: 41px;
  margin: calc(-41px / 2);
}
html body .row.g-41px > *, html body .g-41px.form-row > * {
  padding: calc(41px / 2);
}
html body .row.gx-41px, html body .gx-41px.form-row {
  --bs-gutter-x: 41px;
  margin-left: calc(-41px / 2);
  margin-right: calc(-41px / 2);
}
html body .row.gx-41px > *, html body .gx-41px.form-row > * {
  padding-left: calc(41px / 2);
  padding-right: calc(41px / 2);
}
html body .row.gy-41px, html body .gy-41px.form-row {
  --bs-gutter-y: 41px;
  margin-top: calc(-41px / 2);
}
html body .row.gy-41px > *, html body .gy-41px.form-row > * {
  padding-top: calc(41px / 2);
  padding-bottom: calc(41px / 2);
}
html body .p-42px {
  padding: 42px !important;
}
html body .ps-42px {
  padding-left: 42px !important;
}
html body .pe-42px {
  padding-right: 42px !important;
}
html body .pt-42px {
  padding-top: 42px !important;
}
html body .pb-42px {
  padding-bottom: 42px !important;
}
html body .px-42px {
  padding-left: 42px !important;
  padding-right: 42px !important;
}
html body .py-42px {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
html body .m-42px {
  margin: 42px !important;
}
html body .ms-42px {
  margin-left: 42px !important;
}
html body .me-42px {
  margin-right: 42px !important;
}
html body .mt-42px {
  margin-top: 42px !important;
}
html body .mb-42px {
  margin-bottom: 42px !important;
}
html body .mx-42px {
  margin-left: 42px !important;
  margin-right: 42px !important;
}
html body .my-42px {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}
html body .gap-42px {
  gap: 42px;
}
html body .row.g-42px, html body .g-42px.form-row {
  --bs-gutter-y: 42px;
  --bs-gutter-x: 42px;
  margin: calc(-42px / 2);
}
html body .row.g-42px > *, html body .g-42px.form-row > * {
  padding: calc(42px / 2);
}
html body .row.gx-42px, html body .gx-42px.form-row {
  --bs-gutter-x: 42px;
  margin-left: calc(-42px / 2);
  margin-right: calc(-42px / 2);
}
html body .row.gx-42px > *, html body .gx-42px.form-row > * {
  padding-left: calc(42px / 2);
  padding-right: calc(42px / 2);
}
html body .row.gy-42px, html body .gy-42px.form-row {
  --bs-gutter-y: 42px;
  margin-top: calc(-42px / 2);
}
html body .row.gy-42px > *, html body .gy-42px.form-row > * {
  padding-top: calc(42px / 2);
  padding-bottom: calc(42px / 2);
}
html body .p-43px {
  padding: 43px !important;
}
html body .ps-43px {
  padding-left: 43px !important;
}
html body .pe-43px {
  padding-right: 43px !important;
}
html body .pt-43px {
  padding-top: 43px !important;
}
html body .pb-43px {
  padding-bottom: 43px !important;
}
html body .px-43px {
  padding-left: 43px !important;
  padding-right: 43px !important;
}
html body .py-43px {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}
html body .m-43px {
  margin: 43px !important;
}
html body .ms-43px {
  margin-left: 43px !important;
}
html body .me-43px {
  margin-right: 43px !important;
}
html body .mt-43px {
  margin-top: 43px !important;
}
html body .mb-43px {
  margin-bottom: 43px !important;
}
html body .mx-43px {
  margin-left: 43px !important;
  margin-right: 43px !important;
}
html body .my-43px {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}
html body .gap-43px {
  gap: 43px;
}
html body .row.g-43px, html body .g-43px.form-row {
  --bs-gutter-y: 43px;
  --bs-gutter-x: 43px;
  margin: calc(-43px / 2);
}
html body .row.g-43px > *, html body .g-43px.form-row > * {
  padding: calc(43px / 2);
}
html body .row.gx-43px, html body .gx-43px.form-row {
  --bs-gutter-x: 43px;
  margin-left: calc(-43px / 2);
  margin-right: calc(-43px / 2);
}
html body .row.gx-43px > *, html body .gx-43px.form-row > * {
  padding-left: calc(43px / 2);
  padding-right: calc(43px / 2);
}
html body .row.gy-43px, html body .gy-43px.form-row {
  --bs-gutter-y: 43px;
  margin-top: calc(-43px / 2);
}
html body .row.gy-43px > *, html body .gy-43px.form-row > * {
  padding-top: calc(43px / 2);
  padding-bottom: calc(43px / 2);
}
html body .p-44px {
  padding: 44px !important;
}
html body .ps-44px {
  padding-left: 44px !important;
}
html body .pe-44px {
  padding-right: 44px !important;
}
html body .pt-44px {
  padding-top: 44px !important;
}
html body .pb-44px {
  padding-bottom: 44px !important;
}
html body .px-44px {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
html body .py-44px {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
html body .m-44px {
  margin: 44px !important;
}
html body .ms-44px {
  margin-left: 44px !important;
}
html body .me-44px {
  margin-right: 44px !important;
}
html body .mt-44px {
  margin-top: 44px !important;
}
html body .mb-44px {
  margin-bottom: 44px !important;
}
html body .mx-44px {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
html body .my-44px {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
html body .gap-44px {
  gap: 44px;
}
html body .row.g-44px, html body .g-44px.form-row {
  --bs-gutter-y: 44px;
  --bs-gutter-x: 44px;
  margin: calc(-44px / 2);
}
html body .row.g-44px > *, html body .g-44px.form-row > * {
  padding: calc(44px / 2);
}
html body .row.gx-44px, html body .gx-44px.form-row {
  --bs-gutter-x: 44px;
  margin-left: calc(-44px / 2);
  margin-right: calc(-44px / 2);
}
html body .row.gx-44px > *, html body .gx-44px.form-row > * {
  padding-left: calc(44px / 2);
  padding-right: calc(44px / 2);
}
html body .row.gy-44px, html body .gy-44px.form-row {
  --bs-gutter-y: 44px;
  margin-top: calc(-44px / 2);
}
html body .row.gy-44px > *, html body .gy-44px.form-row > * {
  padding-top: calc(44px / 2);
  padding-bottom: calc(44px / 2);
}
html body .p-45px {
  padding: 45px !important;
}
html body .ps-45px {
  padding-left: 45px !important;
}
html body .pe-45px {
  padding-right: 45px !important;
}
html body .pt-45px {
  padding-top: 45px !important;
}
html body .pb-45px {
  padding-bottom: 45px !important;
}
html body .px-45px {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
html body .py-45px {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
html body .m-45px {
  margin: 45px !important;
}
html body .ms-45px {
  margin-left: 45px !important;
}
html body .me-45px {
  margin-right: 45px !important;
}
html body .mt-45px {
  margin-top: 45px !important;
}
html body .mb-45px {
  margin-bottom: 45px !important;
}
html body .mx-45px {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
html body .my-45px {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
html body .gap-45px {
  gap: 45px;
}
html body .row.g-45px, html body .g-45px.form-row {
  --bs-gutter-y: 45px;
  --bs-gutter-x: 45px;
  margin: calc(-45px / 2);
}
html body .row.g-45px > *, html body .g-45px.form-row > * {
  padding: calc(45px / 2);
}
html body .row.gx-45px, html body .gx-45px.form-row {
  --bs-gutter-x: 45px;
  margin-left: calc(-45px / 2);
  margin-right: calc(-45px / 2);
}
html body .row.gx-45px > *, html body .gx-45px.form-row > * {
  padding-left: calc(45px / 2);
  padding-right: calc(45px / 2);
}
html body .row.gy-45px, html body .gy-45px.form-row {
  --bs-gutter-y: 45px;
  margin-top: calc(-45px / 2);
}
html body .row.gy-45px > *, html body .gy-45px.form-row > * {
  padding-top: calc(45px / 2);
  padding-bottom: calc(45px / 2);
}
html body .p-46px {
  padding: 46px !important;
}
html body .ps-46px {
  padding-left: 46px !important;
}
html body .pe-46px {
  padding-right: 46px !important;
}
html body .pt-46px {
  padding-top: 46px !important;
}
html body .pb-46px {
  padding-bottom: 46px !important;
}
html body .px-46px {
  padding-left: 46px !important;
  padding-right: 46px !important;
}
html body .py-46px {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}
html body .m-46px {
  margin: 46px !important;
}
html body .ms-46px {
  margin-left: 46px !important;
}
html body .me-46px {
  margin-right: 46px !important;
}
html body .mt-46px {
  margin-top: 46px !important;
}
html body .mb-46px {
  margin-bottom: 46px !important;
}
html body .mx-46px {
  margin-left: 46px !important;
  margin-right: 46px !important;
}
html body .my-46px {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}
html body .gap-46px {
  gap: 46px;
}
html body .row.g-46px, html body .g-46px.form-row {
  --bs-gutter-y: 46px;
  --bs-gutter-x: 46px;
  margin: calc(-46px / 2);
}
html body .row.g-46px > *, html body .g-46px.form-row > * {
  padding: calc(46px / 2);
}
html body .row.gx-46px, html body .gx-46px.form-row {
  --bs-gutter-x: 46px;
  margin-left: calc(-46px / 2);
  margin-right: calc(-46px / 2);
}
html body .row.gx-46px > *, html body .gx-46px.form-row > * {
  padding-left: calc(46px / 2);
  padding-right: calc(46px / 2);
}
html body .row.gy-46px, html body .gy-46px.form-row {
  --bs-gutter-y: 46px;
  margin-top: calc(-46px / 2);
}
html body .row.gy-46px > *, html body .gy-46px.form-row > * {
  padding-top: calc(46px / 2);
  padding-bottom: calc(46px / 2);
}
html body .p-47px {
  padding: 47px !important;
}
html body .ps-47px {
  padding-left: 47px !important;
}
html body .pe-47px {
  padding-right: 47px !important;
}
html body .pt-47px {
  padding-top: 47px !important;
}
html body .pb-47px {
  padding-bottom: 47px !important;
}
html body .px-47px {
  padding-left: 47px !important;
  padding-right: 47px !important;
}
html body .py-47px {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}
html body .m-47px {
  margin: 47px !important;
}
html body .ms-47px {
  margin-left: 47px !important;
}
html body .me-47px {
  margin-right: 47px !important;
}
html body .mt-47px {
  margin-top: 47px !important;
}
html body .mb-47px {
  margin-bottom: 47px !important;
}
html body .mx-47px {
  margin-left: 47px !important;
  margin-right: 47px !important;
}
html body .my-47px {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}
html body .gap-47px {
  gap: 47px;
}
html body .row.g-47px, html body .g-47px.form-row {
  --bs-gutter-y: 47px;
  --bs-gutter-x: 47px;
  margin: calc(-47px / 2);
}
html body .row.g-47px > *, html body .g-47px.form-row > * {
  padding: calc(47px / 2);
}
html body .row.gx-47px, html body .gx-47px.form-row {
  --bs-gutter-x: 47px;
  margin-left: calc(-47px / 2);
  margin-right: calc(-47px / 2);
}
html body .row.gx-47px > *, html body .gx-47px.form-row > * {
  padding-left: calc(47px / 2);
  padding-right: calc(47px / 2);
}
html body .row.gy-47px, html body .gy-47px.form-row {
  --bs-gutter-y: 47px;
  margin-top: calc(-47px / 2);
}
html body .row.gy-47px > *, html body .gy-47px.form-row > * {
  padding-top: calc(47px / 2);
  padding-bottom: calc(47px / 2);
}
html body .p-48px {
  padding: 48px !important;
}
html body .ps-48px {
  padding-left: 48px !important;
}
html body .pe-48px {
  padding-right: 48px !important;
}
html body .pt-48px {
  padding-top: 48px !important;
}
html body .pb-48px {
  padding-bottom: 48px !important;
}
html body .px-48px {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
html body .py-48px {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
html body .m-48px {
  margin: 48px !important;
}
html body .ms-48px {
  margin-left: 48px !important;
}
html body .me-48px {
  margin-right: 48px !important;
}
html body .mt-48px {
  margin-top: 48px !important;
}
html body .mb-48px {
  margin-bottom: 48px !important;
}
html body .mx-48px {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
html body .my-48px {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
html body .gap-48px {
  gap: 48px;
}
html body .row.g-48px, html body .g-48px.form-row {
  --bs-gutter-y: 48px;
  --bs-gutter-x: 48px;
  margin: calc(-48px / 2);
}
html body .row.g-48px > *, html body .g-48px.form-row > * {
  padding: calc(48px / 2);
}
html body .row.gx-48px, html body .gx-48px.form-row {
  --bs-gutter-x: 48px;
  margin-left: calc(-48px / 2);
  margin-right: calc(-48px / 2);
}
html body .row.gx-48px > *, html body .gx-48px.form-row > * {
  padding-left: calc(48px / 2);
  padding-right: calc(48px / 2);
}
html body .row.gy-48px, html body .gy-48px.form-row {
  --bs-gutter-y: 48px;
  margin-top: calc(-48px / 2);
}
html body .row.gy-48px > *, html body .gy-48px.form-row > * {
  padding-top: calc(48px / 2);
  padding-bottom: calc(48px / 2);
}
html body .p-49px {
  padding: 49px !important;
}
html body .ps-49px {
  padding-left: 49px !important;
}
html body .pe-49px {
  padding-right: 49px !important;
}
html body .pt-49px {
  padding-top: 49px !important;
}
html body .pb-49px {
  padding-bottom: 49px !important;
}
html body .px-49px {
  padding-left: 49px !important;
  padding-right: 49px !important;
}
html body .py-49px {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}
html body .m-49px {
  margin: 49px !important;
}
html body .ms-49px {
  margin-left: 49px !important;
}
html body .me-49px {
  margin-right: 49px !important;
}
html body .mt-49px {
  margin-top: 49px !important;
}
html body .mb-49px {
  margin-bottom: 49px !important;
}
html body .mx-49px {
  margin-left: 49px !important;
  margin-right: 49px !important;
}
html body .my-49px {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}
html body .gap-49px {
  gap: 49px;
}
html body .row.g-49px, html body .g-49px.form-row {
  --bs-gutter-y: 49px;
  --bs-gutter-x: 49px;
  margin: calc(-49px / 2);
}
html body .row.g-49px > *, html body .g-49px.form-row > * {
  padding: calc(49px / 2);
}
html body .row.gx-49px, html body .gx-49px.form-row {
  --bs-gutter-x: 49px;
  margin-left: calc(-49px / 2);
  margin-right: calc(-49px / 2);
}
html body .row.gx-49px > *, html body .gx-49px.form-row > * {
  padding-left: calc(49px / 2);
  padding-right: calc(49px / 2);
}
html body .row.gy-49px, html body .gy-49px.form-row {
  --bs-gutter-y: 49px;
  margin-top: calc(-49px / 2);
}
html body .row.gy-49px > *, html body .gy-49px.form-row > * {
  padding-top: calc(49px / 2);
  padding-bottom: calc(49px / 2);
}
html body .p-50px {
  padding: 50px !important;
}
html body .ps-50px {
  padding-left: 50px !important;
}
html body .pe-50px {
  padding-right: 50px !important;
}
html body .pt-50px {
  padding-top: 50px !important;
}
html body .pb-50px {
  padding-bottom: 50px !important;
}
html body .px-50px {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
html body .py-50px {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
html body .m-50px {
  margin: 50px !important;
}
html body .ms-50px {
  margin-left: 50px !important;
}
html body .me-50px {
  margin-right: 50px !important;
}
html body .mt-50px {
  margin-top: 50px !important;
}
html body .mb-50px {
  margin-bottom: 50px !important;
}
html body .mx-50px {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
html body .my-50px {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
html body .gap-50px {
  gap: 50px;
}
html body .row.g-50px, html body .g-50px.form-row {
  --bs-gutter-y: 50px;
  --bs-gutter-x: 50px;
  margin: calc(-50px / 2);
}
html body .row.g-50px > *, html body .g-50px.form-row > * {
  padding: calc(50px / 2);
}
html body .row.gx-50px, html body .gx-50px.form-row {
  --bs-gutter-x: 50px;
  margin-left: calc(-50px / 2);
  margin-right: calc(-50px / 2);
}
html body .row.gx-50px > *, html body .gx-50px.form-row > * {
  padding-left: calc(50px / 2);
  padding-right: calc(50px / 2);
}
html body .row.gy-50px, html body .gy-50px.form-row {
  --bs-gutter-y: 50px;
  margin-top: calc(-50px / 2);
}
html body .row.gy-50px > *, html body .gy-50px.form-row > * {
  padding-top: calc(50px / 2);
  padding-bottom: calc(50px / 2);
}
html body main#main {
  padding: 0.75rem 1.25rem;
}
html body main#main app-title-bar {
  display: block;
  margin-bottom: 1rem;
}
html body .layout-container {
  margin-top: 71px !important;
  padding-top: 0px !important;
}
html body .container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 1300px) {
  html body .layout-content > .container-fluid > app-overview > div:first-child {
    height: 100%;
    display: flex;
    flex-flow: column;
  }
  html body .layout-content > .container-fluid > app-overview > div:first-child > div {
    flex: 1;
  }
  html body .layout-content > .container-fluid > app-overview > div:first-child > div > .row, html body .layout-content > .container-fluid > app-overview > div:first-child > div > .form-row {
    height: 100%;
  }
}
html body .content--box {
  padding: 0.9375rem 1.25rem;
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
  background-color: #fcfbf6;
  overflow: auto;
}
html body .content--box.small-padding {
  padding: 0.625rem;
}
html body .content--box.scrollable {
  min-width: 1250px;
  overflow: auto;
}
html body .content--box.flexible-height {
  max-height: calc(100vh - 675px);
}
@media (min-width: 768px) {
  html body .content--box.flexible-height {
    max-height: calc(100vh - 400px);
  }
}
@media (min-width: 768px) {
  html body div.sidebar-column--buttons .content--box {
    --oc-basic-gutter: 1rem;
    padding: var(--oc-basic-gutter);
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
    background-color: #fcfbf6;
  }
}
html body #fixed--col.is--scrolling {
  overflow: auto;
  position: fixed;
}
html body .scrolling--col {
  overflow-y: auto;
  overflow-x: hidden;
}
html body .scrolling--col .tree-node-level-1 {
  min-width: 230px;
  overflow: auto;
}
@media (min-width: 992px) {
  html body .scrolling--col + .content--column {
    padding-left: 2.5rem;
  }
}
@media (min-width: 992px) {
  html body .scrolling--col {
    max-height: calc(100vh - 11.5rem);
  }
}
html body .scrolling-x {
  overflow-x: auto;
  overflow-y: hidden;
}
html body .scrolling-y {
  overflow-y: auto;
  overflow-x: hidden;
}
html body .scrolling-xy {
  overflow: auto;
  max-width: 100%;
  max-height: 100%;
}
html body .sidebar-column--buttons {
  width: 15.625rem;
}
html body .sidebar-column--buttons .card.mb-3:last-child {
  margin-bottom: 0px !important;
}
@media (max-width: 767.98px) {
  html body .sidebar-column--buttons {
    margin-bottom: 1.5rem;
    max-height: 12.5rem;
    width: 100%;
  }
}
@media (min-width: 1300px) {
  html body .sidebar-column--buttons.double-width {
    width: 31.25rem;
  }
}
@media (min-width: 992px) {
  html body .fixed-width--column {
    max-width: 31.25rem;
  }
}
html body .systemconfig--wrapper {
  overflow: auto;
  margin: 25px auto;
}
@media (min-width: 992px) {
  html body .systemconfig--wrapper {
    max-height: calc(100vh - 50px);
    max-width: 85%;
  }
}
html body .detail--wrapper.edit--mode .fixed--mini-pass {
  display: block;
}
html body .detail--wrapper.pass--shown .pass--wrapper {
  max-width: 100vw;
  width: 100vw;
}
@media (min-width: 768px) {
  html body .detail--wrapper.pass--shown .pass--wrapper {
    width: 80vw;
  }
}
@media (min-width: 992px) {
  html body .detail--wrapper.pass--shown .pass--wrapper {
    width: 60vw;
  }
}
@media (min-width: 1300px) {
  html body .detail--wrapper.pass--shown .pass--wrapper {
    width: 50rem;
  }
}
html body .detail--wrapper.pass--shown .fixed--mini-pass {
  display: none;
}
html body .switch-content--wrapper {
  border-left: 3px solid #144263;
  border-bottom: 3px solid #144263;
  border-right: 3px solid #144263;
  padding: 0px;
  margin-bottom: 1.25rem;
}
html body .switch-content--wrapper > *:last-child {
  margin-bottom: 0px;
}
html body .switch-content--wrapper > *:last-child > *:last-child {
  margin-bottom: 0px;
}
html body .switch-content--wrapper .switch-content--select {
  margin-bottom: 0px;
}
html body .switch-content--wrapper .switch-content--select .select-wrapper {
  position: relative;
}
html body .switch-content--wrapper .switch-content--select .select-wrapper:before {
  font-family: "orgacard-icons";
  content: "\e9b4";
  display: inline-block;
  position: absolute;
  left: 10px;
  top: 9px;
  font-size: 15px;
  color: #fcfbf6;
}
html body .switch-content--wrapper .switch-content--select .select-wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  margin-top: -0.25rem;
  margin-left: -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  transition: all 0.3s;
  transform: rotate(-45deg);
  border-bottom: 0.0625rem solid white;
  border-left: 0.0625rem solid white;
}
html body .switch-content--wrapper .switch-content--select .select-wrapper select.form-control:not(:disabled) {
  color: #ffffff;
  background: #144263 !important;
  cursor: pointer;
  padding-left: 33px;
  border: 0px;
}
html body .switch-content--wrapper .switch-content--content {
  margin-bottom: 0px;
  padding: 1rem;
}
html body .switch-content--wrapper .switch-content--content .form--area:not(:last-child) {
  border-bottom: 1px solid #144263;
  margin-bottom: 1rem;
}
html body .bg-footer-theme {
  background-color: #1b354c !important;
  color: #fbf7e3;
}
html body .bg-footer-theme .footer-link {
  color: #fbf7e3;
}
html body .bg-footer-theme .footer-link:hover, html body .bg-footer-theme .footer-link:focus {
  color: #000000;
}
html body .bg-footer-theme .footer-link.disabled {
  color: #a1a9a7 !important;
}
html body .bg-footer-theme .footer-text {
  color: #000000;
}
html body .bg-footer-theme .show > .footer-link,
html body .bg-footer-theme .active > .footer-link,
html body .bg-footer-theme .footer-link.show,
html body .bg-footer-theme .footer-link.active {
  color: #000000;
}
html body .bg-footer-theme hr {
  border-color: rgba(0, 0, 0, 0.06);
}
html body .bg-sidenav-theme {
  background-color: #1b354c !important;
  color: #fbf7e3;
}
html body .bg-sidenav-theme .sidenav-link,
html body .bg-sidenav-theme .sidenav-horizontal-prev,
html body .bg-sidenav-theme .sidenav-horizontal-next {
  color: #fbf7e3;
}
html body .bg-sidenav-theme .sidenav-link:hover, html body .bg-sidenav-theme .sidenav-link:focus,
html body .bg-sidenav-theme .sidenav-horizontal-prev:hover,
html body .bg-sidenav-theme .sidenav-horizontal-prev:focus,
html body .bg-sidenav-theme .sidenav-horizontal-next:hover,
html body .bg-sidenav-theme .sidenav-horizontal-next:focus {
  color: #1b354c;
}
html body .bg-sidenav-theme .sidenav-link.active,
html body .bg-sidenav-theme .sidenav-horizontal-prev.active,
html body .bg-sidenav-theme .sidenav-horizontal-next.active {
  color: #1b354c;
}
html body .bg-sidenav-theme .sidenav-item.disabled .sidenav-link,
html body .bg-sidenav-theme .sidenav-horizontal-prev.disabled,
html body .bg-sidenav-theme .sidenav-horizontal-next.disabled {
  color: #a1a9a7 !important;
}
html body .bg-sidenav-theme .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
html body .bg-sidenav-theme .sidenav-item.active > .sidenav-link {
  color: #1b354c;
}
html body .bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #fcfbf6;
}
html body .bg-sidenav-theme.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #fcfbf6;
}
html body .bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu, html body .bg-sidenav-theme.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
  background: #fcfbf6;
}
html body .bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
html body .bg-sidenav-theme .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
  background: transparent;
  color: #fbf7e3;
}
html body .bg-sidenav-theme .sidenav-text {
  color: #1b354c;
}
html body .bg-sidenav-theme .sidenav-header {
  color: #c3c7bd;
}
html body .bg-sidenav-theme hr,
html body .bg-sidenav-theme .sidenav-divider,
html body .bg-sidenav-theme .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
  border-color: rgba(27, 53, 76, 0.06) !important;
}
html body .bg-sidenav-theme .sidenav-inner > .sidenav-header::before,
html body .bg-sidenav-theme .sidenav-block::before {
  background-color: rgba(27, 53, 76, 0.06);
}
html body .bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
  background-color: #efefec;
}
html body .bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  background-color: #1b354c;
}
html body .bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
html body .bg-sidenav-theme .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  box-shadow: 0 0 0 2px #fcfbf6;
}
html body .bg-sidenav-theme .ps__thumb-y,
html body .bg-sidenav-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(27, 53, 76, 0.7249443137) !important;
}
html body .bg-sidenav-theme.sidenav-vertical .app-brand {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #144263;
  height: 4.125rem;
}
html body .bg-sidenav-theme.sidenav-vertical .app-brand .app-brand-text {
  margin: 0 auto;
}
@media (max-width: 768px) {
  html body .bg-sidenav-theme.sidenav-vertical .app-brand .layout-sidenav-toggle {
    padding: 0.31rem 0.5rem !important;
    background-color: #144263;
  }
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-header {
  padding-left: 0px;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner hr,
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-divider, html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
  border-color: #144263 !important;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-menu {
  padding: 0px;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-menu .sidenav-link {
  padding-left: 1.25rem;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-item.active .sidenav-toggle.sidenav-link {
  color: #fbf7e3;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-link:focus,
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-link:hover,
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-horizontal-prev:hover,
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-horizontal-prev:focus,
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-horizontal-next:hover,
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-horizontal-next:focus {
  background-color: #fcfbf6;
  color: #1b354c;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner > .sidenav-item {
  margin-bottom: 1rem;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-item {
  background-color: #144263;
  border-top: 1px solid #1b354c;
}
html body .bg-sidenav-theme.sidenav-vertical .sidenav-inner .sidenav-item.active.open > .sidenav-toggle:first-child {
  background-color: #5b92b7;
  color: #000000;
}
html body .reset--filter {
  margin-top: 5px;
  text-decoration: underline;
  display: inline-block;
  font-size: 0.8125rem;
}
html body .recipe-detail--wrapper .article--element:not(:last-child) {
  margin-bottom: 1rem;
}
html body .recipe-detail--wrapper .collapsable--infos .line--1 button.toggle-extrainformations {
  font-size: 2rem;
  line-height: 1;
}
html body .recipe-detail--wrapper .collapsable--infos .line--2 {
  margin-top: 5px;
}
html body .recipe-detail--wrapper .collapsable--infos .line--2 button.toggle-extrainformations {
  font-size: 1.5rem;
  line-height: 0;
  padding: 0px;
}
html body .recipe-detail--wrapper .production--wrapper textarea {
  height: 2.5rem;
}
html body .recipe-detail--wrapper .production--wrapper button.btn.btn-link {
  color: #ffffff;
}
html body .recipe-detail--wrapper .production--wrapper .step--toggler {
  width: 100%;
}
html body .recipe-detail--wrapper .production--wrapper .step--toggler .step--title {
  display: inline-block;
  width: 6.875rem;
}
html body .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper {
  padding: 2px;
}
html body .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper .btn.action--btn.btn-sm, html body .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper .button--wrapper a.btn.btn-sm:not(.action--btn), html body .button--wrapper .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper a.btn.btn-sm:not(.action--btn), html body .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper .button--wrapper button.btn.btn-sm:not(.action--btn), html body .button--wrapper .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper button.btn.btn-sm:not(.action--btn) {
  height: auto;
  border-radius: 5px;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
}
html body .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper .btn.action--btn.btn-sm i:before, html body .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper .button--wrapper a.btn.btn-sm:not(.action--btn) i:before, html body .button--wrapper .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper a.btn.btn-sm:not(.action--btn) i:before, html body .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper .button--wrapper button.btn.btn-sm:not(.action--btn) i:before, html body .button--wrapper .recipe-detail--wrapper .production--wrapper .step--toggler .manual-sort--wrapper button.btn.btn-sm:not(.action--btn) i:before {
  top: -4px;
  font-size: 0.3125rem;
}
html body .recipe-detail--wrapper .production--wrapper .production--step .step--desc {
  background-color: #fbf7e3;
  border-bottom: 1px solid #144263;
  border-top: 1px solid #144263;
  margin-bottom: 1rem;
}
html body .recipe-detail--wrapper .production--wrapper .production--step .show--pass {
  padding: 0px;
  font-size: 0.9375rem;
}
html body .recipe-detail--wrapper .production--wrapper .production--step .contained-recipes--wrapper {
  margin-top: 1rem;
}
html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipes, html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipe-articles {
  margin-top: 0.625rem;
  padding: 0.625rem;
  background-color: #fbf7e3;
  border-bottom: 1px solid #144263;
  border-top: 1px solid #144263;
  position: relative;
}
html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipes label, html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipe-articles label {
  line-height: 2.25rem;
}
html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipes .amount--data, html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipe-articles .amount--data {
  max-width: 18.75rem;
  margin: 0 0 0 auto;
}
html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipes .custom-control, html body .recipe-detail--wrapper .production--wrapper .production--step .contained--recipe-articles .custom-control {
  margin-bottom: 0px;
}
html body .recipe-detail--wrapper .recipe--basedata-wrapper .selectedRecipeGroup {
  width: 7.8125rem;
}
html body .recipe-detail--wrapper .recipe--basedata-wrapper .selectedRecipeGroup .mb--header {
  padding: 0.625rem;
  height: 6.25rem;
  text-align: center;
}
html body .recipe-detail--wrapper .recipe--basedata-wrapper .selectedRecipeGroup .mb--header img {
  max-height: 4.6875rem;
  max-width: 100%;
}
html body .recipe-detail--wrapper .amount--wrapper .amount--inner .article--wrapper {
  overflow: auto;
}
html body .recipe-detail--wrapper .amount--wrapper .amount--inner .article--wrapper .amount--desc {
  min-width: 42.1875rem;
  padding: 0.625rem 0.3125rem 0.3125rem 0.3125rem !important;
  margin-bottom: 0.5rem;
}
html body .recipe-detail--wrapper .amount--wrapper .amount--inner .article--wrapper .amount--desc .img--col {
  text-align: center;
  display: flex;
  justify-content: center;
}
html body .recipe-detail--wrapper .amount--wrapper .amount--inner .article--wrapper .amount--desc .img--col img {
  max-height: 4.0625rem;
}
html body .recipe-detail--wrapper .amount--wrapper .amount--inner .article--wrapper .amount--desc .info--row {
  margin-bottom: 0.5rem;
}
html body .manual-sort--wrapper {
  padding: 5px;
  border-radius: 5px;
  background-color: #f3f3f3;
  display: inline-block;
}
html body .manual-sort--wrapper button {
  display: inline-block;
}
html body .manual-sort--wrapper button i.oc-arrow-up:before {
  position: relative;
  font-size: 7px;
  line-height: 1;
  top: -2px;
}
html body .manual-sort--wrapper button i.oc-arrow-down:before {
  font-size: 7px;
}
html body .recipegroup--wrapper .title-background {
  color: #ffffff;
}
html body .recipegroup--wrapper .recipegroup-flex-row {
  display: flex;
  align-items: end;
  padding-bottom: 0.9375rem;
  margin-bottom: 0.9375rem;
  border-bottom: 1px solid black;
}
html body .recipe--search-wrapper .mini--box.selected--recipe-group {
  width: 6.25rem;
}
html body .recipe--search-wrapper .mini--box.selected--recipe-group .mb--header {
  padding: 0.46875rem;
}
html body .recipe--search-wrapper .mini--box.selected--recipe-group .mb--text {
  padding: 0.3125rem 0.3125rem 0.1875rem 0.3125rem;
  min-height: 2rem;
}
html body .recipe-group--parent-list .recipe-group--parent .card > .card-header {
  padding: 0.5rem;
}
html body .recipe-group--parent-list .recipe-group--parent .card > .card-header .card-header-text {
  display: block;
  width: 100%;
}
html body .recipe-group--parent-list .recipe-group--parent .card > .card-header .card-header-text .recipe-group--image {
  font-size: 3vw;
  width: 10.5vw;
  line-height: 1.3;
}
@media (min-width: 992px) {
  html body .recipe-group--parent-list .recipe-group--parent .card > .card-header .card-header-text .recipe-group--image {
    font-size: 1.75rem;
    width: 110px;
  }
}
html body .recipe-group--parent-list .recipe-group--parent .card > .card-header .card-header-text .recipe-group--title {
  font-size: 1rem;
}
html body .recipe-group--parent-list .card-body {
  padding-bottom: 0px;
}
html body .recipe-group--parent-list .card-body .recipe-group--child-list > .row > div, html body .recipe-group--parent-list .card-body .recipe-group--child-list > .form-row > div {
  margin-bottom: 1.5rem;
}
html body .recipe-group--parent-list .card-body .recipe-group--child-list > .row > div .mini--box.recipe--group, html body .recipe-group--parent-list .card-body .recipe-group--child-list > .form-row > div .mini--box.recipe--group {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  max-width: none !important;
}
html body .recipe-group--parent-list .card-body .recipe-group--child-list > .row > div .mini--box.recipe--group .mb--header, html body .recipe-group--parent-list .card-body .recipe-group--child-list > .form-row > div .mini--box.recipe--group .mb--header {
  padding: 0.625rem;
}
html body .recipe-group--parent-list .card-body .recipe-group--child-list > .row > div .mini--box.recipe--group .mb--header img, html body .recipe-group--parent-list .card-body .recipe-group--child-list > .form-row > div .mini--box.recipe--group .mb--header img {
  height: 65px;
  margin: 0;
  max-width: 100%;
}
html body .recipe-group--parent-list .card-body .recipe-group--child-list > .row > div .mini--box.recipe--group .mb--text, html body .recipe-group--parent-list .card-body .recipe-group--child-list > .form-row > div .mini--box.recipe--group .mb--text {
  min-height: 2.125rem;
}
@media (min-width: 992px) {
  html body .recipe-group--parent-list .card-body .recipe-group--child-list > .row > div .mini--box.recipe--group .mb--text, html body .recipe-group--parent-list .card-body .recipe-group--child-list > .form-row > div .mini--box.recipe--group .mb--text {
    font-size: 0.875rem;
  }
}
html body .recipe-group--parent-list .card-body .recipe-group--child-list > .row > div .mini--box.recipe--group .mb--text > span, html body .recipe-group--parent-list .card-body .recipe-group--child-list > .form-row > div .mini--box.recipe--group .mb--text > span {
  line-height: 1.15;
  font-size: 0.75rem;
}
html body .modal-body .result--article {
  padding: 0.625rem;
  width: 65.625rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  html body .modal-body .result--article {
    padding: 0rem 0rem 0rem 0.625rem;
  }
}
@media (min-width: 1300px) {
  html body .modal-body .result--article {
    width: 100%;
  }
}
html body .modal-body .result--article:not(:last-child) {
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  html body .modal-body .result--article:not(:last-child) {
    margin-bottom: 5px;
  }
}
html body .modal-body .result--article.disabled {
  opacity: 0.75;
  background-color: #a3a4a6;
}
html body .modal-body .result--article.disabled button.btn-danger {
  cursor: default;
}
html body .modal-body .result--article .row, html body .modal-body .result--article .form-row {
  height: 100%;
}
html body .modal-body .result--article .row .action--col, html body .modal-body .result--article .form-row .action--col {
  margin-top: 5px;
}
@media (min-width: 992px) {
  html body .modal-body .result--article .row .action--col, html body .modal-body .result--article .form-row .action--col {
    margin-top: 0px;
  }
}
html body .modal-body .result--article .row .btn, html body .modal-body .result--article .form-row .btn {
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  max-width: 100%;
}
html body .modal-body .result--article .row .btn i, html body .modal-body .result--article .form-row .btn i {
  font-size: 1.625rem;
  line-height: 1;
  position: relative;
  top: 3px;
  color: #ffffff;
}
html body .modal-body .result--article .row.line--2 .btn.btn-lg, html body .modal-body .result--article .line--2.form-row .btn.btn-lg {
  width: 75px;
}
html body .fixed-recipe-image--holder {
  display: block;
  width: 70px;
  margin-right: 15px;
}
html body .fixed-recipe-image {
  width: 70px;
  height: auto;
}
html body .contract--wrapper .contract--select tbody tr:hover, html body .contract--wrapper .contract--select tbody tr:focus, html body .contract--wrapper .contract--select tbody tr:active {
  cursor: pointer;
  background-color: #ffea80;
}
html body .supplier--card .card-header {
  padding: 0px;
  border-bottom: 1px solid;
}
html body .supplier--card .card-header .card-img-top {
  border-bottom: 0px;
}
html body .basedata-overview--wrapper .custom-title-row {
  background-color: #1b354c;
  width: 100%;
}
html body .basedata-overview--wrapper .title-column {
  background-color: #fbf7e3;
}
html body .userrole-select--wrapper table tr td:first-child, html body .userrole-select--wrapper table tr th:first-child {
  width: 2.1875rem;
  text-align: center;
}
html body #selectBaseArticleModal {
  /*
  .product--line{
      td{
          &.setfav{
              width: rem(65px);
              > a{
                  max-height: none;
                  height: rem(86px);
                  width: rem(61px);
                  line-height: rem(86px);
                  font-size: rem(22px);
              }
          }

          &.image{
              width: rem(75px);
          }

          &.title{
              width: rem(186px);
              strong{
                  display: block;
                  line-height: 1.2;
              }
          }

          &.certicates{
              width: rem(75px);
              text-align: center;
              span{
                  display: block;
              }
          }

          &.brand{
              width: rem(150px);
              text-align: center;
          }

          &.package{
              width: rem(229px);

              .mini--box{
                  width: rem(125px);
              }
          }

          &.buttons{
              text-align: right;
              width: rem(120px);

              > button{
                  max-height: none;
                  height: rem(86px);
                  width: rem(61px);
                  line-height: rem(86px);
                  font-size: rem(22px);
              }
          }
      }
  }
   */
}
html body #selectReplacementArticleModal {
  /*
  .product--line{
      td{

          &.set{
              width: rem(50px);
          }

          &.setfav{
              width: rem(65px);
              > a{
                  max-height: none;
                  height: rem(86px);
                  width: rem(61px);
                  line-height: rem(86px);
                  font-size: rem(22px);
              }
          }

          &.image{
              width: rem(75px);
          }

          &.title{
              width: rem(186px);
              strong{
                  display: block;
                  line-height: 1.2;
              }
          }

          &.certicates{
              width: rem(75px);
              text-align: center;
              span{
                  display: block;
              }
          }

          &.brand{
              width: rem(150px);
              text-align: center;
          }

          &.package{
              width: rem(120px);

              .mini--box{
                  width: rem(125px);
              }
          }

          &.buttons{
              text-align: right;
              width: rem(185px);

              > button{
                  max-height: none;
                  height: rem(86px);
                  width: rem(61px);
                  line-height: rem(86px);
                  font-size: rem(22px);
              }
          }
      }
  }

   */
}
html body #costcenter-overview .costcenter-tree--holder .modal-footer {
  padding: 0px;
  border: 0px;
}
html body #costcenter-overview .costcenter-tree--holder .modal-footer .button--wrapper {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  width: 100%;
}
html body .collapse-icon {
  position: relative;
  display: block;
  align-self: center;
  width: auto;
  margin-right: 4px;
  margin-top: 4px;
  height: auto;
  color: var(--oc-light-font-color);
}
html body .collapse-icon:after {
  font-family: "orgacard-icons";
  border: 0px;
  content: "\ea44";
  position: static;
  width: auto;
  height: auto;
  font-size: 8px;
}
html body [aria-expanded=true] .collapse-icon::after {
  transform: rotate(180deg);
}
html body #accordion-supplierCostcentersDeliveryTerms {
  padding: 0 0 1.5rem 1.5rem !important;
}
html body .accordion {
  display: block;
}
html body .accordion + .accordion {
  margin-top: 0.35rem;
}
html body .accordion.p-0 .card {
  border: 0px !important;
  border-radius: 0px !important;
}
html body .accordion.p-0 .card > div[role=tabpanel] > .card-body {
  padding: 0px;
}
html body .accordion[class*=bg-] {
  background-color: transparent !important;
}
html body .accordion.bg-warning .card .card-header {
  background-color: var(--bs-warning);
}
html body .accordion.bg-warning .card .card-header .card-header-text, html body .accordion.bg-warning .card .card-header .collapse-icon:after {
  color: var(--oc-dark-font-color);
}
html body .accordion.bg-danger .card .card-header {
  background-color: var(--bs-danger);
}
html body .accordion.bg-danger .card .card-header .card-header-text, html body .accordion.bg-danger .card .card-header .collapse-icon:after {
  color: var(--oc-dark-font-color);
}
html body .accordion.bg-success .card .card-header {
  background-color: var(--bs-success);
}
html body .accordion.bg-success .card .card-header .card-header-text, html body .accordion.bg-success .card .card-header .collapse-icon:after {
  color: var(--oc-dark-font-color);
}
html body .accordion.bg-info .card .card-header {
  background-color: var(--bs-info);
}
html body .accordion.bg-info .card .card-header .card-header-text, html body .accordion.bg-info .card .card-header .collapse-icon:after {
  color: var(--oc-dark-font-color);
}
html body .accordion.bg-gray .card .card-header {
  background-color: var(--bs-gray);
}
html body .accordion.bg-gray .card .card-header .card-header-text, html body .accordion.bg-gray .card .card-header .collapse-icon:after {
  color: var(--oc-light-font-color);
}
html body .accordion.bg-gray-light .card .card-header {
  background-color: var(--bs-gray-light);
}
html body .accordion.bg-gray-light .card .card-header .card-header-text, html body .accordion.bg-gray-light .card .card-header .collapse-icon:after {
  color: var(--oc-dark-font-color);
}
html body .accordion.bg-gray-dark .card .card-header {
  background-color: var(--bs-gray-dark);
}
html body .accordion.bg-gray-dark .card .card-header .card-header-text, html body .accordion.bg-gray-dark .card .card-header .collapse-icon:after {
  color: var(--oc-light-font-color);
}
html body .accordion:not([class*=bg-]) > .card > .card-header {
  background-color: #1b354c;
}
html body .accordion > .card {
  margin-bottom: 0.35rem;
  border-radius: 0px;
}
html body .accordion > .card .card-header {
  padding: 1rem 0.75rem;
  font-size: 14px;
  margin-bottom: 0px;
}
html body .accordion > .card .card-header .btn-link:hover {
  opacity: 1;
}
html body .accordion > .card .card-header .btn-link .button-wrapper {
  position: absolute;
  right: 46px;
  top: 0px;
  z-index: 50;
}
html body .accordion > .card .card-header .btn-link .button-wrapper > .btn {
  min-height: 2.625rem;
  min-width: 2.625rem;
  line-height: 2.625rem;
}
html body .accordion > .card .card-header[role=tab] {
  height: auto;
  color: #ffffff;
}
html body .accordion > .card .card-header[role=tab]:last-child {
  border-bottom: 0;
}
html body .accordion > .card .card-header[role=tab] .form-control {
  padding: 0rem 0.3125rem;
  height: auto;
}
html body .accordion > .card .card-header[role=tab] button {
  line-height: 1.54;
}
html body .accordion > .card .accordion:not([class*=bg-]) > .card > .card-header {
  background-color: #144263;
}
html body .accordion > .card .accordion .card .card-header {
  padding: 0.625rem 0.75rem;
}
html body .accordion > .card .accordion .card .accordion:not([class*=bg-]) > .card > .card-header {
  background-color: #144263;
}
html body .accordion > .card .accordion .card .accordion .card > .card-header {
  padding: 0.5rem 0.75rem;
}
html body .toast-container .toast-error {
  background-color: #D8443A !important;
}
html body .toast-container .toast-error .toast-title, html body .toast-container .toast-error .toast-message {
  color: #fbf7e3 !important;
}
html body .toast-container .toast-info {
  background-color: #5b92b7 !important;
}
html body .toast-container .toast-info .toast-title, html body .toast-container .toast-info .toast-message {
  color: #000000 !important;
}
html body .toast-container .toast-warning {
  background-color: var(--bs-warning) !important;
}
html body .toast-container .toast-warning .toast-title, html body .toast-container .toast-warning .toast-message {
  color: #000000 !important;
}
html body .toast-container .toast-success {
  background-color: #03bc78 !important;
}
html body .toast-container .toast-success .toast-title, html body .toast-container .toast-success .toast-message {
  color: #000000 !important;
}
html body #toast-container > .ngx-toastr {
  background-size: 28px;
  background-repeat: no-repeat;
}
html body #toast-container > .toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23000000' d='M256 90c44.3 0 86 17.3 117.4 48.6C404.7 170 422 211.7 422 256s-17.3 86-48.6 117.4C342 404.7 300.3 422 256 422s-86-17.3-117.4-48.6C107.3 342 90 300.3 90 256s17.3-86 48.6-117.4C170 107.3 211.7 90 256 90m0-42C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z'/%3E%3Cpath fill='%23000000' d='M277 360h-42V235h42v125zm0-166h-42v-42h42v42z'/%3E%3C/svg%3E") !important;
}
html body #toast-container > .toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23fbf7e3' d='M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z'/%3E%3C/svg%3E") !important;
}
html body #toast-container > .toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23000000' d='M186.301 339.893L96 249.461l-32 30.507L186.301 402 448 140.506 416 110z'/%3E%3C/svg%3E") !important;
}
html body #toast-container > .toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23000000' d='M32 464h448L256 48 32 464zm248-64h-48v-48h48v48zm0-80h-48v-96h48v96z'/%3E%3C/svg%3E") !important;
  background-size: 25px;
}
html body[dir=rtl] #toast-container > .toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23000000' d='M96 110l-32 30.5L325.7 402L448 280l-32-30.5l-90.3 90.4L96 110z'/%3E%3C/svg%3E") !important;
}
html body .separator {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 0.83125rem;
  color: #144263;
  margin-bottom: 0.75rem;
  margin-top: 0.75rem;
}
html body .separator:before, html body .separator:after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #144263;
}
html body .separator:before {
  margin-right: 0.25em;
}
html body .separator:after {
  margin-left: 0.25em;
}
html body .custom-scrollable-element {
  max-height: calc(100vh - 375px);
  overflow-y: auto;
}
html body .loading-overlay .app-splash-screen {
  background: rgba(255, 255, 255, 0.3);
  position: fixed;
  display: block;
  z-index: 99999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
html body .loading-overlay .app-splash-screen .app-splash-screen-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: appSplashScreenAnimation 1.2s ease-in-out 0s infinite;
  animation: appSplashScreenAnimation 1.2s ease-in-out 0s infinite;
}
html body .loading-overlay .app-splash-screen .app-splash-screen-content img {
  width: 4.6875rem;
}
@-webkit-keyframes appSplashScreenAnimation {
  0%, 20% {
    transform: translate3d(-50%, -50%, 0) rotateY(0);
  }
  50% {
    transform: translate3d(-50%, -50%, 0) rotateY(180deg);
  }
  80%, 100% {
    transform: translate3d(-50%, -50%, 0) rotateY(360deg);
  }
}
@keyframes appSplashScreenAnimation {
  0%, 20% {
    transform: translate3d(-50%, -50%, 0) rotateY(0);
  }
  50% {
    transform: translate3d(-50%, -50%, 0) rotateY(180deg);
  }
  80%, 100% {
    transform: translate3d(-50%, -50%, 0) rotateY(360deg);
  }
}
html body .button--wrapper {
  padding: 0.625rem;
  text-align: right;
  margin-top: calc(var(--oc-basic-gutter) * 1.5);
  border: 1px solid rgba(24, 28, 33, 0.06);
  margin-bottom: var(--oc-basic-gutter);
}
html body .action--card {
  text-align: center;
}
html body .action--card:not(:last-child) {
  margin-bottom: 1rem;
}
html body .action--card .h5.card-title {
  display: block;
  font-size: 1rem;
}
html body .alert {
  padding: 0.625rem 0.9375rem;
  font-size: 0.875rem;
  border: 0px;
}
html body .alert.alert-danger {
  background-color: #D8443A;
  color: #ffffff;
}
html body .alert.alert-info {
  border: 1px solid #1b354c;
  background-color: #e7eff8;
  color: #1b354c;
}
html body .alert.alert-info .alert-heading {
  background-color: #f3f8fd;
}
html body .alert .alert-heading {
  font-size: 1rem;
  font-weight: 700;
  margin: -0.5rem -0.9375rem 0.5rem -0.9375rem;
  padding: 0.5rem 0.9375rem 0.5rem 0.9375rem;
  display: block;
}
html body .alert .alert-heading i {
  margin-right: 10px;
  font-size: 1.125rem;
}
html body .alert > div:before {
  content: "-";
  display: inline-block;
  padding-right: 0.1875rem;
}
html body .fixed--mini-pass {
  position: fixed;
  width: 10.9375rem;
  bottom: 0;
  right: -8.125rem;
  z-index: 1500;
  display: none;
  transition: right 0.3s ease;
}
html body .fixed--mini-pass:hover {
  right: 0;
}
html body .fixed--mini-pass .card .card-header {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  height: 4.6875rem;
}
html body .fixed--mini-pass .card .card-header .card-img-top {
  max-width: 7.8125rem;
}
html body .fixed--mini-pass .card .card-body h5.contact-content-name {
  margin-bottom: 5px;
}
html body .mini--box {
  text-align: center;
  border: 1px solid #144263;
  display: inline-block;
  background-color: #144263;
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
  margin: 0 1px;
  position: relative;
}
html body .mini--box.is--clickable {
  cursor: pointer;
}
html body .mini--box.is--clickable:hover .mb--header {
  background-color: #5b92b7;
}
html body .mini--box.is--selected .mb--header {
  background-color: #5b92b7;
}
html body .mini--box.col {
  display: flex;
  flex-direction: column;
}
html body .mini--box.type-2 .mb--header {
  background-color: #707070;
}
html body .mini--box.with-image .mb--header {
  min-height: 6.25rem;
}
html body .mini--box.with-image .mb--header img {
  max-height: 75px;
}
html body .mini--box .mb--header {
  background-color: #144263;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 0.125rem 0.3125rem;
  line-height: 1.1;
  min-height: 2rem;
  display: flex;
  width: 100%;
  align-items: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  justify-content: center;
  transition: all 0.3s ease;
  flex-flow: row wrap;
}
html body .mini--box .mb--header > span {
  display: inline-block;
  margin: 0 auto;
}
html body .mini--box .mb--header img {
  margin: 10px 0px;
}
html body .mini--box .mb--header i {
  font-size: 1.875rem;
  margin: 5px auto;
}
html body .mini--box .mb--header + .mb--header {
  border-top: 3px solid #ffffff;
}
html body .mini--box .mb--text {
  padding: 0.25rem;
  font-size: 0.6875rem;
  background-color: #ffffff;
  flex-grow: 1;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  -webkit-hyphens: auto;
          hyphens: auto;
}
html body .mini--box .mb--text > span {
  display: block;
  line-height: 1;
}
html body .mini--box .mb--text .form-group {
  margin-bottom: 0px;
  width: 100%;
}
html body .mini--box .mb--text .form-group input.form-control {
  height: auto;
  padding: 0 0.3125rem;
  font-size: 0.875rem;
  text-align: right;
}
html body .mini--box .mb--text .form-group input.form-control:disabled {
  border: 0px;
}
html body .mini--box .mb--text .form-group .input-group .input-group-append .input-group-text,
html body .mini--box .mb--text .form-group .input-group .input-group-prepend .input-group-text {
  font-size: 0.6875rem;
  padding: 0.125rem;
  min-width: 1.5625rem;
}
html body p.mini--box {
  display: block;
}
html body p.mini--box:not(:last-child) {
  margin-bottom: 1rem;
}
html body .filter--elements {
  text-align: right;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
html body .filter--elements select {
  width: auto;
  margin: 0 0 0 auto;
  height: 2rem;
  font-size: 0.75rem;
  padding: 0rem 2.5rem 0rem 0.8125rem;
  min-width: 9.375rem;
  line-height: 2rem;
}
html body .title--bar .filter--elements {
  text-align: right;
  margin: 0 0 0.75rem auto;
}
html body .title--bar .filter--elements select {
  width: auto;
  margin: 0 0 0 auto;
  height: 2.5rem;
  font-size: 0.8125rem;
  padding: 0rem 2.5rem 0rem 0.8125rem;
  min-width: 9.375rem;
  line-height: 2.5rem;
}
html body .selected--image {
  position: relative;
  text-align: right;
}
html body .selected--image .remove--image {
  position: absolute;
  right: 5px;
  top: 5px;
}
html body .badge {
  vertical-align: middle;
  padding: 0.45em 0.417em;
}
html body .badge + .badge {
  margin-top: 5px;
}
html body .fav--button {
  display: block;
  line-height: 1;
  cursor: pointer;
}
html body .fav--button i {
  font-size: 1.625rem;
}
html body .fav--button i:last-child {
  display: none;
}
html body .fav--button.is--fav i {
  display: none;
}
html body .fav--button.is--fav i + i {
  display: block;
}
html body .progress--bar:not(.mat-stepper-horizontal) {
  margin-bottom: 1.875rem;
  background-color: #fcfbf6;
  border: 1px solid #a3a4a6;
  padding: 0.625rem 0.9375rem;
}
html body .progress--bar ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  margin: 0px;
  position: relative;
}
html body .progress--bar ul:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 1px;
  background-color: #144263;
}
html body .progress--bar ul > li.progress--step {
  display: flex;
  text-align: center;
}
html body .progress--bar ul > li.progress--step > span {
  display: inline-block;
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 100%;
  text-align: center;
  line-height: 2.6875rem;
  font-size: 1rem;
  border: 2px solid #144263;
  background-color: #ffffff;
  font-weight: 700;
  z-index: 1;
}
html body .progress--bar ul > li.progress--step > span i {
  position: relative;
  top: 3px;
}
html body .progress--bar ul > li.progress--step.done > span {
  background-color: #03bc78;
  color: #ffffff;
}
html body .progress--bar ul > li.progress--step.active > span {
  background-color: #144263;
  color: #ffffff;
}
html body .select-item--wrapper {
  margin-bottom: 30px;
  display: block;
}
html body .select-item--wrapper .select-item--inner {
  position: relative;
  display: inline-block;
}
html body .select-item--wrapper .row > div, html body .select-item--wrapper .form-row > div {
  position: static;
}
html body .select-item--wrapper .select--button-box {
  max-width: 12.5rem;
  height: 100%;
}
html body .select-item--wrapper .select--button-box img {
  max-width: 100%;
  max-height: 100px;
}
html body .select-item--wrapper .select--button-box .btn {
  height: auto !important;
}
html body .select-item--wrapper .select--button-box .btn.image-btn {
  height: 100% !important;
}
html body .select-item--wrapper .selected--item-box {
  max-width: 25rem;
  color: #ffffff;
  background-color: #144263;
  padding-left: 0.9375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
html body .select-item--wrapper .selected--item-box strong {
  display: block;
}
html body .select-item--wrapper .selected--item-box span {
  display: block;
}
html body .product--line td {
  width: 1px;
}
html body .product--line td.set {
  width: 3.125rem;
}
html body .product--line td.setfav {
  width: 3.8125rem;
}
html body .product--line td.setfav > a {
  max-height: none;
  font-size: 1.375rem;
}
html body .product--line td.title {
  width: 11.625rem;
}
html body .product--line td.title strong {
  display: block;
  line-height: 1.2;
}
html body .product--line td.certicates {
  text-align: center;
}
html body .product--line td.certicates span {
  display: block;
}
html body .product--line td.brand {
  width: 9.375rem;
  text-align: center;
}
html body .product--line td.package {
  text-align: right;
}
html body .product--line td.package .mini--box {
  width: 6.875rem;
}
html body .product--line td.package + .package {
  padding-left: 0px;
}
html body .product--line td.buttons {
  text-align: right;
}
html body .product--line td.buttons > button {
  max-height: none;
}
html body #certification_supplier_table .cdk-column-certificationName strong {
  line-height: 1.5;
  display: block;
}
html body #certification_supplier_table .cdk-column-description small {
  line-height: 1.5;
  display: block;
}
html body #certification_supplier_table .cert--image {
  max-width: 5.625rem;
  margin: 0 0 0 auto;
  display: block;
}
html body .logo--upload .btn.btn-danger.action--btn, html body .logo--upload .button--wrapper a.btn.btn-danger:not(.action--btn), html body .button--wrapper .logo--upload a.btn.btn-danger:not(.action--btn), html body .logo--upload .button--wrapper button.btn.btn-danger:not(.action--btn), html body .button--wrapper .logo--upload button.btn.btn-danger:not(.action--btn) {
  position: absolute;
  margin-left: -15px;
  margin-top: -15px;
  border-radius: 15%;
}
html body .modal {
  overflow: hidden;
}
html body .modal:not(.modal-xl):not(.modal-lg) .modal-dialog {
  max-width: 750px !important;
  min-width: 500px !important;
}
html body .modal.modal-xl .modal-dialog {
  max-width: 95vw !important;
  min-width: 0px !important;
}
html body .modal.modal-lg .modal-dialog {
  max-width: 900px !important;
  min-width: 0px !important;
}
html body .modal .modal-dialog.modal-xl {
  max-width: 75vw !important;
  min-width: 0px !important;
}
html body .modal .modal-dialog.modal-lg {
  max-width: 900px !important;
  min-width: 0px !important;
}
html body .modal .modal-dialog {
  margin: 0 auto;
  min-width: 50vw;
  top: 50%;
  transform: translateY(-50%) scale(1) !important;
  -webkit-animation: none;
          animation: none;
}
html body .modal .modal-dialog:not(.modal-xl) {
  max-width: 750px;
  min-width: 500px;
}
html body .modal .modal-dialog.modal-xl {
  max-width: 75vw;
}
html body .modal .modal-dialog.modal-lg {
  max-width: 900px;
}
html body .modal .modal-dialog .modal-content {
  background: #fbf7e3;
}
html body .modal .modal-dialog .modal-content .modal-header {
  background: #144263;
  color: #fbf7e3;
  border-radius: 0px;
}
html body .modal .modal-dialog .modal-content .modal-header .close-modal {
  position: absolute;
  right: 0px;
  top: 0;
  border: 0px;
  width: 3.8125rem;
  height: 3.8125rem;
  padding: 0.3125rem;
  background-color: #464646;
  line-height: 1;
  color: #ffffff;
}
html body .modal .modal-dialog .modal-content .modal-outer-body {
  max-height: 80vh;
  overflow-y: auto;
}
html body .modal .modal-dialog .modal-content .modal-outer-body.with-footer.with-progressbar {
  max-height: calc(100vh - 220px);
}
html body .modal .modal-dialog .modal-content .modal-outer-body > .modal-body {
  max-height: none;
  overflow: auto;
}
html body .modal .modal-dialog .modal-content .modal-body {
  max-height: 80vh;
  overflow-y: auto;
}
html body .modal .modal-dialog .modal-content .modal-body.with-overflow {
  overflow: visible;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar {
  margin: 0px;
  padding: 0px;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar .mat-horizontal-stepper-header-container {
  background-color: #fcfbf6;
  border-bottom: 2px solid #a3a4a6;
  justify-content: space-between;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header {
  padding: 1.5rem 1rem 1rem 1rem;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar .mat-step-icon-content {
  z-index: 10;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar .mat-horizontal-content-container {
  background-color: #fcfbf6;
  margin: 1rem 1rem 0rem 1rem;
  padding: 1rem;
  border: 1px solid #464646;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar .mat-horizontal-content-container .table--check-list .table-check-list--header {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar .mat-horizontal-content-container .table--check-list .table-check-list--line {
  padding-left: 0px;
  padding-right: 0px;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar + .modal-footer {
  margin: 1rem;
}
html body .modal .modal-dialog .modal-content .modal-body,
html body .modal .modal-dialog .modal-content .modal-footer {
  padding: 1rem;
  margin: 1rem;
}
html body .modal .modal-dialog .modal-content .modal-body.border,
html body .modal .modal-dialog .modal-content .modal-footer.border {
  border: 1px solid #144263 !important;
  background: #fcfbf6;
}
html body .modal .modal-dialog .modal-content .modal-footer {
  margin-top: 0;
  padding: 0px;
}
html body .modal .modal-dialog .modal-content .modal-footer.center {
  justify-content: center;
}
html body .modal .modal-dialog .modal-content .modal-footer .button--wrapper {
  width: 100%;
  padding: 0.625rem;
  background-color: #fcfbf6;
  margin: 0px;
  border: 1px solid #144263;
}
html body .modal .modal-dialog .modal-content .modal-footer .button--wrapper .btn.two-lines {
  line-height: 1;
}
html body .modal .modal-dialog .modal-content .modal-footer .button--wrapper .btn.two-lines i {
  font-size: 18px;
}
html body .modal .modal-dialog .modal-content .modal-footer .button--wrapper .btn.two-lines span {
  font-size: 14px;
  line-height: 1.15;
}
html body .modal .progress--bar {
  border-left: 0px;
  border-right: 0px;
  background-color: #fcfbf6;
  margin-bottom: 0px;
}
html body .modal-slide .modal-body {
  padding: 1.5625rem;
}
html body .swal2-popup {
  background-color: #fcfbf6;
  border: 1px solid #144263;
}
html body ngb-modal-window + ngb-modal-backdrop {
  z-index: 1091 !important;
}
html body ngb-modal-window + ngb-modal-backdrop + ngb-modal-window {
  z-index: 1092 !important;
}
html body .mat-step-header {
  pointer-events: none !important;
}
html body .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, html body [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before, html body .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after, html body [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
  top: 37%;
}
html body .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  margin-top: -25px;
}
html body .modal .modal-dialog .modal-content .modal-body.with-mat-progressbar .mat-horizontal-stepper-header-container {
  align-items: center;
}
html body .row > div > .input-group, html body .form-row > div > .input-group, html body .form-row > div > .input-group {
  width: 100%;
}
html body .form-row {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 20px;
}
html body .form-row .form-group {
  margin-bottom: 0px;
}
html body .form-group:last-child {
  margin-bottom: 0px;
}
html body .form-row > .col,
html body .form-row > [class*=col-] {
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
}
html body .custom-control .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}
html body *:focus {
  outline: none;
}
html body textarea {
  min-height: 9.375rem;
}
html body select {
  -webkit-appearance: none;
  cursor: pointer;
}
html body select.form-control:not(:disabled) {
  -moz-appearance: none !important;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAhklEQVQImW3LwQmEMBSE4f+1YmqIW0Yu6cAOkrMIkZTgORV4sQnXCixn9qS4yz4YGJjv4Zw7U0qLJP4l57x0XXfivd8B1VrHX1RrHQF573ckEULYAM3zPF2olDIBCiFskri/L9xaG1prwxN9QUnEGFdAgGKM63Ozu5gB0Pf928zsOI4Xj/sAySN5RKUtGBMAAAAASUVORK5CYII=") right center no-repeat !important;
  background-position: calc(100% - 5px) center !important;
}
html body select.form-control {
  padding-right: 1.75rem;
}
html body .form-control {
  border: 1px solid #144263;
  padding-top: 0.4375rem;
  height: 2.5rem;
  border-radius: var(--oc-border-radius);
  color: #000000;
}
html body .form-control:hover {
  cursor: pointer;
}
html body .form-control:focus, html body .form-control:active {
  background-color: #e7eff8;
  cursor: auto;
}
html body .form-control:disabled {
  background-color: var(--bs-gray-lighter);
  cursor: not-allowed;
}
html body .form-control.is-invalid {
  border-color: var(--oc-input-invalid);
}
html body .form-control.is-marked {
  border-color: var(--oc-input-warned);
}
html body .form-control[type=number] {
  -moz-appearance: textfield;
}
html body .form-control[type=number]::-webkit-outer-spin-button, html body .form-control[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html body .form-control:not(:disabled):not(.disabled) {
  border-color: #03bc78;
  transition: box-shadow 0s ease;
}
html body .form-control:not(:disabled):not(.disabled):focus {
  box-shadow: inset 0px 0px 0px 1px #03BC78;
}
html body fieldset {
  flex-flow: row wrap;
}
html body fieldset legend {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: var(--oc-basic-gutter);
  width: 100%;
}
html body fieldset legend i {
  font-size: 1.875rem;
  vertical-align: middle;
  margin-right: 0.4375rem;
  width: 2.5rem;
  display: inline-block;
  text-align: center;
}
html body fieldset > .custom-control.custom-checkbox, html body fieldset > .custom-control.custom-radio {
  flex-basis: 300px;
  flex-grow: 1;
  max-width: 300px;
}
html body fieldset.checkbox-list {
  --oc-basic-gutter: .75rem;
}
html body fieldset.checkbox-list .checkbox-list--subitems {
  padding-left: 3.25rem;
}
html body fieldset.checkbox-list .row, html body fieldset.checkbox-list .form-row {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
}
html body fieldset.checkbox-list .checkbox-input--wrapper:not(:last-child) {
  margin-bottom: calc(var(--oc-basic-gutter));
}
html body .form-label {
  min-height: 1.25rem;
  padding-bottom: 3px;
  margin: 0;
}
html body .form-label + fieldset.checkbox-list {
  margin-top: 0.75rem;
}
html body label:not(.mat-slide-toggle-label) {
  display: block;
  vertical-align: middle;
  line-height: 1.5;
}
html body label:not(.mat-slide-toggle-label):not(.form-label) {
  margin: 0px;
}
html body label:not(.mat-slide-toggle-label):not(.switcher) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body .custom-control {
  padding-left: 1.5625rem;
}
html body .custom-control .custom-control-label {
  cursor: pointer;
}
html body .custom-control .custom-control-label:before {
  width: 19px;
  height: 19px;
  background-position: 5px;
}
html body .custom-control.control-success .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #03bc78;
  background-color: #03bc78;
}
html body .custom-control.custom-checkbox {
  line-height: 1;
}
html body .custom-control.custom-checkbox.checkbox-plus .custom-control-input:checked ~ .custom-control-label::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWljb24iIHN0eWxlPSJ3aWR0aDogMWVtOyBoZWlnaHQ6IDFlbTt2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO2ZpbGw6IGN1cnJlbnRDb2xvcjtvdmVyZmxvdzogaGlkZGVuOyIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik01NDQgNDY0VjE2MGgtODB2MzA0SDE2MHY4MGgzMDR2MzA0aDgwVjU0NGgzMDR2LTgweiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
  background-size: 100%;
}
html body .custom-control.custom-checkbox.checkbox-big {
  padding-left: 0px;
  height: 2.5rem;
  cursor: pointer;
  margin-bottom: 0px;
  overflow: visible;
}
html body .custom-control.custom-checkbox.checkbox-big i {
  font-size: 1.75rem;
  width: 3.25rem;
  vertical-align: middle;
  display: inline-block;
}
html body .custom-control.custom-checkbox.checkbox-big input[type=checkbox] {
  width: 2.5rem;
  cursor: pointer;
  height: 2.5rem;
  position: absolute;
}
html body .custom-control.custom-checkbox.checkbox-big input[type=checkbox] + span {
  line-height: 2.5rem;
  height: 2.5rem;
  display: block;
  padding-left: 3.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body .custom-control.custom-checkbox.checkbox-big input[type=checkbox] + span:before {
  background-size: 65%;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  top: 0%;
  border: 2px solid #1b354c;
  left: 0;
}
html body .custom-control.custom-radio {
  line-height: 1;
}
html body .custom-control.custom-radio.radio-big {
  height: 2.5rem;
  cursor: pointer;
  margin-bottom: 0px;
  overflow: visible;
  padding-left: 0px;
}
html body .custom-control.custom-radio.radio-big i {
  font-size: 1.375rem;
  vertical-align: sub;
  margin-right: 5px;
}
html body .custom-control.custom-radio.radio-big input[type=radio] {
  width: 2.5rem;
  cursor: pointer;
  height: 2.5rem;
  position: absolute;
}
html body .custom-control.custom-radio.radio-big input[type=radio] + span {
  line-height: 2.5rem;
  height: 2.5rem;
  display: block;
  padding-left: 3.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body .custom-control.custom-radio.radio-big input[type=radio] + span:before {
  background-size: 70%;
  width: 2.5rem;
  height: 2.5rem;
  top: 0%;
  cursor: pointer;
  left: 0;
}
html body .custom-control-label {
  line-height: 1.4;
  display: inline-block;
  min-height: 1rem;
  vertical-align: sub;
}
html body .custom-control-label:before {
  background-clip: border-box;
}
html body .dropdown-toggle::after {
  display: none;
}
html body .form--area:not(:last-child) {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}
html body .form--area .separator {
  margin-bottom: 0.5rem;
}
html body .form--area .separator:before {
  margin-right: 0.5em;
}
html body .form--area .separator:after {
  margin-left: 0.5em;
}
html body .form-group.checkbox-input--wrapper {
  display: flex;
}
html body .form-group.checkbox-input--wrapper input[type=checkbox] {
  width: 2.5rem;
  cursor: pointer;
}
html body .form-group.checkbox-input--wrapper > div {
  width: 100%;
  margin-left: 10px;
}
html body .form-group.checkbox-radio--wrapper {
  display: flex;
}
html body .form-group.checkbox-radio--wrapper input[type=radio] {
  width: 2.5rem;
  cursor: pointer;
}
html body .form-group.checkbox-radio--wrapper > div {
  width: 100%;
  margin-left: 10px;
}
html body .form-group:last-of-type .custom-checkbox, html body .form-group:last-of-type .custom-radio {
  margin-bottom: 0px;
}
html body .input-group {
  flex-flow: nowrap;
  width: auto;
  display: inline-flex;
}
html body .input-group label {
  line-height: 2.25rem;
}
html body .input-group span.pr-1, html body .input-group span.mr-1 {
  width: 0.8125rem;
  display: inline-block;
}
html body .input-group .input-group-append {
  margin-left: -1px;
}
html body .input-group .input-group-prepend {
  margin-left: 0px;
}
html body .input-group .input-group-append,
html body .input-group .input-group-prepend {
  background-color: #144263;
  color: #ffffff;
  border-color: #144263;
  min-height: 100%;
  flex: initial;
}
html body .input-group .input-group-append.bg-danger,
html body .input-group .input-group-prepend.bg-danger {
  background: #D8443A;
  border-color: #D8443A;
}
html body .input-group .input-group-append.bg-danger .input-group-text,
html body .input-group .input-group-prepend.bg-danger .input-group-text {
  background-color: #D8443A;
}
html body .input-group .input-group-append.bg-success,
html body .input-group .input-group-prepend.bg-success {
  background: #03bc78;
  border-color: #03bc78;
}
html body .input-group .input-group-append.bg-success .input-group-text,
html body .input-group .input-group-prepend.bg-success .input-group-text {
  background-color: #03bc78;
}
html body .input-group .input-group-append .input-group-text,
html body .input-group .input-group-prepend .input-group-text {
  background-color: #5b92b7;
  color: #ffffff;
  min-width: 3.75rem;
  text-align: left;
  border: 0px;
  line-height: 1;
  width: 100%;
  font-size: 0.8125rem;
  z-index: 10;
  padding: 4px 10px;
  justify-content: center;
}
html body .input-group .input-group-append .input-group-text.with-icon,
html body .input-group .input-group-prepend .input-group-text.with-icon {
  min-width: 3.125rem;
  text-align: center;
}
html body .input-group .input-group-append .input-group-text.with-select,
html body .input-group .input-group-prepend .input-group-text.with-select {
  padding: 0px;
  border: 0px;
}
html body .input-group .input-group-append .input-group-text.with-select .select-wrapper,
html body .input-group .input-group-prepend .input-group-text.with-select .select-wrapper {
  width: 100%;
}
html body .input-group .input-group-append .input-group-text.with-select select,
html body .input-group .input-group-prepend .input-group-text.with-select select {
  min-width: 0px;
  background: #144263 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAbUlEQVQImW2OwQ3CMBAE101RUdqIoIqUkY+LiEQDUIw9wwNbBCkr3WP35lYX9Q1saq4G2IBXgEMVWC+g1a+OGdYB39X03tN7f4ysAjlfT3gBltFU535Caa1F3f1pP79R/kwpSfIspUS9DZ8k+QAE2LV38K6d/QAAAABJRU5ErkJggg==") right center no-repeat !important;
  background-position: calc(100% - 5px) center !important;
  color: #ffffff;
  padding: 0rem 1.5625rem 0rem 0.3125rem;
  text-align: center;
  width: auto;
}
html body .input-group .input-group-append > button,
html body .input-group .input-group-prepend > button {
  width: 3.125rem;
  line-height: 1;
  padding-top: 0.375rem;
  padding-bottom: 0.3125rem;
  height: 2.5rem;
  max-width: 2.6875rem;
  /*
  &.btn-primary{
      background-color: $primary-color;
      color: $text-inverse;
  }

  &.btn-danger{
      background-color: $oc-red-bg;
  }
   */
}
html body .input-group.small-input--wrapper {
  max-width: 150px;
}
html body .input-group.small-input--wrapper .input-group-text {
  min-width: 2.5rem;
  font-size: 0.8125rem;
  height: 2.5rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
html body .input-group.small-input--wrapper input.form-control {
  width: 3.75rem;
}
html body .form-elements--wrapper {
  padding: 1rem;
  background-color: #fbf7e3;
  border-bottom: 1px solid #144263;
  border-top: 1px solid #144263;
  margin-bottom: 1rem;
}
html body .form-elements--wrapper .button--wrapper {
  background-color: #fcfbf6;
}
html body .form-elements--wrapper > .form-elements--wrapper {
  margin: 1rem 0px;
  background-color: #fcfbf6;
}
html body .add--header {
  margin-bottom: 0.625rem;
  align-items: center;
}
html body .add--header.row, html body .add--header.form-row {
  --bs-gutter-y: 0;
}
html body .add--header h5, html body .add--header .h5 {
  margin-bottom: 0px !important;
  line-height: 1.4;
  font-size: 0.95rem !important;
}
html body .add--header h5 .badge, html body .add--header .h5 .badge {
  vertical-align: text-bottom;
  margin-left: 5px;
}
html body .checkbox--image:not(:last-child) {
  margin-bottom: 1.875rem;
}
html body .checkbox--image .custom-control {
  height: auto !important;
  overflow: auto !important;
}
html body .checkbox--image img {
  max-width: 4.6875rem;
}
html body .checkbox--image.special label {
  background-color: #5b92b7;
  padding: 10px;
}
html body .checkbox--image.special input[type=checkbox] + span::before {
  margin-left: 5px !important;
}
html body .checkbox--image.special img {
  margin-left: 10px;
  max-width: 50px;
  color: white;
}
html body .checkbox--image.special span + span {
  color: white;
  display: inline-block;
  margin-top: 15px;
  margin-left: 10px;
}
html body #contactTable tbody tr {
  background-color: #fcfbf6;
}
html body .row > div label.switcher, html body .form-row > div label.switcher {
  margin: 0.4375rem 0rem 0rem 0rem;
}
html body .datetime--picker {
  padding: 0.625rem;
  background-color: #fbf7e3;
  border: 1px solid #144263;
}
html body .datetime--picker strong {
  display: block;
  border-bottom: 1px solid #144263;
}
html body .datetime--picker .ngb-tp {
  top: 0 !important;
}
html body .small-input--wrapper input.form-control {
  max-width: 2.375rem;
  display: inline-block;
  width: auto;
  padding-left: 0.1875rem;
  padding-right: 0.1875rem;
  padding-top: 0.3125rem;
  text-align: center;
}
html body .small-input--wrapper input.form-control.price-input {
  max-width: 3.75rem;
}
html body .small-input--wrapper label {
  display: inline-block;
  vertical-align: sub;
  margin-left: 5px;
}
html body span.mandatory {
  display: inline-block;
  color: #D8443A;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 0;
}
html body .default-value {
  color: #03bc78;
}
html body .default-value input {
  border-color: #03bc78;
}
html body .default-value input + span:before {
  border-color: #03bc78 !important;
}
html body .dropdown-dark .dropdown-menu {
  background-color: #144263;
  color: #fbf7e3;
}
html body .dropdown-dark .dropdown-menu .dropdown-divider {
  border-top: 1px solid #fbf7e3;
}
html body .dropdown-dark .dropdown-menu .dropdown-item {
  color: #fbf7e3;
}
html body .dropdown-light .dropdown-menu {
  background-color: #fcfbf6;
  color: #fbf7e3;
}
html body .dropdown-light .dropdown-divider {
  border-top: 1px solid #fbf7e3;
}
html body .dropdown-light .dropdown-item {
  color: #fbf7e3;
}
html body .dropdown-menu.direction-right-bottom {
  left: unset;
  right: 0;
  top: 130%;
}
html body .bg-navbar-theme {
  background-color: #144263 !important;
  color: #fbf7e3;
}
html body .bg-navbar-theme .navbar-brand {
  color: #000000;
}
html body .bg-navbar-theme .navbar-brand:hover, html body .bg-navbar-theme .navbar-brand:focus {
  color: #000000;
}
html body .bg-navbar-theme .navbar-nav .nav-link {
  color: #fbf7e3;
}
html body .bg-navbar-theme .navbar-nav .nav-link:hover, html body .bg-navbar-theme .navbar-nav .nav-link:focus {
  color: #000000;
}
html body .bg-navbar-theme .navbar-nav .nav-link.disabled {
  color: #9fafb0 !important;
}
html body .bg-navbar-theme .navbar-nav .show > .nav-link,
html body .bg-navbar-theme .navbar-nav .active > .nav-link,
html body .bg-navbar-theme .navbar-nav .nav-link.show,
html body .bg-navbar-theme .navbar-nav .nav-link.active {
  color: #000000;
}
html body .bg-navbar-theme .navbar-toggler {
  color: #fbf7e3;
  border-color: rgba(0, 0, 0, 0.06);
}
html body .bg-navbar-theme .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(0, 0, 0, 0.4)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
html body .bg-navbar-theme .navbar-text {
  color: #fbf7e3;
}
html body .bg-navbar-theme .navbar-text a {
  color: #000000;
}
html body .bg-navbar-theme .navbar-text a:hover, html body .bg-navbar-theme .navbar-text a:focus {
  color: #000000;
}
html body .bg-navbar-theme hr {
  border-color: rgba(0, 0, 0, 0.06);
}
html body button.navbar-toggler,
html body .layout-sidenav-toggle > .nav-item,
html body .nav:not(.nav-tabs) > .nav-item {
  padding: 0.31rem 0.5rem !important;
  background-color: #144263;
  border-radius: 0px;
}
html body .layout-navbar {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
html body .layout-navbar .navbar a.nav-link {
  cursor: pointer;
}
html body .layout-navbar .navbar a.nav-link:hover, html body .layout-navbar .navbar a.nav-link:active, html body .layout-navbar .navbar a.nav-link:focus {
  color: #ffffff;
  cursor: pointer;
}
html body .layout-navbar .navbar .show a.nav-link {
  color: #ffffff;
}
html body .layout-navbar .navbar .current--environment {
  display: inline-block;
  padding: 10px 10px;
  background-color: #1b354c;
  color: #fbf7e3;
  border-radius: 8px;
  line-height: 1;
}
html body .layout-navbar .navbar .current--environment i {
  margin-right: 5px;
  font-size: 20px;
  vertical-align: text-bottom;
}
html body .layout-navbar a.nav-link {
  padding: 0.31rem 0.5rem !important;
  background-color: #1b354c;
  border-radius: 0px;
  min-width: 2.6875rem;
  min-height: 2.6875rem;
  height: 2.6875rem;
  text-align: center;
  color: var(--oc-color-inverse);
}
html body .layout-navbar a.nav-link > span:not(.badge) {
  height: 2.125rem;
  line-height: 2.125rem;
}
html body .layout-navbar a.nav-link .badge-primary {
  background-color: #D8443A;
}
html body .layout-navbar a.nav-link i {
  font-size: 1.125rem;
}
html body .layout-navbar a.nav-link i:before {
  height: 2.125rem;
  line-height: 2.125rem;
}
@media (min-width: 768px) {
  html body .layout-navbar .navbar {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
}
@media (max-width: 768px) {
  html body .layout-navbar .layout-sidenav-toggle > a {
    padding: 0px;
  }
}
html body .layout-navbar .layout-sidenav-toggle + button {
  background-color: #fcfbf6 !important;
}
html body .layout-navbar .bg-navbar-theme .nav-link:hover,
html body .layout-navbar .bg-navbar-theme .nav-link:focus {
  color: #144263;
}
html body .layout-navbar .dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}
html body .layout-navbar .dropdown-menu .dropdown-item {
  transition: all 0.2s ease-in-out;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
html body .layout-navbar .dropdown-menu .dropdown-item p {
  margin-bottom: 0px;
}
html body .layout-navbar .dropdown-menu .dropdown-item:not(:first-child) {
  border-top: 1px solid #ffffff;
}
html body .layout-navbar .dropdown-menu .dropdown-item:hover {
  background-color: #1b354c;
}
html body .card {
  background: #fcfbf6;
  border-radius: 0px;
  border: 0px;
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
}
html body .card:last-child {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  html body .card:not(:first-child) {
    margin-top: 0.35rem;
  }
}
html body .card.listing--card {
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
html body .card.listing--card:hover {
  transform: scale(1.03, 1.03);
}
html body .card.listing--card .icon--title {
  color: #ffffff;
  font-size: 2.5rem;
}
html body .card.action--card {
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
html body .card.action--card:hover {
  transform: scale(1.03, 1.03);
}
html body .card.action--card .h5.card-title {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 0px;
}
html body .card.action--card .card-header {
  text-align: center;
  color: var(--bs-primary);
  background-color: var(--white);
}
html body .card.action--card .card-body {
  padding: 0.75rem;
  background-color: #fcfbf6;
}
html body .card.card-selected .card-header {
  background-color: #5b92b7 !important;
}
html body .card.dashboard--card {
  padding-bottom: 0.9375rem;
  height: 100%;
}
html body .card.dashboard--card .card-header {
  height: auto;
  justify-content: normal;
  padding-left: 0px;
  position: relative;
}
html body .card.dashboard--card .card-header .header--icon {
  background-color: #144263;
  color: #ffffff;
  display: inline-block;
  width: 2.25rem;
  text-align: center;
  margin: -0.9375rem 0.9375rem -0.9375rem 0rem;
  height: 2.25rem;
  line-height: 2.625rem;
  font-size: 1.25rem;
}
html body .card.dashboard--card .card-header h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
}
html body .card.dashboard--card .card-header .amount-badge {
  background-color: #D8443A;
  color: #ffffff;
  border-radius: 100%;
  font-size: 0.9375rem;
  font-weight: 700;
  position: absolute;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 2rem;
  right: -10px;
  top: -10px;
  text-align: center;
}
html body .card.dashboard--card .card-body {
  padding: 0.625rem 0.625rem 0.3125rem 0.625rem;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry:not(:first-child) {
  border-top: 1px solid #a3a4a6;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span {
  display: flex;
  padding: 0.3125rem 0.3125rem 0.3125rem 0.625rem;
  color: #000000;
  transition: all 0.1s ease-in-out;
  justify-content: space-around;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a .icon--col, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span .icon--col {
  max-width: 1.875rem;
  padding: 0px;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a .content--col, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span .content--col {
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  vertical-align: bottom;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a .logo--col, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span .logo--col {
  max-width: 8.125rem;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a .entry--title, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span .entry--title {
  font-weight: 700;
  display: block;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a .entry--title .entry--icon, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span .entry--title .entry--icon {
  font-size: 1.25rem;
  line-height: 1.875rem;
  width: 1.875rem;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a .entry--title .entry--icon i, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span .entry--title .entry--icon i {
  vertical-align: inherit;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a .entry--desc, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span .entry--desc {
  font-size: 0.8125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a img, html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > span img {
  max-height: 1.875rem;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .dashboard--entry > a:hover {
  background-color: #144263;
  color: #ffffff;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion {
  margin-bottom: 0px;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion .card {
  box-shadow: none;
  background-color: transparent;
  overflow: visible;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion .card .card-header {
  padding: 0px;
  background-color: transparent;
  width: 100%;
  margin-top: 1px;
  position: absolute;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion .card .card-header button.btn.btn-link {
  line-height: 1;
  display: block;
  text-align: center;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion .card .card-header button.btn.btn-link[aria-expanded=true] .accordion--expander {
  transform: rotate(180deg);
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion .card .card-header button.btn.btn-link .accordion--expander {
  display: inline-block;
  padding: 0.0625rem 0.3125rem 0rem 0.3125rem;
  font-size: 0.75rem;
  background-color: #144263;
  color: #ffffff;
  margin-bottom: 5px;
  width: 100%;
  cursor: pointer;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion .card .card-body {
  padding: 1.25rem 0rem 0rem 0rem;
  margin-bottom: -1.25rem;
}
html body .card.dashboard--card .card-body .dashboard--entry-list .accordion .card .card-body .dashboard--entry {
  border-top: 1px solid #a3a4a6;
}
html body .card > .badge {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0px;
  margin-top: 0px;
}
html body .card > .badge:not(:last-child) {
  border-radius: 0px;
}
html body .card > .badge:last-child {
  border-radius: 0px 0px 0.125rem 0.125rem;
}
html body .card > .badge i {
  vertical-align: text-top;
}
html body .card.active, html body .card.selected {
  background-color: #5b92b7;
  color: var(--oc-color-inverse);
}
html body .card.active a, html body .card.selected a {
  color: var(--oc-color-inverse);
}
html body .card i.icon--title, html body .card span.icon--title {
  display: inline-block;
  line-height: 4.375rem;
}
html body .card i.icon--title.circle-small, html body .card span.icon--title.circle-small {
  line-height: 3.125rem;
}
html body .card .rounded-icon {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  border: 1px solid #144263;
  background: var(--white);
  color: var(--bs-primary-dark);
}
html body .card .rounded-icon.circle-small {
  width: 3.125rem;
  height: 3.125rem;
}
html body .card .card-header {
  height: 6.25rem;
  padding: 0.625rem 1.5625rem 0.625rem 1.5625rem;
  margin-bottom: 0px;
  border: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
}
html body .card .card-header img.card-img-top {
  padding: 0px;
  border-bottom: 0px;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
html body .card .card-header .card-header-text {
  color: #fbf7e3;
}
html body .card .card-header > .badge {
  position: absolute;
  margin-top: 0px;
  height: 25px;
}
html body .card .card-header > .badge.version-badge {
  top: 0;
  left: 0;
  line-height: 13px;
  border-top-left-radius: 0px;
}
html body .card .card-header > .badge.copy-badge {
  top: 0;
  right: 0;
  border-top-right-radius: 0px;
}
html body .card .card-header > .badge.rounded-badge {
  border-radius: 50%;
  line-height: 23px;
  height: 25px;
  padding: 0px;
  top: 0.5rem;
  right: 0.5rem;
  min-width: 25px;
}
html body .card .card-header > .badge + .badge {
  margin-left: 0.25rem;
}
html body .card .card-body {
  padding: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  background-color: var(--white);
}
html body .card .card-body h5, html body .card .card-body .h5 {
  margin-bottom: 0px;
  font-size: 0.95rem;
}
html body .card .card-body h5 + *, html body .card .card-body .h5 + * {
  margin-top: 0.3125rem;
}
html body .card .card-body h5.card-title i, html body .card .card-body .h5.card-title i {
  margin-left: 2px;
}
html body .card .card-body h5 a, html body .card .card-body .h5 a {
  color: #000000;
}
html body .card .card-body h5 a:hover, html body .card .card-body .h5 a:hover {
  color: #000000;
}
html body .card .card-footer {
  border: none;
}
html body .card .card-footer hr {
  margin-top: 0;
  border-color: #144263;
}
html body .card hr {
  border-color: #144263;
}
html body .card button.btn-card-info {
  background: #fcfbf6;
  border: 1px solid #144263;
}
html body .card button.btn-card-info:focus {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4);
}
html body .card button.btn-cross {
  background: #fcfbf6;
  border: 1px solid #D8443A;
}
html body .card button.btn-cross:focus {
  box-shadow: 0 0 0 2px rgba(216, 68, 58, 0.4);
}
html body .card button.btn-card-calendar, html body .card button.btn-card-dropdown {
  width: 2.5rem;
  height: 2.5rem;
}
html body .card .top-right {
  position: absolute;
  top: 0;
  right: 0;
}
html body .card .top-left {
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 767.98px) {
  html body .card-columns {
    -moz-column-count: 1;
    column-count: 1;
  }
}
@media (min-width: 768px) {
  html body .card-columns {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 992px) {
  html body .card-columns {
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (min-width: 1400px) {
  html body .card-columns {
    -moz-column-count: 4;
    column-count: 4;
  }
}
html body .accordion > .card {
  overflow: visible;
}
html body app-datepicker {
  display: block;
}
html body .pass--wrapper {
  border: 0px;
  border-radius: 0px;
  background-color: #fcfbf6;
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
  max-width: 1200px;
  margin: 0 auto;
}
html body .pass--wrapper .pass--title-bar {
  padding: 0rem 0rem 0.9375rem 0rem;
  margin-bottom: 10px;
}
html body .pass--wrapper .pass--title-bar .pass--logo {
  text-align: right;
  margin-bottom: 15px;
}
html body .pass--wrapper .pass--title-bar h4, html body .pass--wrapper .pass--title-bar .h4 {
  margin-bottom: 0px;
}
html body .pass--wrapper .pass--title-bar .badge {
  line-height: 20px;
  vertical-align: middle;
  display: inline-block;
}
html body .pass--wrapper .pass--body .pass--info-block:not(:last-child) {
  padding-bottom: 0.9375rem;
}
html body .pass--wrapper .pass--body .pass--info-block:not(:last-child) .table-oc-responsive {
  margin-bottom: 15px;
}
html body .pass--wrapper .pass--body .pass--info-block table thead, html body .pass--wrapper .pass--body .pass--info-block table tr th {
  background-color: #464646;
  color: #ffffff;
}
html body .pass--wrapper .pass--body .pass--info-block h5, html body .pass--wrapper .pass--body .pass--info-block .h5 {
  margin-top: 15px;
  margin-bottom: 10px;
}
html body .pass--wrapper .pass--body .pass--info-block h5 + div.pass--section-wrapper, html body .pass--wrapper .pass--body .pass--info-block .h5 + div.pass--section-wrapper {
  padding-top: 0px;
}
html body .pass--wrapper .pass--body .pass--info-block .separator {
  margin-bottom: 1.25rem;
  line-height: 1;
  margin-top: 0.9375rem;
  font-size: 1rem;
}
html body .pass--wrapper .pass--body .pass--info-block .separator.content-toggle {
  cursor: pointer;
  position: relative;
}
html body .pass--wrapper .pass--body .pass--info-block .separator.content-toggle > span:after {
  font-family: "orgacard-icons";
  content: "\ea43";
  display: inline-block;
  position: absolute;
  right: 0;
  top: -5px;
  line-height: 25px;
  width: 25px;
  background-color: var(--bs-primary);
  color: #ffffff;
  font-size: 6px;
}
html body .pass--wrapper .pass--body .pass--info-block .separator.content-toggle + .info-block--content {
  height: auto;
  max-height: none;
  overflow: hidden;
}
html body .pass--wrapper .pass--body .pass--info-block.collapsed > .separator.content-toggle > span:after {
  transform: rotate(180deg);
}
html body .pass--wrapper .pass--body .pass--info-block.collapsed > .separator.content-toggle + .info-block--content {
  max-height: 0px;
  height: 0px;
}
html body .pass--wrapper .pass--body .pass--info-block .pass--section-wrapper {
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
}
html body .pass--wrapper .pass--body .pass--info-block .pass--section-wrapper:not(:Last-child) {
  border-bottom: 1px solid lightgray;
}
html body .pass--wrapper .pass--body .pass--info-block .pass--section-wrapper .pass--section > .row > div, html body .pass--wrapper .pass--body .pass--info-block .pass--section-wrapper .pass--section > .form-row > div {
  margin-bottom: 5px;
}
html body .pass--wrapper .pass--body .pass--info-block .pass--info-icons ul.list-inline {
  margin-bottom: 0px;
}
html body .pass--wrapper .pass--body .pass--info-block .amount--overview span.amount--label {
  display: inline-block;
  vertical-align: middle;
}
html body .pass--wrapper .pass--body .pass--info-block .amount--overview span.amount--sum {
  display: inline-block;
  vertical-align: middle;
}
html body .pass--wrapper .pass--body .pass--info-block .info--wrapper {
  display: table;
  margin-bottom: 10px;
  height: 100%;
}
html body .pass--wrapper .pass--body .pass--info-block .info--wrapper > .icon {
  display: table-cell;
  vertical-align: middle;
  min-width: 3.125rem;
  font-size: 1.625rem;
  text-align: center;
}
html body .pass--wrapper .pass--body .pass--info-block .info--wrapper > .icon + .info {
  padding-left: 0.625rem;
  vertical-align: middle;
}
html body .pass--wrapper .pass--body .pass--info-block .info--wrapper > .info {
  display: table-cell;
  vertical-align: top;
}
html body .pass--wrapper .pass--body .pass--info-block .mini--box.selectedRecipeGroup {
  width: 7.8125rem;
}
html body .pass--wrapper .pass--body .pass--info-block .mini--box.selectedRecipeGroup .mb--header {
  padding: 0.625rem;
  height: 6.25rem;
  text-align: center;
}
html body .pass--wrapper .pass--body .pass--info-block .step--wrapper:not(:last-child) {
  margin-bottom: 1.5rem;
}
html body .pass--wrapper .pass--body .pass--info-block .step--wrapper > strong {
  display: block;
  color: var(--bs-primary);
  margin-bottom: 1rem;
}
html body .pass--wrapper .pass--body .pass--info-block .step--wrapper .step:not(:last-child) {
  margin-bottom: 1rem;
}
html body .pass--wrapper .pass--body .pass--info-block .step--wrapper .step .step--headline {
  font-weight: bold;
  background-color: var(--bs-primary);
  color: var(--oc-color-inverse);
  padding: 0.35rem;
}
html body .pass--wrapper .pass--body .pass--info-block .step--wrapper .step .step--content {
  padding: 0.5rem;
  background-color: var(--oc-light-bg);
}
html body .pass--wrapper .pass--body .pass--info-block .step--wrapper .step .step--content .step--sub-note:not(:last-child) {
  margin-bottom: 1.5rem;
}
html body .title--bar {
  background-color: #fbf7e3;
  position: relative;
  z-index: 1;
  /*
  .title-bar--search{
      vertical-align: top;
      > button{
          width: 30px;
          height: 30px;
          line-height: 30px;
          padding: 0px;
          transitioN: opacity .2s ease;

          &:hover{
              opacity: .9;
          }
      }

      .search--wrapper {
          padding: 15px;
          .search--bar{
              width: 200px;

              @media (min-width: map-get($grid-breakpoints, md)) {
                  width: 300px;
              }
              @media (min-width: map-get($grid-breakpoints, lg)) {
                  width: 400px;
              }
              @media (min-width: map-get($grid-breakpoints, xl)) {
                  width: 500px;
              }

              .input-group{
                  .input-group-append{
                      button{
                          padding: 0px;
                          font-size: 1.5rem;
                          color: $text-inverse;
                          width: 30px;

                          i{
                              position: relative;
                              top: -1px;
                              font-size: 15px;
                          }
                      }
                  }
              }
          }
      }

  }
   */
}
html body .title--bar .title-bar--inner {
  border-bottom: 1px solid #144263;
  padding-bottom: 0.75rem;
  /*
  .titlebar-subtitle{
      @media (min-width: map-get($grid-breakpoints, xs)) {
          display: none;
      }
      @media (min-width: map-get($grid-breakpoints, xl)) {
          display: inline-block;
      }
  }
  */
}
html body .title--bar .title-bar--inner h1.h4 {
  font-weight: bold;
  line-height: 2.6875rem;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0rem;
  color: #a3a4a6;
  text-overflow: ellipsis;
}
html body .title--bar .title-bar--inner h1.h4 span.main-title {
  color: black;
}
html body .title--bar .title-bar--inner .search--wrapper {
  border: 1px solid rgba(24, 28, 33, 0.1);
  margin-bottom: 0.75rem;
}
html body .title--bar .title-bar--inner .search--wrapper input.form-control {
  border: 0px;
  height: 2.6875rem;
}
html body .title--bar .title-bar--inner .search--wrapper button.btn {
  width: 2.6875rem;
  height: 2.6875rem;
  padding: 0px;
  max-height: none !important;
}
html body .title--bar .title-bar--inner .title-bar--button-wrapper .title-bar--buttons {
  text-align: right;
  white-space: nowrap;
}
html body .title--bar .title-bar--inner .title-bar--button-wrapper .title-bar--buttons .button-wrapper {
  display: inline-block;
  /* .btn {
       font-size: rem(18px);
       width: rem(43px);
       height: rem(40px);
       line-height: 1;
       padding: 0px;
       transitioN: opacity .2s ease;
       max-height: none !important;
       text-align: center;

       &.btn-secondary {
           background-color: $primary-color;
       }

       &:not(:disabled):hover {
           opacity: .9;
       }

       i {
           margin: 0 auto;
       }

       @include media-breakpoint-up(md) {
           font-size: rem(24px);
           i {
               position: relative;
           }
       }
   }

   */
}
html body .title--bar .title-bar--inner .title-bar--button-wrapper .title-bar--buttons .button-wrapper:not(:first-child) {
  margin-left: 4px;
}
html body .title--bar .title-bar--inner .title-bar--button-wrapper .dropdown .dropdown-menu {
  min-width: 0px;
}
html body .title--bar .title-bar--inner .title-bar--button-wrapper .dropdown .title-bar--buttons {
  padding: 0rem 0.3125rem 0.0625rem 0.3125rem;
}
html body .search--bar .input-group input.form-control {
  height: 2.5rem;
}
html body .search--bar .input-group .input-group-append {
  background-color: transparent;
}
html body .search--bar .input-group .input-group-append > button {
  border-radius: 0px;
  border: 0px;
  max-height: none !important;
  width: 2.6875rem;
}
html body .search--bar .input-group .input-group-append > button:not(:first-child) {
  margin-left: 2px;
}
html body .search--bar .input-group .input-group-append > button.btn-danger {
  background-color: #D8443A;
}
html body .filter--buttons {
  transition: all 0.3s ease;
  max-height: 0;
  overflow: hidden;
  background-color: #fbf7e3;
  border-bottom: 2px solid transparent;
  margin-bottom: 15px;
}
html body .filter--buttons.visible {
  max-height: 200px;
  border-bottom: 2px solid #144263;
}
html body .filter--buttons .inner {
  padding: 7px 2.5px 2px 2.5px;
}
html body .filter--buttons .inner ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-align: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
html body .filter--buttons .inner ul li {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 2.5px;
  margin-left: 2.5px;
  flex: 1;
}
html body .filter--buttons .inner ul li > .btn {
  padding: 0px 7px;
  height: 2.5rem;
  text-align: center;
  line-height: 2.8125rem;
  font-size: 1.25rem;
  border-radius: 0.1875rem;
  color: #ffffff;
  min-width: 2.5rem;
  display: block;
  width: 100%;
}
html body .switch.primary label input[type=checkbox]:checked + .lever {
  background-color: #2196f3;
}
html body .switch.primary label input[type=checkbox]:checked + .lever:after {
  background-color: #fff;
}
html body .switch.primary label .lever {
  background-color: #ccc;
}
html body .switch.primary label .lever:after {
  background-color: #fff;
}
html body .offcanvas--wrapper .offcanvas-wrapper--backdrop {
  content: "";
  display: block;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2000;
  visibility: hidden;
  transition: opacity ease 0.5s, visibility ease 0.5s;
}
html body .offcanvas--wrapper.fade--in .offcanvas-wrapper--pass {
  position: fixed;
  right: -100%;
  z-index: 2001;
  max-height: 90vh;
  overflow: auto;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  margin-top: 5px;
}
html body .offcanvas--wrapper.fade--in .offcanvas-wrapper--pass.is--visible {
  right: 0;
  opacity: 1;
  visibility: visible;
}
html body .offcanvas--wrapper.fade--in .offcanvas-wrapper--pass.is--visible .close--offcanvas {
  text-align: right;
  padding-right: 1rem;
  display: block;
  z-index: 200;
}
@media (min-width: 992px) {
  html body .offcanvas--wrapper.fade--in .offcanvas-wrapper--pass.is--visible .close--offcanvas {
    padding-right: 2rem;
  }
}
html body .offcanvas--wrapper.fade--in .offcanvas-wrapper--pass.is--visible .close--offcanvas .close-offcanvas--button {
  /*
   margin-left: auto;
   width: rem(43px);
   padding: 0px;
   height: rem(40px);
   font-size: rem(10px);
         line-height: 1;

   */
  background-color: #464646;
  color: #ffffff;
}
html body .offcanvas--wrapper.fade--in .offcanvas-wrapper--pass.is--visible .close--offcanvas .close-offcanvas--button:hover {
  background-color: #1b354c;
}
html body .offcanvas--wrapper.fade--in .offcanvas-wrapper--pass.is--visible .pass--wrapper {
  padding-top: 1.25rem;
}
html body .offcanvas--wrapper.fade--in.pass--shown .offcanvas-wrapper--backdrop {
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
}
html body .offcanvas--wrapper .offcanvas-wrapper--pass {
  transition: right 0.5s ease;
}
html body .offcanvas--wrapper .offcanvas-wrapper--pass .close--offcanvas {
  display: none;
}
html body .offcanvas--wrapper .fixed--pass-toggler {
  position: fixed;
  right: 0;
  top: 83px;
  z-index: 1999;
}
html body .tooltip-oc .tooltip-inner {
  background-color: #144263;
}
html body .tooltip-oc:not(.bs-tooltip-left) .arrow::before {
  border-bottom-color: #144263;
}
html body .tooltip-oc.bs-tooltip-left .arrow::before {
  border-left-color: #144263;
}
html body .costcenter--tree .node-content-wrapper {
  padding: 0px;
}
html body .costcenter--tree .node-content-wrapper:hover {
  background-color: transparent;
}
html body .costcenter--tree .node-content-wrapper .tree--element {
  padding: 0.3125rem 0.3125rem;
  transition: background-color 0.15s;
  line-height: 1;
}
html body .costcenter--tree .node-content-wrapper .tree--element.disabled {
  background-color: #c7c7c7;
  opacity: 0.5;
}
html body .costcenter--tree .node-content-wrapper .tree--element.disabled:hover {
  background-color: #c7c7c7;
}
html body .costcenter--tree .node-content-wrapper .tree--element:not(.disabled):hover {
  background-color: #5b92b7;
  color: #ffffff;
}
html body .costcenter--tree .node-content-wrapper.node-content-wrapper-active {
  background-color: transparent;
}
html body .costcenter--tree .node-content-wrapper.node-content-wrapper-active .tree--element {
  background-color: #144263;
  color: #ffffff;
}
html body .costcenter--tree .node-content-wrapper.node-content-wrapper-active .tree--element:hover {
  background-color: #144263;
}
html body .costcenter--tree .node-content-wrapper.node-content-wrapper-focused {
  background-color: transparent;
  box-shadow: none;
}
html body .translation--modal .edit--language {
  padding: 0.625rem;
  background-color: #fbf7e3;
  border: 1px solid #707070;
  margin-bottom: 0.625rem;
}
html body .status-indicator {
  width: 25px;
  white-space: nowrap;
  margin-top: 3px;
}
html body .status-indicator span {
  display: block;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  opacity: 0.15;
}
html body .status-indicator span:first-child {
  margin-bottom: 2px;
  background-color: #D8443A;
}
html body .status-indicator span:nth-child(2) {
  margin-bottom: 2px;
  background-color: #fcd600;
}
html body .status-indicator span:last-child {
  background-color: #03bc78;
}
html body .is--dutyfieldviolation .status-indicator span:first-child {
  opacity: 1;
}
html body .is--rangeviolation .status-indicator span:nth-child(2) {
  opacity: 1;
}
html body .is--complete .status-indicator span:last-child {
  opacity: 1;
}
html body .toggle-buttons {
  display: inline-flex;
  flex-flow: row nowrap;
}
html body .toggle-buttons .action--btn.selected, html body .toggle-buttons .button--wrapper a.selected.btn:not(.action--btn), html body .button--wrapper .toggle-buttons a.selected.btn:not(.action--btn), html body .toggle-buttons .button--wrapper button.selected.btn:not(.action--btn), html body .button--wrapper .toggle-buttons button.selected.btn:not(.action--btn) {
  display: block;
  opacity: 1;
  width: 50px;
}
html body .toggle-buttons .action--btn:not(.selected), html body .toggle-buttons .button--wrapper a.btn:not(.selected):not(.action--btn), html body .button--wrapper .toggle-buttons a.btn:not(.selected):not(.action--btn), html body .toggle-buttons .button--wrapper button.btn:not(.selected):not(.action--btn), html body .button--wrapper .toggle-buttons button.btn:not(.selected):not(.action--btn) {
  opacity: 0.3;
}
html body .toggle-buttons .action--btn:not(.selected):hover, html body .toggle-buttons .button--wrapper a.btn:not(.selected):hover:not(.action--btn), html body .button--wrapper .toggle-buttons a.btn:not(.selected):hover:not(.action--btn), html body .toggle-buttons .button--wrapper button.btn:not(.selected):hover:not(.action--btn), html body .button--wrapper .toggle-buttons button.btn:not(.selected):hover:not(.action--btn) {
  opacity: 1;
}
html body table.table.article-list--table {
  table-layout: auto;
  width: 100%;
  /*
      th, td {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
   */
}
html body table.table.article-list--table .article-number {
  display: block;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body table.table.article-list--table .row-title {
  width: 100%;
  max-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
html body .list--view {
  /*
      .article-col--content {
      display: block;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 100px;
  }
   */
  /*
     &.release-articles--list-view {
         //max-width: 1300px;
         //min-width: 100%;
         overflow: auto;
         padding: 0.9375rem 1rem;


         .release-article--list-view--header {
             //padding-left: 15px;
             //max-width: 1250px;
             //min-width: 100%;

             .action--col {
                 min-width: 150px;

                 &.last {
                     padding-left: 42px;
                 }
             }

             & + div.list-view--item {
                 border-top: 1px solid $gray-lighter;
             }
         }

         .release-article--list-item {
             //max-width: 1250px;
             //min-width: 100%;
             border-left: 0px;
             border-bottom: 1px solid $gray-lighter;
             margin: 0px;

             > .row {
                 border-bottom: 2px solid $blue-dark;

                 > div:last-child {
                     white-space: nowrap;
                 }

                 > div.col-1 {
                     white-space: nowrap;
                 }
             }

             .logo {
                 width: 75px;
                 display: block;

                 img {
                     max-width: 100%;
                     max-height: 60px;
                 }
             }

             .item--actions {
                 text-align: right;
             }

             .action--col {
                 display: flex;
                 flex-flow: row wrap;
                 min-width: 150px;

                 &:not(.last) {
                     .action--btn {
                         &.selected {
                             width: 65px;
                             //order: 1 !important;
                         }
                     }
                 }

                 &.last {
                     padding-left: 42px;
                 }


                 .action--btn {
                     hr {
                         visibility: hidden;
                     }

                     &.selected {
                         display: block;
                         opacity: 1;
                         //order: 1 !important;
                     }

                     &:not(.selected) {
                         opacity: .3;

                         &:hover {
                             opacity: 1;
                         }
                     }
                 }
             }
         }
     }
  */
}
html body .list--view .title--col > * {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 250px;
}
html body .list--view .row.content--row, html body .list--view .content--row.form-row {
  min-width: 1250px;
}
html body .list--view .list-view--item {
  padding: 0.75rem 0.625rem;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  margin-bottom: 0px;
}
html body .list--view .list-view--item:hover {
  background-color: #fbf7e3;
}
html body .list--view .list-view--item .list-view-item--title {
  display: block;
  font-weight: 700;
}
html body .list--view .list-view--item .list-view-item--subtitle {
  font-size: 0.75rem;
  display: block;
  color: #a3a4a6;
}
html body .list--view .list-view--item .list-view-item--extra {
  font-size: 0.75rem;
  display: block;
  color: #a3a4a6;
}
html body .list--view.changelog--list-view .changelog--list-view--header + div.list-view--item {
  border-top: 1px solid #e6e6e6;
}
html body .list--view.changelog--list-view .changelog--list-item {
  border-left: 0px;
}
html body .list--view.changelog--list-view .changelog--list-item:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
html body .color--legend {
  font-size: 12px;
  max-width: 875px;
}
html body .color--legend .row > div, html body .color--legend .form-row > div {
  overflow: hidden;
}
html body .color--legend .legend-item {
  display: table;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  html body .color--legend .legend-item {
    margin-bottom: 0rem;
  }
}
html body .color--legend .legend-item > span:first-child {
  display: table-cell;
}
html body .color--legend .legend-item > span:last-child {
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 7px;
  vertical-align: middle;
}
html body .sidenav-inner .sidenav-link.unactive:hover {
  cursor: default !important;
  background: #144263 !important;
  color: #a3a4a6 !important;
}
html body .sidenav-inner .sidenav-link i.sidenav-icon.oc-supplier {
  font-size: 0.75rem;
}
html body .oc-flag-background, html body .oc-flag {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
html body .oc-flag {
  position: relative;
  display: inline-block;
  width: 1.3333333333em;
  line-height: 1em;
}
html body .oc-flag:before {
  content: " ";
}
html body .oc-flag.oc-flag-squared {
  width: 1em;
}
html body .oc-flag-at {
  background-image: url(/mws/assets/img/flags/4x3/at.svg);
}
html body .oc-flag-at.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/at.svg);
}
html body .oc-flag-ch {
  background-image: url(/mws/assets/img/flags/4x3/ch.svg);
}
html body .oc-flag-ch.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/ch.svg);
}
html body .oc-flag-de {
  background-image: url(/mws/assets/img/flags/4x3/de.svg);
}
html body .oc-flag-de.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/de.svg);
}
html body .oc-flag-fr {
  background-image: url(/mws/assets/img/flags/4x3/fr.svg);
}
html body .oc-flag-fr.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/fr.svg);
}
html body .oc-flag-gb {
  background-image: url(/mws/assets/img/flags/4x3/gb.svg);
}
html body .oc-flag-gb.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/gb.svg);
}
html body .oc-flag-it {
  background-image: url(/mws/assets/img/flags/4x3/it.svg);
}
html body .oc-flag-it.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/it.svg);
}
html body .oc-flag-li {
  background-image: url(/mws/assets/img/flags/4x3/li.svg);
}
html body .oc-flag-li.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/li.svg);
}
html body .oc-flag-lu {
  background-image: url(/mws/assets/img/flags/4x3/lu.svg);
}
html body .oc-flag-lu.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/lu.svg);
}
html body .oc-flag-nz {
  background-image: url(/mws/assets/img/flags/4x3/nz.svg);
}
html body .oc-flag-nz.oc-flag-squared {
  background-image: url(/mws/assets/img/flags/1x1/nz.svg);
}
html body div.with-pagination .mat-paginator {
  position: fixed;
  bottom: 0;
  right: 2rem;
  z-index: 29;
  background-color: #1b354c;
  color: #fcfbf6;
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.25);
  border-radius: 10px 10px 0px 0px;
}
html body div.with-pagination .mat-paginator .mat-paginator-range-label {
  margin: 0 1.25rem 0 0.625rem;
  font-weight: 700;
}
html body div.with-pagination .mat-paginator .mat-paginator-outer-container .mat-paginator-container {
  min-height: 0px;
  padding: 0.3125rem 0.625rem;
}
html body div.with-pagination .mat-paginator .mat-paginator-outer-container .mat-paginator-container button.mat-icon-button {
  width: 1.5625rem;
  height: 1.5625rem;
  line-height: 1;
  background-color: #ffffff;
}
html body div.with-pagination .mat-paginator .mat-paginator-outer-container .mat-paginator-container button.mat-icon-button:not(.mat-button-disabled) {
  color: #1b354c;
}
html body div.with-pagination .mat-paginator .mat-paginator-outer-container .mat-paginator-container button.mat-icon-button.mat-paginator-navigation-next {
  margin-left: 0.3125rem;
}
html body div.with-pagination .mat-paginator .mat-paginator-outer-container .mat-paginator-container button.mat-icon-button .mat-paginator-icon {
  width: 1.5rem;
}
html body .modal-body.with-pagination {
  margin-bottom: 3rem !important;
  position: static;
}
html body .collapsible--wrapper table.table > thead > tr > th,
html body .collapsible--wrapper table.table > tbody > tr > td {
  padding-left: 17px;
}
html body .collapsible--wrapper .collapsible--trigger {
  cursor: pointer;
}
html body .collapsible--wrapper .collapsible--trigger:hover:not(.active) > td input.form-control {
  background-color: #fbf7e3 !important;
}
html body .collapsible--wrapper .collapsible--trigger > td {
  padding-left: 10px;
}
html body .collapsible--wrapper .collapsible--trigger > td input.form-control {
  padding: 3px 10px;
  border: 0px;
  display: inline-block;
  width: auto;
  height: auto;
  transition: all 0.1s ease-in-out;
  cursor: pointer;
  background-color: #ffffff;
}
html body .collapsible--wrapper .collapsible--trigger > td input.form-control:disabled {
  background-color: #ffffff;
}
html body .collapsible--wrapper .collapsible--trigger.active > td {
  background-color: #1b354c !important;
  color: #fcfbf6;
}
html body .collapsible--wrapper .collapsible--trigger.active a.btn:not(.btn-danger) {
  background-color: #fcfbf6;
  color: #1b354c;
}
html body .collapsible--wrapper .collapsible--trigger.active + tr > td {
  padding: 0px;
}
html body .collapsible--wrapper .collapsible--trigger.active app-date-picker .input-group-append {
  zoom: 0.75;
}
html body .collapsible--wrapper .collapsible--trigger:not(.active) app-date-picker .input-group-append {
  display: none;
}
html body .collapsible--wrapper .collapsible-content--row .collapsible--content {
  padding: 0.9375rem;
  background-color: #ffffff;
  margin-top: 0rem;
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.075);
  zoom: 0.95;
}
html body .collapsible--wrapper .collapsible-content--row .collapsible--content .table-oc-responsive {
  margin-bottom: 0px !important;
}
html body .collapsible--wrapper .collapsible-content--row .collapsible--content > .separator:first-child {
  margin-top: 0px;
}
html body .mapping--wrapper:not(:last-child) {
  margin-bottom: 1.75rem;
}
html body .mapping--wrapper .mapping--block {
  padding-top: 10px;
  padding-bottom: 0px;
  position: relative;
  margin-top: 1.5rem;
}
html body .mapping--wrapper .mapping--block .mapping--head {
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
}
html body .mapping--wrapper .mapping--block .mapping--head .left-col span {
  margin-left: 10px;
}
html body .mapping--wrapper .mapping--block .mapping--head .right-col span {
  margin-left: -5px;
}
html body .mapping--wrapper .mapping--block .mapping--head .badge {
  font-size: 0.75rem;
  line-height: 1;
  padding: 5px 10px;
}
html body .mapping--wrapper .mapping--block .mapping--row {
  padding: 0.5rem 0px;
}
html body .mapping--wrapper .mapping--block .mapping--row:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}
html body .mapping--wrapper .mapping--block .mapping--row span.old--value {
  font-weight: 700;
}
html body ul.nav-tabs.nav {
  border-bottom: 0px;
  gap: 20px;
}
html body ul.nav-tabs.nav.nav-justified > li.nav-item {
  flex: 1;
}
html body ul.nav-tabs.nav > li.nav-item > a.nav-link {
  border: 0px;
  margin: 0px;
}
html body ul.nav-tabs.nav > li.nav-item > a.nav-link.btn-primary:not(.active) {
  color: #ffffff;
  background-color: #144263;
}
html body ul.nav-tabs.nav > li.nav-item > a.nav-link.btn-success {
  opacity: 0.5;
  color: #ffffff;
  background-color: var(--bs-success);
}
html body ul.nav-tabs.nav > li.nav-item > a.nav-link.btn-success.active, html body ul.nav-tabs.nav > li.nav-item > a.nav-link.btn-success:hover {
  opacity: 1;
}
html body ul.nav-tabs.nav + .tab-content {
  padding: 2rem 0;
}
html body .basket-list--element {
  border: 2px solid var(--bs-primary);
  background-color: var(--bs-secondary-lightest);
  padding: 1.5rem 1rem;
}
html body .basket-list--element:not(:last-child) {
  margin-bottom: calc(var(--oc-basic-gutter)/2);
}
html body .weekdays-wrapper .week-switch {
  text-align: center;
  min-width: 60px;
}
html body .weekdays-wrapper .week-switch span {
  display: block;
  cursor: pointer;
}
html body .weekdays-wrapper .week-switch span.left {
  padding: 0.25rem 0.5rem;
  background-color: var(--bs-primary-dark);
  color: var(--oc-color-inverse);
}
html body .weekdays-wrapper .week-switch span.right {
  padding: 0.25rem 0.5rem;
  background-color: var(--bs-primary-dark);
  color: var(--oc-color-inverse);
}
html body .weekdays-wrapper .week-switch span.kw {
  padding: 0.5rem;
  background-color: #ffffff;
}
html body .weekdays-wrapper .weekday-grid {
  display: flex;
  flex-flow: row nowrap;
  gap: calc(var(--oc-basic-gutter) / 2);
  width: 100%;
}
html body .weekdays-wrapper .weekday-grid .weekday-column .weekday-title {
  display: block;
  color: var(--oc-color-inverse);
  background-color: var(--bs-primary-dark);
  padding: 1.5rem 0.5rem;
  white-space: nowrap;
  text-align: center;
  margin-bottom: calc(var(--oc-basic-gutter) / 2);
}
html body .weekdays-wrapper .weekday-grid .weekday-column .weekday--card-listing app-overview-card {
  text-align: center;
}
html body .weekdays-wrapper .weekday-grid .weekday-column .weekday--card-listing app-overview-card:not(:last-child) {
  margin-bottom: var(--oc-basic-gutter);
}
html body .calendar-wrapper {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 5px;
  overflow: auto;
}
html body .calendar-wrapper .weekday-grid:hover .week-row:not(.weekdays-header) .weekday-title[style*="var(--bs-secondary-light)"] {
  opacity: 0.2;
}
html body .calendar-wrapper .weekday-grid:has(.weekday-column.highlight:hover) .week-row:not(.weekdays-header) .weekday-column:not(.highlight) {
  opacity: 0.6;
}
html body .calendar-wrapper .weekday-grid .week-row {
  display: grid;
  grid-template-columns: 30px repeat(7, 1fr) auto;
  gap: 0 5px;
  padding-right: 32px;
  margin-bottom: 5px;
}
html body .calendar-wrapper .weekday-grid .week-row .kw-column {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 30px;
  background-color: rgba(255, 255, 255, 0.5);
}
html body .calendar-wrapper .weekday-grid .week-row .action-col {
  position: absolute;
  right: 14px;
}
html body .calendar-wrapper .weekday-grid .week-row.weekdays-header {
  font-weight: bold;
}
html body .calendar-wrapper .weekday-grid .week-row.weekdays-header .weekday-title {
  background-color: var(--bs-primary-dark);
  color: white;
  text-transform: uppercase;
  padding: 0.5rem;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column {
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column.highlight:not(:has(.weekday-title[style*="var(--bs-secondary-light)"])):not(:last-child) {
  align-self: start;
  margin-top: -5px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title {
  text-align: center;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title[style*="var(--bs-primary)"], html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title[style*="20, 66, 99"] {
  color: white;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title[style*="var(--bs-primary)"] .title-info i, html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title[style*="20, 66, 99"] .title-info i {
  color: white;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title[style*="var(--bs-secondary-light)"] {
  cursor: not-allowed;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title > span:first-child {
  font-weight: bold;
  margin-bottom: auto;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title .title-info {
  padding: 5px;
  font-size: 14px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.15);
  text-align: center;
  position: relative;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title .title-info span {
  font-weight: bold;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title .title-info i {
  position: absolute;
  right: 0.5rem;
  font-size: 1rem;
  z-index: 3;
  top: 0.45rem;
  color: var(--bs-primary-dark);
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title .title-info i:first-child {
  left: 0.5rem;
  right: auto;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column .weekday-title .weekday-status {
  margin-bottom: 0.5rem;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0.5rem;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column.disabled-weekday {
  opacity: 0.75;
  pointer-events: none;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column.disabled-weekday .weekday-title {
  background-color: var(--light) !important;
}
html body .calendar-wrapper .weekday-grid .week-row .weekday-column:last-child .weekday-title {
  min-width: auto;
  width: auto;
}
html body .mat-slide-toggle {
  --mat-active-color: var(--primary);
  --mat-inactive-color: var(--bs-gray-lighter);
}
html body .mat-slide-toggle .mat-slide-toggle-bar {
  background-color: var(--mat-inactive-color);
}
html body .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--mat-active-color);
}
html body .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--mat-inactive-color);
}
:host ::ng-deep ng2-smart-table {
  font-size: inherit;
}
:host ::ng-deep ng2-smart-table table {
  margin-bottom: 0.5rem;
  line-height: inherit;
}
:host ::ng-deep ng2-smart-table table tr th {
  font-weight: bold;
}
:host ::ng-deep ng2-smart-table table tr section {
  font-weight: bold;
  font-size: inherit;
}
:host ::ng-deep ng2-smart-table table tr td,
:host ::ng-deep ng2-smart-table table tr th {
  padding: 0.5em 1em;
  font-size: inherit;
}
:host ::ng-deep ng2-smart-table .ng2-smart-pagination[class] .ng2-smart-page-item[class] {
  display: block;
}
:host ::ng-deep ng2-smart-table .ng2-smart-filters > th {
  vertical-align: middle;
}
:host ::ng-deep ng2-smart-table th[ng2-st-checkbox-select-all],
:host ::ng-deep ng2-smart-table td.ng2-smart-action-multiple-select {
  text-align: center !important;
}
:host ::ng-deep ng2-smart-table th[ng2-st-checkbox-select-all] .form-control[type=checkbox],
:host ::ng-deep ng2-smart-table td.ng2-smart-action-multiple-select .form-control[type=checkbox] {
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
}
:host ::ng-deep ng2-smart-table .ng2-smart-action-multiple-select input[type=checkbox].form-control {
  border: initial !important;
  padding: initial !important;
  background: initial !important;
  min-height: 0 !important;
}
:host ::ng-deep ng2-smart-table input[type=checkbox] {
  display: inline-block;
  width: auto;
}
:host ::ng-deep .card-ng2-smart-table ng2-smart-table table {
  border: 0 !important;
}
:host ::ng-deep .card-ng2-smart-table ng2-smart-table table thead:first-child th {
  border-top: 0 !important;
}
:host ::ng-deep .card-ng2-smart-table ng2-smart-table table th:first-child,
:host ::ng-deep .card-ng2-smart-table ng2-smart-table td:first-child {
  border-left: 0 !important;
}
:host ::ng-deep .card-ng2-smart-table ng2-smart-table table th:last-child,
:host ::ng-deep .card-ng2-smart-table ng2-smart-table td:last-child {
  border-right: 0 !important;
}
.light-style :host ::ng-deep ng2-smart-table table tr th,
.light-style :host ::ng-deep ng2-smart-table table tr section {
  font-weight: 700;
}
.light-style :host ::ng-deep ng2-smart-table table tr td,
.light-style :host ::ng-deep ng2-smart-table table tr th {
  padding: 0.625rem;
}
.light-style :host ::ng-deep ng2-smart-table th a,
.light-style :host ::ng-deep ng2-smart-table td a {
  color: #144263;
  text-decoration: none;
}
.light-style :host ::ng-deep ng2-smart-table th a:hover, .light-style :host ::ng-deep ng2-smart-table th a:focus,
.light-style :host ::ng-deep ng2-smart-table td a:hover,
.light-style :host ::ng-deep ng2-smart-table td a:focus {
  color: #1d5e8d;
  text-decoration: none;
}
.light-style :host ::ng-deep ng2-smart-table .ng2-smart-titles a {
  color: #000000 !important;
}
.light-style :host ::ng-deep ng2-smart-table input:not([type=checkbox]):not([type=radio]),
.light-style :host ::ng-deep ng2-smart-table select {
  padding: 0.188rem 0.625rem;
  height: calc(1.5em + 0.376rem + 2px) !important;
  font-size: 0.75rem;
  line-height: 1.5;
}
.light-style :host ::ng-deep ng2-smart-table .ng2-smart-row.selected {
  border-color: rgba(0, 0, 0, 0.05) !important;
  background-color: rgba(0, 0, 0, 0.025) !important;
}
.light-style :host ::ng-deep ng2-smart-table .ng2-smart-pagination {
  padding: 0;
  font-size: 0.75rem;
}
.light-style :host ::ng-deep ng2-smart-table .ng2-smart-pagination .page-link-next,
.light-style :host ::ng-deep ng2-smart-table .ng2-smart-pagination .page-link-prev {
  font-size: inherit;
}
.light-style :host ::ng-deep ng2-smart-table .page-item:not(.active) > .ng2-smart-page-link {
  display: block;
  color: #999999;
  text-decoration: none;
  font-size: inherit;
}
.light-style :host ::ng-deep ng2-smart-table .page-item:not(.active) > .ng2-smart-page-link:hover, .light-style :host ::ng-deep ng2-smart-table .page-item:not(.active) > .ng2-smart-page-link:focus {
  color: #000000;
}
.light-style :host ::ng-deep .card-ng2-smart-table ng2-smart-table-pager {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.light-style :host ::ng-deep .card-ng2-smart-table ng2-smart-table table th:first-child,
.light-style :host ::ng-deep .card-ng2-smart-table ng2-smart-table td:first-child {
  padding-left: 1.5rem !important;
}
.light-style :host ::ng-deep .card-ng2-smart-table ng2-smart-table table th:last-child,
.light-style :host ::ng-deep .card-ng2-smart-table ng2-smart-table td:last-child {
  padding-right: 1.5rem !important;
}
@media print {
  :root {
    --oc-light-bg: #e6e6e6;
  }

  html body {
    background-color: transparent;
    font-size: 1.35rem;
  }
  html body * {
    font-size: 1.35rem;
  }
  html body .row.no-gutters, html body .no-gutters.form-row {
    --bs-gutter-x: 1rem;
  }
  html body app-title-bar,
html body .pass--info-block.collapsed,
html body .layout-sidenav,
html body .pass--wrapper .pass--body .pass--info-block .mini--box.selectedRecipeGroup,
html body .pass--wrapper .pass--body .pass--info-block .separator.content-toggle > span:after {
    display: none !important;
  }
  html body .scrolling--col {
    max-height: none;
    overflow: visible;
  }
  html body .pass--wrapper {
    background-color: transparent;
    max-width: none;
    width: 100%;
  }
  html body div.layout-container {
    padding: 0px !important;
    margin: 0px !important;
  }
  html body div.layout-container .card-body {
    padding: 0 1rem;
  }
  html body .print-title-row {
    line-height: 1.15;
    margin-bottom: 1rem;
    flex-flow: row wrap !important;
    margin: 0 -0.75rem;
  }
  html body .print-title-row .col {
    text-align: center;
  }
  html body .print-title-row .col * {
    font-size: 0.85rem !important;
    display: block;
  }
  html body .print-title-row .col .text-muted {
    font-weight: bold;
  }
  html body .print-title-row .col:first-child {
    text-align: left;
  }
  html body .print-title-row .col:last-child {
    text-align: right;
  }
  html body .container, html body .container-fluid, html body .container-xl, html body .container-lg, html body .container-md, html body .container-sm,
html body main#main {
    padding: 0px;
  }
  html body .recipe-name--wrapper {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  html body .recipe-name--wrapper .recipe-name {
    font-weight: var(--oc-font-weight-bold);
    font-size: 1.75rem;
  }
  html body .text-muted {
    color: #000000 !important;
  }
  html body main#main img {
    display: none !important;
  }
  html body .pass--wrapper .pass--body .pass--info-block:not(:last-child) {
    padding-bottom: 0px;
    margin-bottom: 50px;
  }
  html body .pass--wrapper .pass--body .pass--info-block:not(:last-child) .table-oc-responsive {
    margin-bottom: 0px;
  }
  html body .badge {
    border: 0px;
    color: #000000 !important;
    background-color: transparent !important;
    font-size: 1.1rem !important;
    font-weight: var(--oc-font-weight-bold);
  }
  html body .mini--box {
    border: 0px;
  }
  html body .mini--box .mb--header {
    min-height: 0px;
    color: #000000 !important;
  }
  html body .mini--box .mb--header > span {
    color: #000000;
    font-weight: var(--oc-font-weight-bold);
    font-size: 1.1rem !important;
  }
  html body .step--headline {
    color: #000000 !important;
  }
  html body .step--content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  html body table.table td, html body table.table th {
    padding: 5px 10px !important;
    border-top: 0px;
    background-color: var(--oc-light-bg) !important;
  }
  html body table.table th {
    font-weight: var(--oc-font-weight-bold);
    color: #000000 !important;
    font-size: 1.1rem !important;
  }
  html body table.table td {
    font-size: 1.35rem !important;
  }
  html body table.table td.w-50.align-middle:first-child {
    width: 35% !important;
  }
  html body table.table td.w-50.align-middle:first-child + .w50 {
    width: 65% !important;
  }
  html body .info-block--content > .row:not(:last-child), html body .info-block--content > .form-row:not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
.text-primary {
  color: #144263 !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #071823 !important;
}
.bg-primary {
  background-color: #144263 !important;
}
a.bg-primary:hover, a.bg-primary:focus {
  background-color: #133f5e !important;
}
.bg-primary-dark {
  background-color: #123b59 !important;
}
a.bg-primary-dark:hover, a.bg-primary-dark:focus {
  background-color: #113855 !important;
}
.bg-primary-darker {
  background-color: #113854 !important;
}
a.bg-primary-darker:hover, a.bg-primary-darker:focus {
  background-color: #103550 !important;
}
html:not([dir=rtl]) .border-primary, html[dir=rtl] .border-primary {
  border-color: #144263 !important;
}
.badge-primary {
  background-color: #144263;
  color: #fff;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
  background-color: #133f5e;
  color: #fff;
  text-decoration: none;
}
.btn .badge-primary {
  background: #144263 !important;
  border-color: #144263 !important;
  color: #fff !important;
}
.badge-outline-primary {
  background-color: transparent;
  box-shadow: 0 0 0 1px #144263 inset;
  color: #144263;
}
.badge-outline-primary[href]:hover, .badge-outline-primary[href]:focus {
  color: #144263;
  text-decoration: none;
}
.btn .badge-outline-primary {
  background-color: transparent !important;
  box-shadow: 0 0 0 1px #144263 inset !important;
  color: #144263 !important;
}
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus,
.pagination li.active > a:not(.page-link),
.pagination li.active > a:not(.page-link):hover,
.pagination li.active > a:not(.page-link):focus {
  border-color: #144263;
  background-color: #144263;
  color: #fff;
}
.progress-bar {
  background-color: #144263;
  color: #fff;
}
.list-group-item-primary {
  border-color: rgba(0, 0, 0, 0.07);
  background-color: #a1afb8;
  color: #40464a;
}
a.list-group-item-primary,
button.list-group-item-primary {
  color: #40464a;
}
a.list-group-item-primary:hover, a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
  background-color: #a2b0b9;
  color: #40464a;
}
a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #144263;
  background-color: #144263;
  color: #fff;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  border-color: #144263;
  background-color: #144263;
  color: #fff;
}
.alert-primary {
  border-color: #a7b4bc;
  background-color: #a1afb8;
  color: #40464a;
}
.alert-primary hr {
  border-top-color: #a7b4bc;
}
.alert-primary .alert-link {
  color: #40464a;
}
.alert-dark-primary {
  background-color: #144263;
  color: #fff;
}
.alert-dark-primary hr {
  border-top-color: rgba(255, 255, 255, 0.2);
}
.alert-dark-primary .close,
.alert-dark-primary .alert-link {
  color: #fff;
}
.callout-primary {
  border-color: #144263 !important;
  background-color: #a1afb8;
  color: #40464a;
}
.callout-primary .callout-link {
  color: #40464a;
}
.tooltip-primary .tooltip-inner, .tooltip-primary > .tooltip .tooltip-inner, .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
  background: #144263;
  color: #fff;
}
.tooltip-primary.bs-tooltip-top .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-top .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-top .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #144263;
}
.tooltip-primary.bs-tooltip-right .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-right .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-right .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #144263;
}
.tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-bottom .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-bottom .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #144263;
}
.tooltip-primary.bs-tooltip-left .arrow::before, .tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-left .arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-left .arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #144263;
}
.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window {
  border-color: transparent;
  background: #144263;
}
.popover-primary .popover-header, .popover-primary > .popover .popover-header, .ngb-popover-primary + ngb-popover-window .popover-header {
  border-color: rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
}
.popover-primary .popover-body, .popover-primary > .popover .popover-body, .ngb-popover-primary + ngb-popover-window .popover-body {
  background: transparent;
  color: #fff;
}
.popover-primary > .arrow::before, .popover-primary > .popover > .arrow::before, .ngb-popover-primary + ngb-popover-window > .arrow::before {
  border-color: transparent;
}
.popover-primary.bs-popover-top > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after, .popover-primary > .popover.bs-popover-top > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=top] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-top > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: #144263;
}
.popover-primary.bs-popover-right > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after, .popover-primary > .popover.bs-popover-right > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=right] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-right > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: #144263;
}
.popover-primary.bs-popover-bottom > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after, .popover-primary > .popover.bs-popover-bottom > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=bottom] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-bottom > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: #144263;
}
.popover-primary.bs-popover-left > .arrow::after, .popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after, .popover-primary > .popover.bs-popover-left > .arrow::after, .popover-primary > .popover.bs-popover-auto[x-placement^=left] > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-left > .arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: #144263;
}
.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
  border-color: rgba(0, 0, 0, 0.035) !important;
  background-color: #a1afb8;
  color: #40464a;
}
.table-hover .table-primary:hover,
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a2b0b9;
}
.btn-primary {
  border-color: transparent;
  background: #144263;
  color: #fff;
}
.btn-primary:hover {
  border-color: transparent;
  background: #133f5e;
  color: #fff;
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4);
}
.btn-primary.disabled, .btn-primary:disabled {
  border-color: transparent !important;
  background: #144263 !important;
  box-shadow: none !important;
  color: #fff !important;
}
.btn-primary .badge {
  background: #fff;
  color: #144263;
}
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  border-color: transparent;
  background: #113956;
  box-shadow: none;
}
.btn-group .btn-primary,
.input-group-prepend .btn-primary,
.input-group-append .btn-primary {
  border-right: 1px solid #113956;
  border-left: 1px solid #113956;
}
.btn-outline-primary {
  border-color: #144263;
  background: transparent;
  color: #144263;
}
.btn-outline-primary:hover {
  border-color: transparent;
  background: #144263;
  color: #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  border-color: #144263 !important;
  background: transparent !important;
  color: #144263 !important;
}
.btn-outline-primary:active,
.btn-outline-primary.active,
.show > .btn-outline-primary.dropdown-toggle {
  border-color: transparent;
  background: #133f5e;
  color: #fff;
  box-shadow: none;
}
.btn-outline-primary .badge {
  background: #144263;
  border-color: #144263;
  color: #fff;
}
.btn-outline-primary:hover .badge,
.btn-outline-primary:focus .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
  background: #fff;
  border-color: #fff;
  color: #144263;
}
.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  background-color: #144263;
  color: #fff;
}
.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
  background-color: #144263;
  color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  background-color: #144263;
  color: #fff;
}
.tabs-alt.nav-tabs .nav-link.active, .tabs-alt.nav-tabs .nav-link.active:hover, .tabs-alt.nav-tabs .nav-link.active:focus,
.tabs-alt > .nav-tabs .nav-link.active,
.tabs-alt > .nav-tabs .nav-link.active:hover,
.tabs-alt > .nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #144263 inset;
}
.custom-control .custom-control-input:focus ~ .custom-control-label::before, .custom-control .custom-control-input:active ~ .custom-control-label::before {
  border-color: #144263;
}
.custom-control .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4);
}
.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before, .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #144263;
  background-color: #144263;
}
.custom-control.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3E%3Cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3E%3C/svg%3E");
}
.custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #144263;
}
.custom-file-input:focus ~ .custom-file-label::after {
  border-color: inherit;
}
.form-control:focus,
.form-control.focus,
.custom-select:focus {
  border-color: #144263;
}
.switcher-input:checked ~ .switcher-indicator {
  background: #144263;
  color: #fff;
}
.switcher-input:focus ~ .switcher-indicator {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4);
}
.switcher-input:active ~ .switcher-indicator {
  box-shadow: none;
}
.navbar.bg-primary {
  background-color: #144263 !important;
  color: #92a8b7;
}
.navbar.bg-primary .navbar-brand {
  color: #fff;
}
.navbar.bg-primary .navbar-brand:hover, .navbar.bg-primary .navbar-brand:focus {
  color: #fff;
}
.navbar.bg-primary .navbar-nav .nav-link {
  color: #92a8b7;
}
.navbar.bg-primary .navbar-nav .nav-link:hover, .navbar.bg-primary .navbar-nav .nav-link:focus {
  color: #fff;
}
.navbar.bg-primary .navbar-nav .nav-link.disabled {
  color: #607f95 !important;
}
.navbar.bg-primary .navbar-nav .show > .nav-link,
.navbar.bg-primary .navbar-nav .active > .nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-primary .navbar-toggler {
  color: #92a8b7;
  border-color: rgba(255, 255, 255, 0.06);
}
.navbar.bg-primary .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}
.navbar.bg-primary .navbar-text {
  color: #92a8b7;
}
.navbar.bg-primary .navbar-text a {
  color: #fff;
}
.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.06);
}
.sidenav.bg-primary {
  background-color: #144263 !important;
  color: #92a8b7;
}
.sidenav.bg-primary .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev,
.sidenav.bg-primary .sidenav-horizontal-next {
  color: #92a8b7;
}
.sidenav.bg-primary .sidenav-link:hover, .sidenav.bg-primary .sidenav-link:focus,
.sidenav.bg-primary .sidenav-horizontal-prev:hover,
.sidenav.bg-primary .sidenav-horizontal-prev:focus,
.sidenav.bg-primary .sidenav-horizontal-next:hover,
.sidenav.bg-primary .sidenav-horizontal-next:focus {
  color: #fff;
}
.sidenav.bg-primary .sidenav-link.active,
.sidenav.bg-primary .sidenav-horizontal-prev.active,
.sidenav.bg-primary .sidenav-horizontal-next.active {
  color: #fff;
}
.sidenav.bg-primary .sidenav-item.disabled .sidenav-link,
.sidenav.bg-primary .sidenav-horizontal-prev.disabled,
.sidenav.bg-primary .sidenav-horizontal-next.disabled {
  color: #607f95 !important;
}
.sidenav.bg-primary .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle,
.sidenav.bg-primary .sidenav-item.active > .sidenav-link {
  color: #fff;
}
.sidenav.bg-primary .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #204b6b;
}
.sidenav.bg-primary.sidenav-horizontal .sidenav-menu > .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
  background-color: #2b5472;
}
.sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item:not(.sidenav-item-closing) > .sidenav-menu, .sidenav.bg-primary.sidenav-horizontal .sidenav-inner > .sidenav-item.open > .sidenav-toggle {
  background: #204b6b;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-menu,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.sidenav-item-closing .sidenav-item.open .sidenav-toggle {
  background: transparent;
  color: #92a8b7;
}
.sidenav.bg-primary .sidenav-text {
  color: #fff;
}
.sidenav.bg-primary .sidenav-header {
  color: #738fa2;
}
.sidenav.bg-primary hr,
.sidenav.bg-primary .sidenav-divider,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open > .sidenav-menu::before {
  border-color: rgba(255, 255, 255, 0.06) !important;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-header::before,
.sidenav.bg-primary .sidenav-block::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before {
  background-color: #2d5674;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  background-color: #fff;
}
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.open > .sidenav-toggle::before,
.sidenav.bg-primary .sidenav-inner > .sidenav-item.open .sidenav-item.active > .sidenav-link::before {
  box-shadow: 0 0 0 2px #204b6b;
}
.sidenav.bg-primary .ps__thumb-y,
.sidenav.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.4878556863) !important;
}
.footer.bg-primary {
  background-color: #144263 !important;
  color: #92a8b7;
}
.footer.bg-primary .footer-link {
  color: #92a8b7;
}
.footer.bg-primary .footer-link:hover, .footer.bg-primary .footer-link:focus {
  color: #fff;
}
.footer.bg-primary .footer-link.disabled {
  color: #607f95 !important;
}
.footer.bg-primary .footer-text {
  color: #fff;
}
.footer.bg-primary .show > .footer-link,
.footer.bg-primary .active > .footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
  color: #fff;
}
.footer.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.06);
}
.bg-primary.bs4-toast {
  color: #fff;
  background-color: rgba(20, 66, 99, 0.9) !important;
}
.bg-primary.bs4-toast .toast-header {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.fill-primary {
  fill: #144263;
}
.noUi-primary .noUi-base .noUi-connect {
  background: #144263 !important;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #144263 !important;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #144263 !important;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #144263 !important;
}
.ql-snow.ql-container .ql-editor:focus {
  border-color: #144263 !important;
}
.dropzone.dz-drag-hover {
  border-color: #144263 !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #144263 !important;
}
.sk-primary.sk-plane,
.sk-primary .sk-chase-dot:before,
.sk-primary .sk-bounce-dot,
.sk-primary .sk-wave-rect,
.sk-primary.sk-pulse,
.sk-primary .sk-swing-dot,
.sk-primary .sk-circle-dot:before,
.sk-primary .sk-circle-fade-dot:before,
.sk-primary .sk-grid-cube,
.sk-primary .sk-fold-cube:before {
  background-color: #144263;
}
.plyr[class] .plyr__control--overlaid {
  background: rgba(20, 66, 99, 0.75) !important;
  color: #fff !important;
}
.plyr[class] .plyr__control.plyr__tab-focus,
.plyr[class] .plyr__control:hover,
.plyr[class] .plyr__control[aria-expanded=true] {
  background: #144263 !important;
  color: #fff !important;
}
.plyr[class] .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:not(.plyr__tab-focus):not(:hover)::before {
  background: #144263 !important;
}
.plyr[class] .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:not(.plyr__tab-focus):not(:hover)::after {
  background: #fff !important;
}
.plyr[class] .plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4) !important;
}
.plyr--full-ui[class] input[type=range] {
  color: #144263 !important;
}
.plyr--full-ui[class] input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4) !important;
}
.plyr--full-ui[class] input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4) !important;
}
.plyr--full-ui[class] input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 2px rgba(20, 66, 99, 0.4) !important;
}
.ng-select-focused .ng-select-container {
  border-color: #144263 !important;
}
.ng-dropdown-panel .ng-option-marked {
  background: #144263 !important;
  color: #fff !important;
}
.ng-select .ng-spinner-loader {
  border-left-color: #144263 !important;
}
.ng-select-primary.ng-select-multiple .ng-value,
.ng-select-primary .ng-select-multiple .ng-value {
  background: #144263 !important;
  color: #fff !important;
}
.ng2-tag-input--focused {
  border-color: #144263 !important;
}
.ngx-chips-primary[class] .ng2-tag-input tag {
  background-color: #144263 !important;
  color: #fff !important;
}
.ngx-chips-primary[class] .ng2-tag-input tag:focus, .ngx-chips-primary[class] .ng2-tag-input tag:active {
  background-color: #0a2030 !important;
  color: #fff !important;
}
.ngx-chips-primary[class] .ng2-tag-input tag delete-icon svg path {
  fill: #fff !important;
}
.ngx-chips-primary[class] .ng2-tag-input.ng2-tag-input--disabled tag,
.ngx-chips-primary[class] .ng2-tag-input.ng2-tag-input--disabled tag:focus,
.ngx-chips-primary[class] .ng2-tag-input.ng2-tag-input--disabled tag:active {
  background-color: #144263 !important;
  color: #fff !important;
}
.ngx-datatable .datatable-pager ul li:not(.disabled).active a {
  border-color: #10344e !important;
  background: #144263 !important;
  color: #fff !important;
}
.ngx-datatable .progress-linear .container {
  background-color: #144263 !important;
}
.ngx-datatable:not(.cell-selection) .datatable-body-row.active,
.ngx-datatable:not(.cell-selection) .datatable-body-row.active .datatable-body-cell,
.ngx-datatable.cell-selection .datatable-body-row .datatable-body-cell.active {
  background-color: #144263 !important;
  border-color: rgba(0, 0, 0, 0.05) !important;
}
.ngx-datatable:not(.cell-selection) .datatable-body-row.active,
.ngx-datatable:not(.cell-selection) .datatable-body-row.active .text-dark,
.ngx-datatable:not(.cell-selection) .datatable-body-row.active .datatable-body-cell,
.ngx-datatable:not(.cell-selection) .datatable-body-row.active .datatable-body-cell .text-dark,
.ngx-datatable.cell-selection .datatable-body-row .datatable-body-cell.active,
.ngx-datatable.cell-selection .datatable-body-row .datatable-body-cell.active .text-dark {
  color: #fff !important;
}
aw-wizard ul.steps-indicator li.current .step-indicator,
aw-wizard ul.steps-indicator li.editing .step-indicator {
  border-color: #144263 !important;
  color: #144263 !important;
}
.cal-event {
  background: #144263 !important;
}
.cal-week-view .cal-event,
.cal-day-view .cal-event {
  background: rgba(20, 66, 99, 0.15) !important;
}
.cal-month-view .cal-day-badge {
  background: #144263 !important;
  color: #fff !important;
}
.cal-month-view .cal-day-cell.cal-today,
.cal-week-view .cal-header.cal-today {
  background: rgba(20, 66, 99, 0.05) !important;
}
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background: rgba(20, 66, 99, 0.15) !important;
}
.cal-day-view .cal-all-day-event {
  background: rgba(20, 66, 99, 0.15) !important;
  border-color: rgba(20, 66, 99, 0.15) !important;
}
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
  background: #144263;
  color: #fff;
}
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #c1cac3;
}
.ui-product-color.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #144263 !important;
}

/*# sourceMappingURL=theme-oc-standard.ef3c1126bdc40b36f7bc.css.map*/