@charset "UTF-8";

/* node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color:rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#673ab7;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#ffd740;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#673ab7;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#673ab7;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ffd740;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ffd740;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-app-background-color:#fafafa;
  --mat-app-text-color:rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:white;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color:white;
  --mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#673ab7;
  --mdc-linear-progress-track-color:rgba(103, 58, 183, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ffd740;
  --mdc-linear-progress-track-color:rgba(255, 215, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-container-shape:4px;
}
html {
  --mdc-filled-text-field-caret-color:#673ab7;
  --mdc-filled-text-field-focus-active-indicator-color:#673ab7;
  --mdc-filled-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);
  --mdc-filled-text-field-container-color:whitesmoke;
  --mdc-filled-text-field-disabled-container-color:#fafafa;
  --mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
  --mdc-outlined-text-field-caret-color:#673ab7;
  --mdc-outlined-text-field-focus-outline-color:#673ab7;
  --mdc-outlined-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
  --mat-form-field-focus-select-arrow-color:rgba(103, 58, 183, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:inherit;
  --mat-form-field-select-disabled-option-text-color:GrayText;
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.04;
  --mat-form-field-focus-state-layer-opacity:0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#ffd740;
  --mdc-filled-text-field-focus-active-indicator-color:#ffd740;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);
  --mdc-outlined-text-field-caret-color:#ffd740;
  --mdc-outlined-text-field-focus-outline-color:#ffd740;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(255, 215, 64, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(103, 58, 183, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(255, 215, 64, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color:white;
  --mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:white;
}
html {
  --mdc-dialog-container-shape:4px;
  --mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width:80vw;
  --mat-dialog-container-small-max-width:80vw;
  --mat-dialog-container-min-width:0;
  --mat-dialog-actions-alignment:start;
  --mat-dialog-actions-padding:8px;
  --mat-dialog-content-padding:20px 24px;
  --mat-dialog-with-actions-content-padding:20px 24px;
  --mat-dialog-headline-padding:0 24px 9px;
}
html {
  --mdc-dialog-container-color:white;
  --mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
  --mat-chip-disabled-container-opacity:0.4;
  --mat-chip-trailing-action-opacity:0.54;
  --mat-chip-trailing-action-focus-opacity:1;
  --mat-chip-trailing-action-state-layer-color:transparent;
  --mat-chip-selected-trailing-action-state-layer-color:transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity:0;
  --mat-chip-trailing-action-focus-state-layer-opacity:0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color:#212121;
  --mdc-chip-elevated-container-color:#e0e0e0;
  --mdc-chip-elevated-selected-container-color:#e0e0e0;
  --mdc-chip-elevated-disabled-container-color:#e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color:#e0e0e0;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#212121;
  --mdc-chip-selected-label-text-color:#212121;
  --mdc-chip-with-icon-icon-color:#212121;
  --mdc-chip-with-icon-disabled-icon-color:#212121;
  --mdc-chip-with-icon-selected-icon-color:#212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#212121;
  --mat-chip-selected-disabled-trailing-icon-color:#212121;
  --mat-chip-selected-trailing-icon-color:#212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#673ab7;
  --mdc-chip-elevated-selected-container-color:#673ab7;
  --mdc-chip-elevated-disabled-container-color:#673ab7;
  --mdc-chip-flat-disabled-selected-container-color:#673ab7;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color:#ffd740;
  --mdc-chip-elevated-selected-container-color:#ffd740;
  --mdc-chip-elevated-disabled-container-color:#ffd740;
  --mdc-chip-flat-disabled-selected-container-color:#ffd740;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:black;
  --mdc-chip-hover-state-layer-color:black;
  --mdc-chip-selected-hover-state-layer-color:black;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:black;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#5e35b1;
  --mdc-switch-selected-handle-color:#5e35b1;
  --mdc-switch-selected-hover-state-layer-color:#5e35b1;
  --mdc-switch-selected-pressed-state-layer-color:#5e35b1;
  --mdc-switch-selected-focus-handle-color:#311b92;
  --mdc-switch-selected-hover-handle-color:#311b92;
  --mdc-switch-selected-pressed-handle-color:#311b92;
  --mdc-switch-selected-focus-track-color:#9575cd;
  --mdc-switch-selected-hover-track-color:#9575cd;
  --mdc-switch-selected-pressed-track-color:#9575cd;
  --mdc-switch-selected-track-color:#9575cd;
  --mdc-switch-disabled-selected-handle-color:#424242;
  --mdc-switch-disabled-selected-icon-color:#fff;
  --mdc-switch-disabled-selected-track-color:#424242;
  --mdc-switch-disabled-unselected-handle-color:#424242;
  --mdc-switch-disabled-unselected-icon-color:#fff;
  --mdc-switch-disabled-unselected-track-color:#424242;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#fff;
  --mdc-switch-unselected-focus-handle-color:#212121;
  --mdc-switch-unselected-focus-state-layer-color:#424242;
  --mdc-switch-unselected-focus-track-color:#e0e0e0;
  --mdc-switch-unselected-handle-color:#616161;
  --mdc-switch-unselected-hover-handle-color:#212121;
  --mdc-switch-unselected-hover-state-layer-color:#424242;
  --mdc-switch-unselected-hover-track-color:#e0e0e0;
  --mdc-switch-unselected-icon-color:#fff;
  --mdc-switch-unselected-pressed-handle-color:#212121;
  --mdc-switch-unselected-pressed-state-layer-color:#424242;
  --mdc-switch-unselected-pressed-track-color:#e0e0e0;
  --mdc-switch-unselected-track-color:#e0e0e0;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#ffb300;
  --mdc-switch-selected-handle-color:#ffb300;
  --mdc-switch-selected-hover-state-layer-color:#ffb300;
  --mdc-switch-selected-pressed-state-layer-color:#ffb300;
  --mdc-switch-selected-focus-handle-color:#ff6f00;
  --mdc-switch-selected-hover-handle-color:#ff6f00;
  --mdc-switch-selected-pressed-handle-color:#ff6f00;
  --mdc-switch-selected-focus-track-color:#ffd54f;
  --mdc-switch-selected-hover-track-color:#ffd54f;
  --mdc-switch-selected-pressed-track-color:#ffd54f;
  --mdc-switch-selected-track-color:#ffd54f;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#673ab7;
  --mdc-radio-selected-hover-icon-color:#673ab7;
  --mdc-radio-selected-icon-color:#673ab7;
  --mdc-radio-selected-pressed-icon-color:#673ab7;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#673ab7;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ffd740;
  --mdc-radio-selected-hover-icon-color:#ffd740;
  --mdc-radio-selected-icon-color:#ffd740;
  --mdc-radio-selected-pressed-icon-color:#ffd740;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ffd740;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size:40px;
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width:auto;
  --mat-slider-value-indicator-height:32px;
  --mat-slider-value-indicator-caret-display:block;
  --mat-slider-value-indicator-border-radius:4px;
  --mat-slider-value-indicator-padding:0 12px;
  --mat-slider-value-indicator-text-transform:none;
  --mat-slider-value-indicator-container-transform:translateX(-50%);
}
html {
  --mdc-slider-handle-color:#673ab7;
  --mdc-slider-focus-handle-color:#673ab7;
  --mdc-slider-hover-handle-color:#673ab7;
  --mdc-slider-active-track-color:#673ab7;
  --mdc-slider-inactive-track-color:#673ab7;
  --mdc-slider-with-tick-marks-inactive-container-color:#673ab7;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#000;
  --mdc-slider-disabled-handle-color:#000;
  --mdc-slider-disabled-inactive-track-color:#000;
  --mdc-slider-label-container-color:#000;
  --mdc-slider-label-label-text-color:#fff;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#000;
  --mat-slider-ripple-color:#673ab7;
  --mat-slider-hover-state-layer-color:rgba(103, 58, 183, 0.05);
  --mat-slider-focus-state-layer-color:rgba(103, 58, 183, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ffd740;
  --mdc-slider-focus-handle-color:#ffd740;
  --mdc-slider-hover-handle-color:#ffd740;
  --mdc-slider-active-track-color:#ffd740;
  --mdc-slider-inactive-track-color:#ffd740;
  --mdc-slider-with-tick-marks-inactive-container-color:#ffd740;
  --mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color:#ffd740;
  --mat-slider-hover-state-layer-color:rgba(255, 215, 64, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 215, 64, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-base-elevation-level:8;
}
html {
  --mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-menu-container-color:white;
  --mat-menu-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color:black;
  --mdc-list-list-item-disabled-leading-icon-color:black;
  --mdc-list-list-item-disabled-trailing-icon-color:black;
  --mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color:black;
  --mdc-list-list-item-hover-state-layer-opacity:0.04;
  --mdc-list-list-item-focus-state-layer-color:black;
  --mdc-list-list-item-focus-state-layer-opacity:0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#673ab7;
  --mdc-radio-selected-hover-icon-color:#673ab7;
  --mdc-radio-selected-icon-color:#673ab7;
  --mdc-radio-selected-pressed-icon-color:#673ab7;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#ffd740;
  --mdc-radio-selected-hover-icon-color:#ffd740;
  --mdc-radio-selected-icon-color:#ffd740;
  --mdc-radio-selected-pressed-icon-color:#ffd740;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:black;
  --mdc-radio-disabled-unselected-icon-color:black;
  --mdc-radio-unselected-hover-icon-color:#212121;
  --mdc-radio-unselected-focus-icon-color:#212121;
  --mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#673ab7;
  --mdc-checkbox-selected-hover-icon-color:#673ab7;
  --mdc-checkbox-selected-icon-color:#673ab7;
  --mdc-checkbox-selected-pressed-icon-color:#673ab7;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#673ab7;
  --mdc-checkbox-selected-hover-state-layer-color:#673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color:#673ab7;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#ffd740;
  --mdc-checkbox-selected-hover-icon-color:#ffd740;
  --mdc-checkbox-selected-icon-color:#ffd740;
  --mdc-checkbox-selected-pressed-icon-color:#ffd740;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ffd740;
  --mdc-checkbox-selected-hover-state-layer-color:#ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color:#ffd740;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #673ab7;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height:48px;
  --mdc-list-list-item-two-line-container-height:64px;
  --mdc-list-list-item-three-line-container-height:88px;
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color:white;
  --mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
  --mat-tab-header-divider-color:transparent;
  --mat-tab-header-divider-height:0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color:#673ab7;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#673ab7;
  --mat-tab-header-active-ripple-color:#673ab7;
  --mat-tab-header-inactive-ripple-color:#673ab7;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#673ab7;
  --mat-tab-header-active-hover-label-text-color:#673ab7;
  --mat-tab-header-active-focus-indicator-color:#673ab7;
  --mat-tab-header-active-hover-indicator-color:#673ab7;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ffd740;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#ffd740;
  --mat-tab-header-active-ripple-color:#ffd740;
  --mat-tab-header-inactive-ripple-color:#ffd740;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#ffd740;
  --mat-tab-header-active-hover-label-text-color:#ffd740;
  --mat-tab-header-active-focus-indicator-color:#ffd740;
  --mat-tab-header-active-hover-indicator-color:#ffd740;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
  --mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color:black;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#673ab7;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color:#ffd740;
  --mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#ffd740;
  --mdc-checkbox-selected-hover-icon-color:#ffd740;
  --mdc-checkbox-selected-icon-color:#ffd740;
  --mdc-checkbox-selected-pressed-icon-color:#ffd740;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#ffd740;
  --mdc-checkbox-selected-hover-state-layer-color:#ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color:#ffd740;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
  --mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#673ab7;
  --mdc-checkbox-selected-hover-icon-color:#673ab7;
  --mdc-checkbox-selected-icon-color:#673ab7;
  --mdc-checkbox-selected-pressed-icon-color:#673ab7;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#673ab7;
  --mdc-checkbox-selected-hover-state-layer-color:#673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color:#673ab7;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --mdc-checkbox-unselected-focus-icon-color:#212121;
  --mdc-checkbox-unselected-hover-icon-color:#212121;
  --mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:black;
  --mdc-checkbox-unselected-hover-state-layer-color:black;
  --mdc-checkbox-unselected-pressed-state-layer-color:black;
}
html {
  --mdc-checkbox-state-layer-size:40px;
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
  --mdc-protected-button-container-shape:4px;
  --mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
  --mat-text-button-horizontal-padding:8px;
  --mat-text-button-with-icon-horizontal-padding:8px;
  --mat-text-button-icon-spacing:8px;
  --mat-text-button-icon-offset:0;
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
  --mat-outlined-button-horizontal-padding:15px;
  --mat-outlined-button-icon-spacing:8px;
  --mat-outlined-button-icon-offset:-4px;
}
html {
  --mdc-text-button-label-text-color:black;
  --mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color:black;
  --mat-text-button-disabled-state-layer-color:black;
  --mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.04;
  --mat-text-button-focus-state-layer-opacity:0.12;
  --mat-text-button-pressed-state-layer-opacity:0.12;
  --mdc-filled-button-container-color:white;
  --mdc-filled-button-label-text-color:black;
  --mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-disabled-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.04;
  --mat-filled-button-focus-state-layer-opacity:0.12;
  --mat-filled-button-pressed-state-layer-opacity:0.12;
  --mdc-protected-button-container-color:white;
  --mdc-protected-button-label-text-color:black;
  --mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-disabled-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.04;
  --mat-protected-button-focus-state-layer-opacity:0.12;
  --mat-protected-button-pressed-state-layer-opacity:0.12;
  --mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color:black;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:black;
  --mat-outlined-button-disabled-state-layer-color:black;
  --mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.04;
  --mat-outlined-button-focus-state-layer-opacity:0.12;
  --mat-outlined-button-pressed-state-layer-opacity:0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#673ab7;
  --mat-text-button-state-layer-color:#673ab7;
  --mat-text-button-ripple-color:rgba(103, 58, 183, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ffd740;
  --mat-text-button-state-layer-color:#ffd740;
  --mat-text-button-ripple-color:rgba(255, 215, 64, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#673ab7;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color:#ffd740;
  --mdc-filled-button-label-text-color:black;
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color:#673ab7;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color:#ffd740;
  --mdc-protected-button-label-text-color:black;
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color:#673ab7;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#673ab7;
  --mat-outlined-button-ripple-color:rgba(103, 58, 183, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ffd740;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#ffd740;
  --mat-outlined-button-ripple-color:rgba(255, 215, 64, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height:36px;
  --mdc-filled-button-container-height:36px;
  --mdc-protected-button-container-height:36px;
  --mdc-outlined-button-container-height:36px;
  --mat-text-button-touch-target-display:block;
  --mat-filled-button-touch-target-display:block;
  --mat-protected-button-touch-target-display:block;
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color:black;
  --mat-icon-button-disabled-state-layer-color:black;
  --mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.04;
  --mat-icon-button-focus-state-layer-opacity:0.12;
  --mat-icon-button-pressed-state-layer-opacity:0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#673ab7;
  --mat-icon-button-state-layer-color:#673ab7;
  --mat-icon-button-ripple-color:rgba(103, 58, 183, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ffd740;
  --mat-icon-button-state-layer-color:#ffd740;
  --mat-icon-button-ripple-color:rgba(255, 215, 64, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display:block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape:50%;
  --mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape:50%;
  --mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height:48px;
  --mdc-extended-fab-container-shape:24px;
  --mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color:white;
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-disabled-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity:0.04;
  --mat-fab-focus-state-layer-opacity:0.12;
  --mat-fab-pressed-state-layer-opacity:0.12;
  --mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color:white;
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-disabled-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.04;
  --mat-fab-small-focus-state-layer-opacity:0.12;
  --mat-fab-small-pressed-state-layer-opacity:0.12;
  --mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#673ab7;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color:#ffd740;
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color:#673ab7;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color:#ffd740;
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display:block;
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:#333333;
  --mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color:#ffd740;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:white;
  --mat-table-header-headline-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#673ab7;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ffd740;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
html {
  --mat-badge-container-shape:50%;
  --mat-badge-container-size:unset;
  --mat-badge-small-size-container-size:unset;
  --mat-badge-large-size-container-size:unset;
  --mat-badge-legacy-container-size:22px;
  --mat-badge-legacy-small-size-container-size:16px;
  --mat-badge-legacy-large-size-container-size:28px;
  --mat-badge-container-offset:-11px 0;
  --mat-badge-small-size-container-offset:-8px 0;
  --mat-badge-large-size-container-offset:-14px 0;
  --mat-badge-container-overlap-offset:-11px;
  --mat-badge-small-size-container-overlap-offset:-8px;
  --mat-badge-large-size-container-overlap-offset:-14px;
  --mat-badge-container-padding:0;
  --mat-badge-small-size-container-padding:0;
  --mat-badge-large-size-container-padding:0;
}
html {
  --mat-badge-background-color:#673ab7;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ffd740;
  --mat-badge-text-color:rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color:white;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
  --mat-standard-button-toggle-shape:4px;
  --mat-standard-button-toggle-hover-state-layer-opacity:0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity:0.12;
}
html {
  --mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color:white;
  --mat-standard-button-toggle-state-layer-color:black;
  --mat-standard-button-toggle-selected-state-background-color:#e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color:white;
  --mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;
  --mat-standard-button-toggle-divider-color:#e0e0e0;
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(103, 58, 183, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(103, 58, 183, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(103, 58, 183, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#673ab7;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(103, 58, 183, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color:black;
  --mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color:white;
  --mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color:#ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 215, 64, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 215, 64, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ffd740;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape:4px;
  --mat-expansion-legacy-header-indicator-display:inline-block;
  --mat-expansion-header-indicator-display:none;
}
html {
  --mat-expansion-container-background-color:white;
  --mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#673ab7;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ffd740;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-shape:0;
  --mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width:auto;
}
html {
  --mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color:white;
  --mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color:#fafafa;
  --mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#673ab7;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color:#ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color:#ffd740;
  --mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color:#ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:#757575;
}
html {
  --mat-toolbar-container-background-color:whitesmoke;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#673ab7;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ffd740;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:white;
  --mat-tree-node-text-color:rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* apps/RWB/src/styles.scss */
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
:root {
  --ibc-primary: var(--color-surface-primary-initial);
  --ibc-primary-dark: var(--color-stroke-primary-hovered);
  --ibc-secondary: var(--color-surface-primary-initial);
  --ibc-secondary-dark: var(--color-stroke-primary-hovered);
  --ibc-success: var(--color-stroke-positive-initial);
  --ibc-success-dark: var(--color-stroke-positive-hovered);
  --ibc-accent: var(--color-surface-warning-initial);
  --ibc-accent-dark: var(--color-surface-warning-hovered);
  --ibc-alert: var(--color-surface-negative-initial);
  --ibc-alert-dark: var(--color-surface-negative-hovered);
  --ibc-info: var(--color-stroke-warning-subtle-initial);
  --ibc-info-dark: var(--color-stroke-warning-subtle-hovered);
  --ibc-blue: var(--color-stroke-primary-initial);
  --ibc-blue-dark: var(--color-stroke-primary-hovered);
  --ibc-gray-1: var(--color-text-soft-dark);
  --ibc-gray-2: var(--color-text-soft-inverted);
  --ibc-gray-3: var(--color-stroke-soft-initial);
  --ibc-gray-4: var(--color-surface-canvas-light-pressed);
  --ibc-gray-5: var(--color-surface-canvas-pressed);
  --ibc-gray-6: var(--color-text-disabled-default);
  --ibc-gray-7: var(--color-text-disabled-dark);
  --ibc-gray-8: var(--color-surface-canvas-pressed);
  --ibc-black: var(--color-surface-high-dark-initial);
  --ibc-white: var(--color-text-strong-light);
}
:root.status {
  --color-surface-primary-initial: var(--color-icon-primary-initial);
}
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-family-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}
a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 0.875em;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container,
.bottomBanner .banner-navigation,
.topBanner .banner-navigation,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}
.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}
.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size],
select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip,
.form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip,
.form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header,
.slc-card li.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition:
    transform 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .bottomBanner .banner-navigation,
.bottomBanner .navbar .banner-navigation,
.navbar .topBanner .banner-navigation,
.topBanner .navbar .banner-navigation,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}
.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .bottomBanner .navbar-expand-sm > .banner-navigation,
  .topBanner .navbar-expand-sm > .banner-navigation,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .bottomBanner .navbar-expand-sm > .banner-navigation,
  .topBanner .navbar-expand-sm > .banner-navigation,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .bottomBanner .navbar-expand-md > .banner-navigation,
  .topBanner .navbar-expand-md > .banner-navigation,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .bottomBanner .navbar-expand-md > .banner-navigation,
  .topBanner .navbar-expand-md > .banner-navigation,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .bottomBanner .navbar-expand-lg > .banner-navigation,
  .topBanner .navbar-expand-lg > .banner-navigation,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .bottomBanner .navbar-expand-lg > .banner-navigation,
  .topBanner .navbar-expand-lg > .banner-navigation,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .bottomBanner .navbar-expand-xl > .banner-navigation,
  .topBanner .navbar-expand-xl > .banner-navigation,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .bottomBanner .navbar-expand-xl > .banner-navigation,
  .topBanner .navbar-expand-xl > .banner-navigation,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.bottomBanner .navbar-expand > .banner-navigation,
.topBanner .navbar-expand > .banner-navigation,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.bottomBanner .navbar-expand > .banner-navigation,
.topBanner .navbar-expand > .banner-navigation,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover,
a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert,
.tbc-login .mfa-error-code {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger,
.tbc-login .mfa-error-code {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr,
.tbc-login .mfa-error-code hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link,
.tbc-login .mfa-error-code .alert-link {
  color: #491217;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content,
.modal-dialog-scrollable .modal-success-content,
.modal-dialog-scrollable .modal-error-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-success-content .modal-success-header,
.modal-success-content .modal-dialog-scrollable .modal-success-header,
.modal-dialog-scrollable .modal-error-content .modal-error-header,
.modal-error-content .modal-dialog-scrollable .modal-error-header,
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-success-content .modal-success-footer,
.modal-success-content .modal-dialog-scrollable .modal-success-footer,
.modal-dialog-scrollable .modal-error-content .modal-error-footer,
.modal-error-content .modal-dialog-scrollable .modal-error-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body,
.modal-dialog-scrollable .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog-scrollable .modal-success-body,
.modal-dialog-scrollable .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog-scrollable .modal-error-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content,
.modal-dialog-centered.modal-dialog-scrollable .modal-success-content,
.modal-dialog-centered.modal-dialog-scrollable .modal-error-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content,
.modal-success-content,
.modal-error-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header,
.modal-success-content .modal-success-header,
.modal-error-content .modal-error-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close,
.modal-success-content .modal-success-header .close,
.modal-error-content .modal-error-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body,
.modal-success-content .modal-success-body,
.modal-error-content .modal-error-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer,
.modal-success-content .modal-success-footer,
.modal-error-content .modal-error-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > *,
.modal-success-content .modal-success-footer > *,
.modal-error-content .modal-error-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content,
  .modal-dialog-scrollable .modal-success-content,
  .modal-dialog-scrollable .modal-error-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    "Liberation Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.text-monospace {
  font-family:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center,
ib-filter-range .range-block .range-label,
ib-date-field .range-block .range-label {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:hover,
a.text-success:focus {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
a:not([href]),
a,
a:link,
a:visited {
  color: var(--color-icon-primary-initial);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--color-stroke-primary-hovered);
  text-decoration: underline;
}
a:not([href]):hover,
a:not([href]):focus {
  color: var(--color-stroke-primary-hovered);
  text-decoration: underline;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
@-webkit-keyframes thumb {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(25deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.btn,
.btn:link,
.btn:visited {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  vertical-align: inherit;
  padding: 9px;
  border: 0 solid transparent;
  color: var(--color-text-strong-light);
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  outline-style: none;
}
.btn:hover,
.btn:active,
.btn:focus,
.btn.active {
  color: var(--color-text-strong-light);
}
.btn.btn-default:active,
.btn.btn-default:hover,
.btn.btn-default:focus {
  color: var(--color-text-strong-light);
}
.btn.btn-primary {
  background-color: var(--color-icon-primary-initial);
  border-color: var(--color-icon-primary-initial);
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.btn.btn-primary.ng-hide-add,
.btn.btn-primary.ng-leave {
  transition: none;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:focus {
  background-color: var(--color-stroke-primary-hovered);
  border-color: var(--color-stroke-primary-hovered);
  outline: none;
  box-shadow: none;
}
.btn.btn-primary.disabled {
  background-color: var(--color-icon-primary-initial);
  border-color: var(--color-icon-primary-initial);
}
.btn.btn-line,
.btn.btn-remove {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: transparent !important;
  color: var(--color-stroke-primary-initial) !important;
  border-color: var(--color-stroke-primary-initial);
  border-width: 1px;
  border-style: solid;
}
.btn.btn-line.ng-hide-add,
.btn.btn-line.ng-leave,
.btn.btn-remove.ng-hide-add,
.btn.btn-remove.ng-leave {
  transition: none;
}
.btn.btn-line.redesign,
.btn.btn-remove.redesign {
  color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}
.btn.btn-line[disabled]:focus,
.btn.btn-remove[disabled]:focus {
  background-color: transparent;
}
.btn.btn-line.white,
.btn.btn-remove.white {
  border-color: var(--color-text-strong-light);
  background-color: transparent;
  color: var(--color-text-strong-light);
}
.btn.btn-line.btn-gray,
.btn.btn-remove.btn-gray {
  border-color: var(--color-text-soft-default);
  background-color: transparent;
  color: var(--color-text-soft-dark);
}
.btn.btn-line:hover:not(.redesign),
.btn.btn-line:active:not(.redesign),
.btn.btn-line.active:not(.redesign),
.btn.btn-line.focus:not(.redesign),
.btn.btn-line:focus:not(.redesign),
.btn.btn-remove:hover:not(.redesign),
.btn.btn-remove:active:not(.redesign),
.btn.btn-remove.active:not(.redesign),
.btn.btn-remove.focus:not(.redesign),
.btn.btn-remove:focus:not(.redesign) {
  background-color: var(--color-stroke-primary-initial) !important;
  color: var(--color-text-strong-light) !important;
}
.btn.btn-line:hover.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-line:active.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-line.active.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-line.focus.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-line:focus.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-remove:hover.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-remove:active.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-remove.active.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-remove.focus.redesign:not(.disabled):not(:disabled):not([disabled]),
.btn.btn-remove:focus.redesign:not(.disabled):not(:disabled):not([disabled]) {
  background-color: var(--brand-secondary) !important;
  color: var(--color-text-strong-light) !important;
}
.btn.btn-line.white:hover,
.btn.btn-remove.white:hover {
  background-color: var(--color-surface-high-hovered);
  color: var(--color-text-strong-light);
  border: 1px solid transparent;
}
.btn.btn-line.btn-gray:hover,
.btn.btn-remove.btn-gray:hover {
  background-color: var(--color-stroke-primary-initial);
  border-color: var(--color-stroke-primary-initial);
  color: var(--color-text-strong-light);
}
.btn.btn-line.disabled:not(.redesign),
.btn.btn-line:disabled:not(.redesign),
.btn.btn-line[disabled]:not(.redesign),
.btn.btn-remove.disabled:not(.redesign),
.btn.btn-remove:disabled:not(.redesign),
.btn.btn-remove[disabled]:not(.redesign) {
  background-color: transparent;
  color: var(--color-text-disabled-dark);
  border: 1px solid var(--color-text-disabled-dark);
}
.btn.btn-line.disabled.redesign,
.btn.btn-line:disabled.redesign,
.btn.btn-line[disabled].redesign,
.btn.btn-remove.disabled.redesign,
.btn.btn-remove:disabled.redesign,
.btn.btn-remove[disabled].redesign {
  background-color: transparent !important;
  color: var(--brand-secondary) !important;
  border-color: var(--brand-secondary) !important;
}
.btn.twopx {
  border-width: 2px !important;
}
.btn.twopx:hover {
  border-width: 2px !important;
}
.btn.threepx {
  border-width: 3px !important;
}
.btn.threepx:hover {
  border-width: 3px !important;
}
.btn.btn-remove {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: var(--color-text-soft-default);
  background-color: var(--color-surface-high-dark-hovered);
}
.btn.btn-remove.ng-hide-add,
.btn.btn-remove.ng-leave {
  transition: none;
}
.btn.white {
  background-color: var(--color-surface-high-hovered);
  border: 1px solid transparent;
  color: var(--color-text-strong-light);
}
.btn.white:hover {
  background: transparent;
  color: var(--color-text-strong-light);
  border-color: var(--color-text-strong-light);
}
.btn.btn-reactive {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: transparent;
  color: var(--color-stroke-primary-initial);
  border: 3px solid var(--color-stroke-primary-initial);
}
.btn.btn-reactive.ng-hide-add,
.btn.btn-reactive.ng-leave {
  transition: none;
}
.btn.btn-reactive.disabled {
  background-color: transparent;
  color: var(--color-text-disabled-dark);
  border: 3px solid var(--color-text-disabled-dark);
}
.btn.btn-low {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: transparent;
  color: var(--color-text-soft-inverted);
  border: 1px solid var(--color-text-soft-default);
  min-width: 100px !important;
}
.btn.btn-low.ng-hide-add,
.btn.btn-low.ng-leave {
  transition: none;
}
.btn.btn-low:hover {
  color: var(--color-stroke-primary-initial);
  border: 1px solid var(--color-stroke-primary-initial);
}
.btn.btn-low.disabled {
  pointer-events: none;
}
.btn.text-only {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: transparent;
  border: 0 solid transparent;
  color: var(--color-icon-primary-initial);
  padding-left: 0;
  padding-right: 0;
  min-width: 45px !important;
}
.btn.text-only.ng-hide-add,
.btn.text-only.ng-leave {
  transition: none;
}
.btn.text-only:hover {
  color: var(--color-icon-primary-initial) !important;
  text-decoration: underline;
}
.btn.text-only:active,
.btn.text-only:focus {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn.btn-blue {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: var(--color-stroke-primary-initial);
  min-width: 65px;
}
.btn.btn-blue:hover {
  opacity: 0.8;
}
.btn.btn-blue:active {
  background-color: var(--color-stroke-primary-initial);
}
.btn.btn-blue.btn-line {
  background-color: transparent;
  border-color: var(--color-stroke-primary-initial);
  color: var(--color-stroke-primary-initial);
}
.btn.btn-blue.btn-line:hover {
  background-color: var(--color-stroke-primary-initial);
  color: var(--color-text-strong-light);
}
.btn.btn-gray-def {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-color: var(--color-surface-lower-initial);
}
.btn.btn-gray-def.ng-hide-add,
.btn.btn-gray-def.ng-leave {
  transition: none;
}
.btn.btn-gray-def:hover {
  background-color: var(--color-stroke-primary-initial);
}
.btn.gray-text {
  color: var(--color-text-soft-dark);
}
.btn.imageButton {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: black;
  cursor: pointer;
  border: 0 var(--color-surface-high-dark-initial);
  min-width: 150px;
  min-height: 50px;
}
.btn.imageButton.appstore {
  background-image: url(/tbcrd/assets/img/login/app-store.png);
}
.btn.imageButton.googleplay {
  background-image: url(/tbcrd/assets/img/login/google-play.png);
}
@media (max-width: 1280px) {
  .btn.imageButton.googleplay {
    margin-bottom: 10px;
  }
}
.btn.imageButton:hover {
  opacity: 0.8;
}
.btn.btn-gray {
  background-color: var(--color-text-disabled-dark);
}
.btn.btn-line.btn-gray {
  background-color: transparent;
  border-color: var(--color-text-disabled-dark);
}
.btn.btn-line.btn-gray:hover {
  background-color: var(--color-text-disabled-dark);
  border-color: var(--color-text-disabled-dark);
}
.btn.btn-mw {
  min-width: 148px !important;
}
.btn.btn-md {
  height: 60px;
  line-height: 60px;
  padding-top: 0;
  padding-bottom: 0;
}
.btn.btn-med {
  height: 48px;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
}
.btn.btn-md2 {
  height: 38px;
  line-height: 38px;
  font-size: 1.09375rem;
  font-size: 0.875rem;
  padding-top: 0;
  padding-bottom: 0;
}
.btn.btn-med.selectpicker {
  line-height: inherit !important;
}
.btn.btn-lg {
  padding: 18px;
  min-height: 46px;
}
.btn.btn-sm {
  height: 30px;
  padding: 4px 9px;
}
.btn.btn-sm2 {
  padding: 12px;
}
.btn.btn-sm3 {
  height: 39px;
  padding-top: 0;
  padding-bottom: 0;
}
.btn.btn-borderfix {
  border: 2px solid transparent;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
.tbc-wizard-steps.active .btn.disabled,
.tbc-wizard-steps.active .btn.btn-primary[disabled],
.tbc-wizard-steps.active fieldset[disabled] .btn.btn-primary {
  background-color: var(--color-icon-primary-initial);
  border-color: var(--color-icon-primary-initial);
  color: var(--color-text-soft-default);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.btn-gly {
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
}
.btn-gly .glyphicon {
  position: relative;
  top: 2px;
  left: -7px;
  height: 17px;
  width: 17px;
}
.btn-gly .glyphicon.glyphicon-reply {
  height: 15px;
  content: url(/tbcrd/assets/img/glyphicon/reply.svg);
}
.btn-gly .glyphicon.glyphicon-delete {
  content: url(/tbcrd/assets/img/template/tbc-template-delete-gray.svg);
}
.btn-gly .glyphicon.glyphicon-attach {
  content: url(/tbcrd/assets/img/glyphicon/attach.svg);
}
.btn-gly .glyphicon.glyphicon-none {
  content: none;
}
.btn-gly:hover .glyphicon.glyphicon-reply {
  height: 15px;
  content: url(/tbcrd/assets/img/glyphicon/replyHover.svg);
}
.btn-gly:hover .glyphicon.glyphicon-delete {
  content: url(/tbcrd/assets/img/template/tbc-template-delete-purple.svg);
}
.btn-gly:hover .glyphicon.glyphicon.glyphicon-attach:not(.no-hover) {
  content: url(/tbcrd/assets/img/glyphicon/attachHover.svg);
}
.active .btn.text-only {
  color: var(--color-text-strong-light) !important;
}
.active .btn.text-only:hover {
  color: var(--color-text-strong-light);
}
.iconButton,
.delete-btn,
.edit-btn {
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent !important;
  width: 17px;
  height: 17px;
  display: inline-block;
  cursor: pointer;
}
.iconButton:hover,
.delete-btn:hover,
.edit-btn:hover {
  -webkit-animation-name: shake;
  -webkit-animation-duration: 200ms;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: 2;
  -webkit-animation-timing-function: linear;
}
.edit-btn {
  background-image: url(/tbcrd/assets/img/template/tbc-template-edit.svg);
}
.edit-btn:hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-edit-hover.svg);
}
.delete-btn {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete.svg);
}
.delete-btn:hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-hover.svg);
}
.deleteButton {
  width: 15px;
  height: 20px;
  background-image: url(/tbcrd/assets/img/mymoney/trash-outlined.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  background-size: 24px;
  cursor: pointer;
  border: 0 var(--color-surface-high-dark-initial);
}
.deleteButton:hover,
.deleteButton.active {
  background-image: url(/tbcrd/assets/img/mymoney/trash-outlined-blue.svg);
}
.bin-btn {
  background-repeat: no-repeat;
  background-position: center left;
  background-color: transparent !important;
  background-size: 15px 15px;
  padding-left: 20px;
  height: 17px;
  color: var(--color-text-disabled-default);
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-gray.svg);
}
.bin-btn:hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-hover.svg);
}
.my-money li .edit-btn,
.my-money li .delete-btn {
  position: relative;
  top: 11px;
  opacity: 0;
}
.my-money li .edit-btn {
  background-image: url(/tbcrd/assets/img/template/tbc-template-edit-gray.svg);
  margin-right: 5px;
}
.my-money li .edit-btn:hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-edit.svg);
}
.my-money li .delete-btn {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-gray.svg);
}
.my-money li .delete-btn:hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete.svg);
}
.my-money li:hover .edit-btn,
.my-money li:hover .delete-btn {
  opacity: 1;
}
.homeList .btn.btn-primary.btn-sm,
.product-cell.product-main-cell .btn.btn-primary.btn-sm {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 26px;
  width: 60px;
  min-width: 78px;
  position: relative;
  padding: 4px;
  top: 7px;
  margin-left: 5px;
}
@media (max-width: 1199px) {
  .homeList .btn.btn-primary.btn-sm,
  .product-cell.product-main-cell .btn.btn-primary.btn-sm {
    min-width: 73px;
    margin-left: 2px;
  }
}
.tbc-wizard-steps .btn.white.btn-line {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.tbc-wizard-steps .btn.white.btn-line:hover {
  background: var(--color-text-strong-light);
  color: var(--color-stroke-primary-initial);
  border-color: var(--color-text-strong-light);
}
.tbc-box-form.app-card.so-form ib-payment-template-create .btn[disabled] {
  color: var(--color-text-disabled-default);
  background-color: transparent;
  border: 2px solid var(--color-text-disabled-default);
}
.controls .btn.btn-line.btn-gray {
  border-color: var(--color-stroke-primary-initial);
}
.controls .btn.btn-line.btn-gray:hover {
  border: 2px solid transparent;
  background: var(--color-stroke-primary-initial);
}
.error-hint-dash-2 .btn.btn-primary.btn-sm {
  min-width: 20px;
}
.ib-lang-ka .error-hint-dash-2 .btn.btn-primary.btn-sm {
  min-width: 80px;
}
.btn:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
button[disabled] {
  background-color: var(--color-surface-primary-disabled) !important;
}
.carousel-control {
  display: block;
  height: 44px;
  width: 44px;
  top: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-icon-primary-initial);
  background-position: center center;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
  background-size: 11px 19px;
}
.carousel-control span.glyphicon-chevron-right,
.carousel-control span.glyphicon-chevron-left {
  display: none;
}
.carousel-control.left {
  background-image: url(/tbcrd/assets/img/login/arrow-left-white.svg);
  background-repeat: no-repeat;
  margin-left: -50px;
}
.carousel-control.right {
  background-image: url(/tbcrd/assets/img/login/arrow-right-white.svg);
  background-repeat: no-repeat;
  margin-right: -50px;
}
.carousel-control:hover,
.carousel-control:focus {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.carousel-indicators {
  display: none;
}
.container,
.bottomBanner .banner-navigation,
.topBanner .banner-navigation {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media only screen and (max-width: 79.9375em) {
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    width: 1000px;
    max-width: inherit;
  }
}
@media (min-width: 1280px) {
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    width: 1200px;
    max-width: inherit;
  }
}
@media (min-width: 1920px) {
  .container,
  .bottomBanner .banner-navigation,
  .topBanner .banner-navigation {
    width: 1350px;
    max-width: inherit;
  }
}
.container::after,
.bottomBanner .banner-navigation::after,
.topBanner .banner-navigation::after {
  display: block;
  clear: both;
  content: "";
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.modal {
  overflow-y: auto !important;
}
.modal-dialog {
  margin: 0 auto;
  max-width: 600px;
  min-width: 510px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100% - 1rem);
  overflow-y: auto;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal-dialog {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .modal-dialog {
    margin: 0 auto;
    max-width: 100%;
  }
}
.modal-content,
.modal-success-content,
.modal-error-content {
  -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  padding-left: 30px;
  border: 0 solid var(--color-surface-high-dark-initial);
  text-align: left;
}
.modal-content.horizontal-slide,
.horizontal-slide.modal-success-content,
.horizontal-slide.modal-error-content {
  transform: unset;
}
.modal-content .modal-header,
.modal-content .modal-success-content .modal-success-header,
.modal-success-content .modal-content .modal-success-header,
.modal-success-content .modal-header,
.modal-success-content .modal-success-header,
.modal-content .modal-error-content .modal-error-header,
.modal-error-content .modal-content .modal-error-header,
.modal-error-content .modal-header,
.modal-error-content .modal-error-header {
  border-color: var(--color-icon-primary-initial);
  padding: 20px 30px 15px 0;
}
.modal-content .modal-header .modal-title.with-error,
.modal-success-content .modal-header .modal-title.with-error,
.modal-success-content .modal-success-header .modal-title.with-error,
.modal-error-content .modal-header .modal-title.with-error,
.modal-error-content .modal-error-header .modal-title.with-error {
  margin: 0;
  line-height: 1.5;
  background-image: url(/tbcrd/assets/img/tbc-icon-warring.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding-left: 32px;
}
.modal-content .modal-header .modal-title.with-success,
.modal-success-content .modal-header .modal-title.with-success,
.modal-success-content .modal-success-header .modal-title.with-success,
.modal-error-content .modal-header .modal-title.with-success,
.modal-error-content .modal-error-header .modal-title.with-success {
  margin: 0;
  line-height: 1.5;
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding-left: 32px;
}
.modal-content .modal-header button.close,
.modal-success-content .modal-header button.close,
.modal-success-content .modal-success-header button.close,
.modal-error-content .modal-header button.close,
.modal-error-content .modal-error-header button.close {
  background-repeat: no-repeat;
  background-image: url(/tbcrd/assets/img/tbc-icon-close.svg);
  background-size: 29px;
  opacity: 1;
  height: 26px;
  width: 16px;
  margin-top: 2px;
}
.modal-content .modal-header button.close:hover,
.modal-success-content .modal-header button.close:hover,
.modal-success-content .modal-success-header button.close:hover,
.modal-error-content .modal-header button.close:hover,
.modal-error-content .modal-error-header button.close:hover {
  opacity: 0.5;
}
.modal-content .modal-header button.close span,
.modal-success-content .modal-header button.close span,
.modal-success-content .modal-success-header button.close span,
.modal-error-content .modal-header button.close span,
.modal-error-content .modal-error-header button.close span {
  display: none;
}
.modal-content .modal-header h4,
.modal-content .modal-success-content .modal-success-header h4,
.modal-success-content .modal-content .modal-success-header h4,
.modal-success-content .modal-header h4,
.modal-success-content .modal-success-header h4,
.modal-content .modal-error-content .modal-error-header h4,
.modal-error-content .modal-content .modal-error-header h4,
.modal-error-content .modal-header h4,
.modal-error-content .modal-error-header h4 {
  font-size: 1.09375rem;
}
.modal-content .modal-body,
.modal-content .modal-success-content .modal-success-body,
.modal-success-content .modal-content .modal-success-body,
.modal-success-content .modal-body,
.modal-success-content .modal-success-body,
.modal-content .modal-error-content .modal-error-body,
.modal-error-content .modal-content .modal-error-body,
.modal-error-content .modal-body,
.modal-error-content .modal-error-body {
  padding: 0 0 20px 0;
  font-size: 0.875rem;
}
.modal-content .modal-body small,
.modal-content .modal-success-content .modal-success-body small,
.modal-success-content .modal-content .modal-success-body small,
.modal-success-content .modal-body small,
.modal-success-content .modal-success-body small,
.modal-content .modal-error-content .modal-error-body small,
.modal-error-content .modal-content .modal-error-body small,
.modal-error-content .modal-body small,
.modal-error-content .modal-error-body small {
  font-size: 12px;
}
.modal-content .modal-body input.inp-lg,
.modal-success-content .modal-body input.inp-lg,
.modal-success-content .modal-success-body input.inp-lg,
.modal-error-content .modal-body input.inp-lg,
.modal-error-content .modal-error-body input.inp-lg {
  height: 40px;
  line-height: 40px;
}
.modal-content .modal-body table,
.modal-content .modal-success-content .modal-success-body table,
.modal-success-content .modal-content .modal-success-body table,
.modal-success-content .modal-body table,
.modal-success-content .modal-success-body table,
.modal-content .modal-error-content .modal-error-body table,
.modal-error-content .modal-content .modal-error-body table,
.modal-error-content .modal-body table,
.modal-error-content .modal-error-body table {
  width: 100%;
}
.modal-content .modal-body table tr,
.modal-content .modal-success-content .modal-success-body table tr,
.modal-success-content .modal-content .modal-success-body table tr,
.modal-success-content .modal-body table tr,
.modal-success-content .modal-success-body table tr,
.modal-content .modal-error-content .modal-error-body table tr,
.modal-error-content .modal-content .modal-error-body table tr,
.modal-error-content .modal-body table tr,
.modal-error-content .modal-error-body table tr {
  border-bottom: 1px solid var(--color-text-disabled-dark);
}
.modal-content .modal-body table tr td,
.modal-content .modal-success-content .modal-success-body table tr td,
.modal-success-content .modal-content .modal-success-body table tr td,
.modal-success-content .modal-body table tr td,
.modal-success-content .modal-success-body table tr td,
.modal-content .modal-error-content .modal-error-body table tr td,
.modal-error-content .modal-content .modal-error-body table tr td,
.modal-error-content .modal-body table tr td,
.modal-error-content .modal-error-body table tr td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.modal-content .modal-body table tr.noline,
.modal-success-content .modal-body table tr.noline,
.modal-success-content .modal-success-body table tr.noline,
.modal-error-content .modal-body table tr.noline,
.modal-error-content .modal-error-body table tr.noline {
  border-bottom: 0 solid transparent;
}
.modal-content .modal-body table.noline tr,
.modal-success-content .modal-body table.noline tr,
.modal-success-content .modal-success-body table.noline tr,
.modal-error-content .modal-body table.noline tr,
.modal-error-content .modal-error-body table.noline tr {
  border-bottom: 0 solid transparent;
  border-top: 0 solid transparent;
}
.modal-content .modal-body table.noline tr.line,
.modal-success-content .modal-body table.noline tr.line,
.modal-success-content .modal-success-body table.noline tr.line,
.modal-error-content .modal-body table.noline tr.line,
.modal-error-content .modal-error-body table.noline tr.line {
  border-bottom: 1px solid var(--color-text-disabled-dark);
}
.modal-content .modal-body table.noline tr.linetop,
.modal-success-content .modal-body table.noline tr.linetop,
.modal-success-content .modal-success-body table.noline tr.linetop,
.modal-error-content .modal-body table.noline tr.linetop,
.modal-error-content .modal-error-body table.noline tr.linetop {
  border-top: 1px solid var(--color-text-disabled-dark);
}
.modal-content .modal-body table:last-child tr:last-child,
.modal-success-content .modal-body table:last-child tr:last-child,
.modal-success-content .modal-success-body table:last-child tr:last-child,
.modal-error-content .modal-body table:last-child tr:last-child,
.modal-error-content .modal-error-body table:last-child tr:last-child {
  border-bottom: 0 solid transparent;
}
.modal-content .modal-body table:first-child tr:first-child td,
.modal-success-content .modal-body table:first-child tr:first-child td,
.modal-success-content .modal-success-body table:first-child tr:first-child td,
.modal-error-content .modal-body table:first-child tr:first-child td,
.modal-error-content .modal-error-body table:first-child tr:first-child td {
  padding-top: 20px;
}
.modal-content .modal-body table input,
.modal-content .modal-success-content .modal-success-body table input,
.modal-success-content .modal-content .modal-success-body table input,
.modal-success-content .modal-body table input,
.modal-success-content .modal-success-body table input,
.modal-content .modal-error-content .modal-error-body table input,
.modal-error-content .modal-content .modal-error-body table input,
.modal-error-content .modal-body table input,
.modal-error-content .modal-error-body table input {
  width: 100%;
}
.modal-content .modal-body table.settd tr td:first-child,
.modal-success-content .modal-body table.settd tr td:first-child,
.modal-success-content .modal-success-body table.settd tr td:first-child,
.modal-error-content .modal-body table.settd tr td:first-child,
.modal-error-content .modal-error-body table.settd tr td:first-child {
  width: 180px;
}
.modal-content .modal-body .textbox,
.modal-success-content .modal-body .textbox,
.modal-success-content .modal-success-body .textbox,
.modal-error-content .modal-body .textbox,
.modal-error-content .modal-error-body .textbox {
  height: 50px;
}
.modal-content .modal-body .smallfont,
.modal-success-content .modal-body .smallfont,
.modal-success-content .modal-success-body .smallfont,
.modal-error-content .modal-body .smallfont,
.modal-error-content .modal-error-body .smallfont {
  margin-left: 5px;
}
.modal-content .modal-body .modal-footer,
.modal-content .modal-body .modal-success-content .modal-success-footer,
.modal-success-content .modal-body .modal-footer,
.modal-success-content .modal-body .modal-success-footer,
.modal-success-content .modal-success-body .modal-footer,
.modal-success-content .modal-success-body .modal-success-footer,
.modal-content .modal-body .modal-error-content .modal-error-footer,
.modal-success-content .modal-body .modal-error-content .modal-error-footer,
.modal-success-content .modal-success-body .modal-error-content .modal-error-footer,
.modal-error-content .modal-body .modal-footer,
.modal-error-content .modal-body .modal-success-content .modal-success-footer,
.modal-error-content .modal-body .modal-error-footer,
.modal-error-content .modal-success-content .modal-success-body .modal-error-footer,
.modal-success-content .modal-error-content .modal-success-body .modal-error-footer,
.modal-error-content .modal-error-body .modal-footer,
.modal-error-content .modal-error-body .modal-success-content .modal-success-footer,
.modal-success-content .modal-error-content .modal-error-body .modal-success-footer,
.modal-error-content .modal-error-body .modal-error-footer {
  padding-bottom: 0;
}
.modal-content .modal-body .total,
.modal-success-content .modal-body .total,
.modal-success-content .modal-success-body .total,
.modal-error-content .modal-body .total,
.modal-error-content .modal-error-body .total,
.modal-content .modal-body .fee,
.modal-success-content .modal-body .fee,
.modal-success-content .modal-success-body .fee,
.modal-error-content .modal-body .fee,
.modal-error-content .modal-error-body .fee {
  font-size: 0.875rem;
}
.modal-content .modal-body .total .smallfont,
.modal-success-content .modal-body .total .smallfont,
.modal-success-content .modal-success-body .total .smallfont,
.modal-error-content .modal-body .total .smallfont,
.modal-error-content .modal-error-body .total .smallfont,
.modal-content .modal-body .fee .smallfont,
.modal-success-content .modal-body .fee .smallfont,
.modal-success-content .modal-success-body .fee .smallfont,
.modal-error-content .modal-body .fee .smallfont,
.modal-error-content .modal-error-body .fee .smallfont {
  color: inherit;
}
.modal-content .modal-body .total-box,
.modal-success-content .modal-body .total-box,
.modal-success-content .modal-success-body .total-box,
.modal-error-content .modal-body .total-box,
.modal-error-content .modal-error-body .total-box {
  padding: 10px 0;
  border-top: 1px solid var(--color-text-disabled-dark);
  border-bottom: 1px solid var(--color-text-disabled-dark);
}
.modal-content .modal-body .total-table,
.modal-success-content .modal-body .total-table,
.modal-success-content .modal-success-body .total-table,
.modal-error-content .modal-body .total-table,
.modal-error-content .modal-error-body .total-table {
  width: 270px;
  margin-right: 40px;
}
.modal-content .modal-body .total-table tr td,
.modal-success-content .modal-body .total-table tr td,
.modal-success-content .modal-success-body .total-table tr td,
.modal-error-content .modal-body .total-table tr td,
.modal-error-content .modal-error-body .total-table tr td {
  padding-top: 0px;
  padding-bottom: 0;
}
.modal-content .modal-body .total-table tr:first-child td,
.modal-success-content .modal-body .total-table tr:first-child td,
.modal-success-content .modal-success-body .total-table tr:first-child td,
.modal-error-content .modal-body .total-table tr:first-child td,
.modal-error-content .modal-error-body .total-table tr:first-child td {
  padding-top: 0;
}
.modal-content .modal-body.transactions-per-page,
.modal-success-content .modal-body.transactions-per-page,
.modal-success-content .transactions-per-page.modal-success-body,
.modal-error-content .modal-body.transactions-per-page,
.modal-error-content .transactions-per-page.modal-error-body {
  position: relative;
}
.modal-content .modal-body.transactions-per-page .info,
.modal-success-content .modal-body.transactions-per-page .info,
.modal-success-content .transactions-per-page.modal-success-body .info,
.modal-error-content .modal-body.transactions-per-page .info,
.modal-error-content .transactions-per-page.modal-error-body .info {
  width: calc(80% - 30px);
  float: left;
  padding-top: 9px;
}
.modal-content .modal-body.transactions-per-page ib-select-picker,
.modal-success-content .modal-body.transactions-per-page ib-select-picker,
.modal-success-content .transactions-per-page.modal-success-body ib-select-picker,
.modal-error-content .modal-body.transactions-per-page ib-select-picker,
.modal-error-content .transactions-per-page.modal-error-body ib-select-picker {
  display: block;
  width: 20%;
  float: left;
}
.modal-content .modal-body.transactions-per-page ib-select-picker .btn.selectpicker,
.modal-success-content .modal-body.transactions-per-page ib-select-picker .btn.selectpicker,
.modal-success-content .transactions-per-page.modal-success-body ib-select-picker .btn.selectpicker,
.modal-error-content .modal-body.transactions-per-page ib-select-picker .btn.selectpicker,
.modal-error-content .transactions-per-page.modal-error-body ib-select-picker .btn.selectpicker {
  min-width: 0;
}
.modal-content .modal-body.transactions-per-page ib-select-picker .dropdown-menu,
.modal-success-content .modal-body.transactions-per-page ib-select-picker .dropdown-menu,
.modal-success-content .transactions-per-page.modal-success-body ib-select-picker .dropdown-menu,
.modal-error-content .modal-body.transactions-per-page ib-select-picker .dropdown-menu,
.modal-error-content .transactions-per-page.modal-error-body ib-select-picker .dropdown-menu {
  min-width: 0;
}
.modal-content .modal-body.transactions-per-page:after,
.modal-success-content .modal-body.transactions-per-page:after,
.modal-success-content .transactions-per-page.modal-success-body:after,
.modal-error-content .modal-body.transactions-per-page:after,
.modal-error-content .transactions-per-page.modal-error-body:after {
  content: "";
  display: block;
  clear: both;
}
.modal-content .modal-footer,
.modal-content .modal-success-content .modal-success-footer,
.modal-success-content .modal-content .modal-success-footer,
.modal-success-content .modal-footer,
.modal-success-content .modal-success-footer,
.modal-content .modal-error-content .modal-error-footer,
.modal-error-content .modal-content .modal-error-footer,
.modal-error-content .modal-footer,
.modal-error-content .modal-error-footer {
  border: 0 solid var(--color-surface-high-dark-initial);
  padding: 20px 0px 24px 0;
}
.modal-content .modal-footer.without-right-padding,
.modal-success-content .modal-footer.without-right-padding,
.modal-success-content .without-right-padding.modal-success-footer,
.modal-error-content .modal-footer.without-right-padding,
.modal-error-content .without-right-padding.modal-error-footer {
  padding: 20px 0 20px 0;
}
.modal-content .modal-footer .btn,
.modal-success-content .modal-footer .btn,
.modal-success-content .modal-success-footer .btn,
.modal-error-content .modal-footer .btn,
.modal-error-content .modal-error-footer .btn {
  font-size: 15px;
  padding: 15px;
  height: 50px;
}
.modal-content .modal-footer .text-btn,
.modal-success-content .modal-footer .text-btn,
.modal-success-content .modal-success-footer .text-btn,
.modal-error-content .modal-footer .text-btn,
.modal-error-content .modal-error-footer .text-btn {
  display: block;
  color: var(--color-icon-primary-initial);
  font-size: 15px;
  padding: 15px 0;
  height: 50px;
}
.modal-content .modal-footer .text-btn:hover,
.modal-success-content .modal-footer .text-btn:hover,
.modal-success-content .modal-success-footer .text-btn:hover,
.modal-error-content .modal-footer .text-btn:hover,
.modal-error-content .modal-error-footer .text-btn:hover {
  color: var(--color-text-primary-hovered);
}
.modal-content .modal-footer.big-footer,
.modal-success-content .modal-footer.big-footer,
.modal-success-content .big-footer.modal-success-footer,
.modal-error-content .modal-footer.big-footer,
.modal-error-content .big-footer.modal-error-footer {
  padding: 20px 20px 20px 0;
}
.modal-content .modal-footer.big-footer .btn,
.modal-success-content .modal-footer.big-footer .btn,
.modal-success-content .big-footer.modal-success-footer .btn,
.modal-error-content .modal-footer.big-footer .btn,
.modal-error-content .big-footer.modal-error-footer .btn {
  width: 270px;
}
.modal-content .modal-footer .smallfont,
.modal-success-content .modal-footer .smallfont,
.modal-success-content .modal-success-footer .smallfont,
.modal-error-content .modal-footer .smallfont,
.modal-error-content .modal-error-footer .smallfont {
  font-size: 0.875rem;
}
.modal-content .smallfont,
.modal-success-content .smallfont,
.modal-error-content .smallfont {
  font-size: 0.875rem;
}
.modal-content input,
.modal-success-content input,
.modal-error-content input {
  margin-top: 0;
}
.modal-dialog-restyle .modal-content,
.modal-dialog-restyle .modal-success-content,
.modal-dialog-restyle .modal-error-content {
  padding-left: 30px;
}
.modal-dialog-restyle .modal-content .modal-header button.close,
.modal-success-content .modal-dialog-restyle .modal-content .modal-success-header button.close,
.modal-dialog-restyle .modal-success-content .modal-header button.close,
.modal-dialog-restyle .modal-success-content .modal-success-header button.close,
.modal-error-content .modal-dialog-restyle .modal-content .modal-error-header button.close,
.modal-error-content .modal-dialog-restyle .modal-success-content .modal-error-header button.close,
.modal-dialog-restyle .modal-error-content .modal-header button.close,
.modal-success-content .modal-dialog-restyle .modal-error-content .modal-success-header button.close,
.modal-dialog-restyle .modal-error-content .modal-error-header button.close {
  height: 17px;
  width: 17px;
}
.modal-dialog-restyle .modal-content .modal-body,
.modal-success-content .modal-dialog-restyle .modal-content .modal-success-body,
.modal-dialog-restyle .modal-success-content .modal-body,
.modal-dialog-restyle .modal-success-content .modal-success-body,
.modal-error-content .modal-dialog-restyle .modal-content .modal-error-body,
.modal-error-content .modal-dialog-restyle .modal-success-content .modal-error-body,
.modal-dialog-restyle .modal-error-content .modal-body,
.modal-success-content .modal-dialog-restyle .modal-error-content .modal-success-body,
.modal-dialog-restyle .modal-error-content .modal-error-body {
  padding: 20px 80px 40px 0px;
}
.modal-dialog-restyle p {
  margin-bottom: 20px;
}
.modal-dialog-restyle ul {
  list-style: none;
  margin-bottom: 0;
}
.modal-dialog-restyle ul li {
  margin-bottom: 8px;
}
.modal-dialog-restyle ul li::before {
  content: "\2022";
  color: var(--color-icon-primary-initial);
  font-size: 24px;
  line-height: 8px;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.tbc-box.transaction-detail[ib-loader] {
  margin: 0 !important;
}
.transaction-detail .modal-dialog {
  width: 86%;
}
.transaction-detail .modal-dialog .modal-content,
.transaction-detail .modal-dialog .modal-success-content,
.transaction-detail .modal-dialog .modal-error-content {
  padding: 0;
}
.transaction-detail .modal-dialog .modal-content .modal-header,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-header,
.transaction-detail .modal-dialog .modal-success-content .modal-header,
.transaction-detail .modal-dialog .modal-success-content .modal-success-header,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-header,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-header,
.transaction-detail .modal-dialog .modal-error-content .modal-header,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-header,
.transaction-detail .modal-dialog .modal-error-content .modal-error-header {
  margin-left: 30px;
}
.transaction-detail .modal-dialog .modal-content .modal-header button,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-header button,
.transaction-detail .modal-dialog .modal-success-content .modal-header button,
.transaction-detail .modal-dialog .modal-success-content .modal-success-header button,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-header button,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-header button,
.transaction-detail .modal-dialog .modal-error-content .modal-header button,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-header button,
.transaction-detail .modal-dialog .modal-error-content .modal-error-header button {
  margin-right: 6px;
}
.transaction-detail .modal-dialog .modal-content .modal-body,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body,
.transaction-detail .modal-dialog .modal-success-content .modal-body,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body,
.transaction-detail .modal-dialog .modal-error-content .modal-body,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body {
  padding-bottom: 0;
}
.transaction-detail .modal-dialog .modal-content .modal-body .transaction-detail,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body .transaction-detail,
.transaction-detail .modal-dialog .modal-success-content .modal-body .transaction-detail,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body .transaction-detail,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body .transaction-detail,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body .transaction-detail,
.transaction-detail .modal-dialog .modal-error-content .modal-body .transaction-detail,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body .transaction-detail,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body .transaction-detail {
  display: block;
}
.transaction-detail .modal-dialog .modal-content .modal-body .tbc-box,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body .tbc-box,
.transaction-detail .modal-dialog .modal-success-content .modal-body .tbc-box,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body .tbc-box,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body .tbc-box,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body .tbc-box,
.transaction-detail .modal-dialog .modal-error-content .modal-body .tbc-box,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body .tbc-box,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body .tbc-box {
  margin-bottom: 0;
  margin-left: 10px;
}
.transaction-detail .modal-dialog .modal-content .modal-body .tbc-box.tbc-box-overview .overview-main,
.transaction-detail .modal-dialog .modal-content .modal-body .tbc-box.tbc-box-overview .offer-main,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body .tbc-box.tbc-box-overview .overview-main,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body .tbc-box.tbc-box-overview .offer-main,
.transaction-detail .modal-dialog .modal-success-content .modal-body .tbc-box.tbc-box-overview .overview-main,
.transaction-detail .modal-dialog .modal-success-content .modal-body .tbc-box.tbc-box-overview .offer-main,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body .tbc-box.tbc-box-overview .overview-main,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body .tbc-box.tbc-box-overview .offer-main,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body .tbc-box.tbc-box-overview .overview-main,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body .tbc-box.tbc-box-overview .offer-main,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body .tbc-box.tbc-box-overview .overview-main,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body .tbc-box.tbc-box-overview .offer-main,
.transaction-detail .modal-dialog .modal-error-content .modal-body .tbc-box.tbc-box-overview .overview-main,
.transaction-detail .modal-dialog .modal-error-content .modal-body .tbc-box.tbc-box-overview .offer-main,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body .tbc-box.tbc-box-overview .overview-main,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body .tbc-box.tbc-box-overview .offer-main,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body .tbc-box.tbc-box-overview .overview-main,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body .tbc-box.tbc-box-overview .offer-main {
  padding: 30px 36px 30px 26px;
}
.transaction-detail .modal-dialog .modal-content .modal-body .arrow,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body .arrow,
.transaction-detail .modal-dialog .modal-success-content .modal-body .arrow,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body .arrow,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body .arrow,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body .arrow,
.transaction-detail .modal-dialog .modal-error-content .modal-body .arrow,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body .arrow,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body .arrow {
  background-repeat: no-repeat;
  background-size: 16px 9px;
  cursor: pointer;
  height: 9px;
  margin-top: 5px;
  width: 16px;
}
.transaction-detail .modal-dialog .modal-content .modal-body .arrow.arrow-down,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body .arrow.arrow-down,
.transaction-detail .modal-dialog .modal-success-content .modal-body .arrow.arrow-down,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body .arrow.arrow-down,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body .arrow.arrow-down,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body .arrow.arrow-down,
.transaction-detail .modal-dialog .modal-error-content .modal-body .arrow.arrow-down,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body .arrow.arrow-down,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body .arrow.arrow-down {
  background-image: url(/tbcrd/assets/img/login/arrow-down-blue.svg);
}
.transaction-detail .modal-dialog .modal-content .modal-body .arrow.arrow-up,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body .arrow.arrow-up,
.transaction-detail .modal-dialog .modal-success-content .modal-body .arrow.arrow-up,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body .arrow.arrow-up,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body .arrow.arrow-up,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body .arrow.arrow-up,
.transaction-detail .modal-dialog .modal-error-content .modal-body .arrow.arrow-up,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body .arrow.arrow-up,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body .arrow.arrow-up {
  background-image: url(/tbcrd/assets/img/login/arrow-up-blue.svg);
}
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-categorization .hidden-categorization,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-categorization .hidden-categorization,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-categorization .hidden-categorization,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-categorization .hidden-categorization,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-content .modal-body ib-history-details-categorization .hidden-categorization,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-history-details-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-history-details-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-history-details-categorization .hidden-categorization,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-history-details-categorization .hidden-categorization,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-history-details-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-history-details-categorization .hidden-categorization,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-history-details-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-history-details-categorization .hidden-categorization,
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-category-old .hidden-categorization,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-category-old .hidden-categorization,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-category-old .hidden-categorization,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-category-old .hidden-categorization,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-category-old .hidden-categorization,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-category-old .hidden-categorization,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-category-old .hidden-categorization,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-category-old .hidden-categorization,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-category-old .hidden-categorization {
  display: flex;
  height: 40px;
}
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-categorization .hidden-categorization .icon,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-categorization .hidden-categorization .icon,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-categorization .hidden-categorization .icon,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-categorization .hidden-categorization .icon,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-content .modal-body ib-history-details-categorization .hidden-categorization .icon,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-history-details-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-history-details-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-history-details-categorization .hidden-categorization .icon,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-history-details-categorization .hidden-categorization .icon,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-history-details-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-history-details-categorization .hidden-categorization .icon,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-history-details-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-history-details-categorization .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-category-old .hidden-categorization .icon,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-category-old .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-category-old .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-category-old .hidden-categorization .icon,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-category-old .hidden-categorization .icon,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-category-old .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-category-old .hidden-categorization .icon,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-category-old .hidden-categorization .icon,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-category-old .hidden-categorization .icon {
  width: 40px;
  height: 40px;
  background-size: contain;
  background: transparent url(/tbcrd/assets/img/collapseIcon.svg) no-repeat center center;
  cursor: default;
}
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-categorization .hidden-categorization .title,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-categorization .hidden-categorization .title,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-categorization .hidden-categorization .title,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-categorization .hidden-categorization .title,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-content .modal-body ib-history-details-categorization .hidden-categorization .title,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-history-details-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-history-details-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-history-details-categorization .hidden-categorization .title,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-history-details-categorization .hidden-categorization .title,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-history-details-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-history-details-categorization .hidden-categorization .title,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-history-details-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-history-details-categorization .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-category-old .hidden-categorization .title,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-category-old .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-category-old .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-category-old .hidden-categorization .title,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-category-old .hidden-categorization .title,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-category-old .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-category-old .hidden-categorization .title,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-category-old .hidden-categorization .title,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-category-old .hidden-categorization .title {
  cursor: text;
}
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-categorization .disabled,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-categorization .disabled,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-categorization .disabled,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-categorization .disabled,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-categorization .disabled,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-categorization .disabled,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-categorization .disabled,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-categorization .disabled,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-categorization .disabled,
.transaction-detail .modal-dialog .modal-content .modal-body ib-history-details-categorization .disabled,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-history-details-categorization .disabled,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-history-details-categorization .disabled,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-history-details-categorization .disabled,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-history-details-categorization .disabled,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-history-details-categorization .disabled,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-history-details-categorization .disabled,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-history-details-categorization .disabled,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-history-details-categorization .disabled,
.transaction-detail .modal-dialog .modal-content .modal-body ib-transaction-category-old .disabled,
.modal-success-content .transaction-detail .modal-dialog .modal-content .modal-success-body ib-transaction-category-old .disabled,
.transaction-detail .modal-dialog .modal-success-content .modal-body ib-transaction-category-old .disabled,
.transaction-detail .modal-dialog .modal-success-content .modal-success-body ib-transaction-category-old .disabled,
.modal-error-content .transaction-detail .modal-dialog .modal-content .modal-error-body ib-transaction-category-old .disabled,
.modal-error-content .transaction-detail .modal-dialog .modal-success-content .modal-error-body ib-transaction-category-old .disabled,
.transaction-detail .modal-dialog .modal-error-content .modal-body ib-transaction-category-old .disabled,
.modal-success-content .transaction-detail .modal-dialog .modal-error-content .modal-success-body ib-transaction-category-old .disabled,
.transaction-detail .modal-dialog .modal-error-content .modal-error-body ib-transaction-category-old .disabled {
  color: silver;
}
.transaction-detail .transaction-detail-actions {
  float: right;
}
.transaction-detail .transaction-detail-actions button {
  margin-left: 10px;
}
.transaction-detail .transaction-detail-actions button:first-child {
  margin: 0;
}
.firefox .transaction-detail .modal-dialog .modal-content .modal-body .tbc-box,
.modal-success-content .firefox .transaction-detail .modal-dialog .modal-content .modal-success-body .tbc-box,
.firefox .transaction-detail .modal-dialog .modal-success-content .modal-body .tbc-box,
.firefox .transaction-detail .modal-dialog .modal-success-content .modal-success-body .tbc-box,
.modal-error-content .firefox .transaction-detail .modal-dialog .modal-content .modal-error-body .tbc-box,
.modal-error-content .firefox .transaction-detail .modal-dialog .modal-success-content .modal-error-body .tbc-box,
.firefox .transaction-detail .modal-dialog .modal-error-content .modal-body .tbc-box,
.modal-success-content .firefox .transaction-detail .modal-dialog .modal-error-content .modal-success-body .tbc-box,
.firefox .transaction-detail .modal-dialog .modal-error-content .modal-error-body .tbc-box {
  margin-top: 1px !important;
}
.modal-dialog.modal-switch {
  max-width: 510px;
}
.modal-dialog.modal-confirmation {
  width: 45%;
  max-width: 650px;
}
.modal-dialog.modal-confirmation .umts-params-keys {
  text-transform: capitalize;
}
.modal-dialog.modal-confirmation ib-dynamic-form,
.modal-dialog.modal-confirmation .dynamic-row {
  display: flex;
}
.modal-dialog.modal-confirmation .dynamic-label {
  width: 180px;
}
.modal-dialog.modal-confirmation .dynamic-field {
  width: calc(100% - 180px);
  padding-right: 30px;
}
.modal-dialog.modal-confirmation .deviceType .challenge {
  width: 40px;
}
.modal-dialog.modal-confirmation .modal-content,
.modal-dialog.modal-confirmation .modal-success-content,
.modal-dialog.modal-confirmation .modal-error-content {
  font-size: 0.875rem;
}
.modal-dialog.modal-confirmation .modal-content .modal-body,
.modal-success-content .modal-dialog.modal-confirmation .modal-content .modal-success-body,
.modal-dialog.modal-confirmation .modal-success-content .modal-body,
.modal-dialog.modal-confirmation .modal-success-content .modal-success-body,
.modal-error-content .modal-dialog.modal-confirmation .modal-content .modal-error-body,
.modal-error-content .modal-dialog.modal-confirmation .modal-success-content .modal-error-body,
.modal-dialog.modal-confirmation .modal-error-content .modal-body,
.modal-success-content .modal-dialog.modal-confirmation .modal-error-content .modal-success-body,
.modal-dialog.modal-confirmation .modal-error-content .modal-error-body {
  font-size: 0.875rem;
}
.modal-dialog.modal-confirmation .modal-content .modal-body small,
.modal-success-content .modal-dialog.modal-confirmation .modal-content .modal-success-body small,
.modal-dialog.modal-confirmation .modal-success-content .modal-body small,
.modal-dialog.modal-confirmation .modal-success-content .modal-success-body small,
.modal-error-content .modal-dialog.modal-confirmation .modal-content .modal-error-body small,
.modal-error-content .modal-dialog.modal-confirmation .modal-success-content .modal-error-body small,
.modal-dialog.modal-confirmation .modal-error-content .modal-body small,
.modal-success-content .modal-dialog.modal-confirmation .modal-error-content .modal-success-body small,
.modal-dialog.modal-confirmation .modal-error-content .modal-error-body small {
  font-size: 12px;
}
.modal-dialog.modal-confirmation .modal-content .modal-body .deviceType .dev-td:last-child,
.modal-success-content .modal-dialog.modal-confirmation .modal-content .modal-success-body .deviceType .dev-td:last-child,
.modal-dialog.modal-confirmation .modal-success-content .modal-body .deviceType .dev-td:last-child,
.modal-dialog.modal-confirmation .modal-success-content .modal-success-body .deviceType .dev-td:last-child,
.modal-error-content .modal-dialog.modal-confirmation .modal-content .modal-error-body .deviceType .dev-td:last-child,
.modal-error-content .modal-dialog.modal-confirmation .modal-success-content .modal-error-body .deviceType .dev-td:last-child,
.modal-dialog.modal-confirmation .modal-error-content .modal-body .deviceType .dev-td:last-child,
.modal-success-content .modal-dialog.modal-confirmation .modal-error-content .modal-success-body .deviceType .dev-td:last-child,
.modal-dialog.modal-confirmation .modal-error-content .modal-error-body .deviceType .dev-td:last-child {
  padding-left: 0;
}
.modal-dialog.modal-confirmation .modal-content .smallfont,
.modal-dialog.modal-confirmation .modal-success-content .smallfont,
.modal-dialog.modal-confirmation .modal-error-content .smallfont {
  font-size: 12px;
}
.modal-dialog.modal-confirmation .modal-content input.inp-lg,
.modal-dialog.modal-confirmation .modal-success-content input.inp-lg,
.modal-dialog.modal-confirmation .modal-error-content input.inp-lg {
  font-size: 0.875rem;
}
.modal-dialog.modal-welcome-tour {
  width: 1200px !important;
  max-width: inherit;
  min-width: inherit;
}
.modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) .modal-body .img-box,
.modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) .modal-success-content .modal-success-body .img-box,
.modal-success-content .modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) .modal-success-body .img-box,
.modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) .modal-error-content .modal-error-body .img-box,
.modal-error-content .modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) .modal-error-body .img-box {
  background-color: var(--color-text-soft-default);
  min-height: 482px;
  width: 100%;
}
@media (max-width: 1300px) {
  .modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) {
    width: 80vw !important;
  }
  .modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) .img-box {
    min-height: 361px !important;
  }
  .modal-dialog.modal-welcome-tour:not(.modal-welcome-tour-start) .img-box img {
    max-width: 80vw;
    min-height: 362px !important;
  }
}
.modal-dialog.modal-welcome-tour .modal-content,
.modal-dialog.modal-welcome-tour .modal-success-content,
.modal-dialog.modal-welcome-tour .modal-error-content {
  font-size: 0.875rem;
  padding-left: 0;
}
.modal-dialog.modal-welcome-tour .modal-content .modal-header,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-header,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-header,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-header,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-header,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-header,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-header,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-header,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-header {
  margin-left: 50px;
  padding-right: 50px;
  border-bottom: 0 solid transparent;
}
.modal-dialog.modal-welcome-tour .modal-content .modal-body,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-body,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-body,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-body,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-body,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-body,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-body,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-body,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-body {
  padding: 0 0 25px 0;
}
.modal-dialog.modal-welcome-tour .modal-content .modal-body .modal-body-cont,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-body .modal-body-cont,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-body .modal-body-cont,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-body .modal-body-cont,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-body .modal-body-cont,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-body .modal-body-cont,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-body .modal-body-cont,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-body .modal-body-cont,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-body .modal-body-cont {
  margin-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
}
.modal-dialog.modal-welcome-tour .modal-content .modal-footer,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-footer,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-footer,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-footer,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-footer,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-footer,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-footer,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-footer,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-footer {
  padding: 0 50px 30px;
}
.modal-dialog.modal-welcome-tour .modal-content .modal-footer .fblock25,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-footer .fblock25,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-footer .fblock25,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-footer .fblock25,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-footer .fblock25,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-footer .fblock25,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-footer .fblock25,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-footer .fblock25,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-footer .fblock25,
.modal-dialog.modal-welcome-tour .modal-content .modal-footer .fblock50,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-footer .fblock50,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-footer .fblock50,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-footer .fblock50,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-footer .fblock50,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-footer .fblock50,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-footer .fblock50,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-footer .fblock50,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-footer .fblock50 {
  min-height: 1px;
}
.modal-dialog.modal-welcome-tour .modal-content .modal-footer .prev-step-btn,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-footer .prev-step-btn,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-footer .prev-step-btn,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-footer .prev-step-btn,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-footer .prev-step-btn,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-footer .prev-step-btn,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-footer .prev-step-btn,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-footer .prev-step-btn,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-footer .prev-step-btn {
  text-align: left;
  line-height: 50px;
}
.modal-dialog.modal-welcome-tour .modal-content .modal-footer .step-index,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-footer .step-index,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-footer .step-index,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-footer .step-index,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-footer .step-index,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-footer .step-index,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-footer .step-index,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-footer .step-index,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-footer .step-index {
  text-align: center;
  color: var(--color-text-soft-inverted);
}
.modal-dialog.modal-welcome-tour .modal-content .modal-footer .step-index div,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-content .modal-success-footer .step-index div,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-footer .step-index div,
.modal-dialog.modal-welcome-tour .modal-success-content .modal-success-footer .step-index div,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-content .modal-error-footer .step-index div,
.modal-error-content .modal-dialog.modal-welcome-tour .modal-success-content .modal-error-footer .step-index div,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-footer .step-index div,
.modal-success-content .modal-dialog.modal-welcome-tour .modal-error-content .modal-success-footer .step-index div,
.modal-dialog.modal-welcome-tour .modal-error-content .modal-error-footer .step-index div {
  line-height: 50px;
  width: 100%;
}
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start {
  width: 540px !important;
}
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-header,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-success-header,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-header,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-success-header,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-error-header,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-error-header,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-header,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-success-header,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-error-header {
  margin-left: 25px;
  padding-right: 25px;
  border-bottom: 1px solid var(--color-icon-primary-initial);
}
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-body,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-success-body,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-body,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-success-body,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-error-body,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-error-body,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-body,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-success-body,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-error-body {
  padding: 25px 0;
}
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-body .modal-body-cont,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-success-body .modal-body-cont,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-body .modal-body-cont,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-success-body .modal-body-cont,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-error-body .modal-body-cont,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-error-body .modal-body-cont,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-body .modal-body-cont,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-success-body .modal-body-cont,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-error-body .modal-body-cont {
  padding-left: 25px;
  padding-right: 25px;
}
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-footer,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-success-footer,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-footer,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-success-footer,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content .modal-error-footer,
.modal-error-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content .modal-error-footer,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-footer,
.modal-success-content .modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-success-footer,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content .modal-error-footer {
  padding: 0 25px 30px;
}
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-content img,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-success-content img,
.modal-dialog.modal-welcome-tour.modal-welcome-tour-start .modal-error-content img {
  height: 234px;
}
.modal-error-content {
  padding-left: 0 !important;
}
.modal-error-content .modal-error-header {
  padding-left: 30px !important;
  border-radius: 6px 6px 0 0;
  background-color: var(--color-surface-lower-initial);
  border-bottom: 1px solid #dee2e6;
}
.modal-error-content .modal-error-title {
  margin: 0;
  line-height: 1.5;
  background-image: url(/tbcrd/assets/img/tbc-icon-warring.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding-left: 32px;
}
.modal-error-content .modal-error-body {
  padding-left: 30px !important;
  padding-top: 30px !important;
  padding: 15px;
}
.modal-error-content .modal-error-footer {
  border-top: 0 !important;
}
.modal-dialog-time-out .modal-content .modal-body,
.modal-success-content .modal-dialog-time-out .modal-content .modal-success-body,
.modal-dialog-time-out .modal-success-content .modal-body,
.modal-dialog-time-out .modal-success-content .modal-success-body,
.modal-dialog-time-out .modal-error-content .modal-body,
.modal-success-content .modal-dialog-time-out .modal-error-content .modal-success-body,
.modal-error-content .modal-dialog-time-out .modal-content .modal-error-body,
.modal-error-content .modal-dialog-time-out .modal-success-content .modal-error-body,
.modal-dialog-time-out .modal-error-content .modal-error-body {
  margin-top: 30px;
  margin-right: 30px;
  margin-bottom: 30px;
}
.modal-dialog-time-out .modal-content .modal-body input,
.modal-success-content .modal-dialog-time-out .modal-content .modal-success-body input,
.modal-dialog-time-out .modal-success-content .modal-body input,
.modal-dialog-time-out .modal-success-content .modal-success-body input,
.modal-dialog-time-out .modal-error-content .modal-body input,
.modal-success-content .modal-dialog-time-out .modal-error-content .modal-success-body input,
.modal-error-content .modal-dialog-time-out .modal-content .modal-error-body input,
.modal-error-content .modal-dialog-time-out .modal-success-content .modal-error-body input,
.modal-dialog-time-out .modal-error-content .modal-error-body input {
  background-color: transparent !important;
  border-top: 0 solid transparent;
  padding-left: 5px;
  margin-right: 0;
}
.modal-success-content {
  padding-left: 0 !important;
}
.modal-success-content .modal-success-header {
  padding-left: 30px !important;
  border-radius: 6px 6px 0 0;
  background-color: var(--color-surface-lower-initial);
  border-bottom: 1px solid #dee2e6;
}
.modal-success-content .modal-success-header button.close {
  background-image: url(/tbcrd/assets/img/tbc-icon-close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 22px;
  margin: 0;
  opacity: 1;
  width: 22px;
}
.modal-success-content .modal-success-header button.close:hover {
  opacity: 0.5;
}
.modal-success-content .modal-success-header button.close span {
  display: none;
}
.modal-success-content .modal-success-title {
  margin: 0;
  line-height: 1.5;
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding-left: 32px;
}
.modal-success-content .modal-success-body {
  padding-top: 30px !important;
  padding-left: 30px !important;
  padding: 15px;
}
.modal-success-content .modal-success-footer {
  border-top: 0 !important;
}
.modal-alert .modal-body,
.modal-alert .modal-error-content .modal-error-body,
.modal-error-content .modal-alert .modal-error-body,
.modal-alert .modal-success-content .modal-success-body,
.modal-success-content .modal-alert .modal-success-body {
  padding-top: 30px;
  padding-right: 30px;
}
.modal-alert .btn {
  min-width: 120px;
}
.modal-dialog.redesign {
  max-width: 600px;
  margin: 0 auto;
}
.modal-dialog-confirm {
  min-width: 580px;
}
.modal-dialog-confirm .modal-error-title {
  margin: 0;
  line-height: 1.5;
  background-image: url(/tbcrd/assets/img/tbc-icon-warring.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding-left: 32px;
}
.modal-dialog-confirm.modal-already-registered {
  min-width: 0;
  max-width: none;
  width: 528px;
}
.modal-dialog-confirm.modal-already-registered .modal-body,
.modal-dialog-confirm.modal-already-registered .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog-confirm.modal-already-registered .modal-error-body,
.modal-dialog-confirm.modal-already-registered .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog-confirm.modal-already-registered .modal-success-body {
  font-size: 0.875rem;
  padding: 30px 30px 30px 0;
}
.modal-dialog-confirm.modal-change-password {
  max-width: none;
  width: 453px;
  min-width: 573px;
}
.modal-dialog-confirm.modal-change-password .modal-content,
.modal-dialog-confirm.modal-change-password .modal-error-content,
.modal-dialog-confirm.modal-change-password .modal-success-content {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding-left: 24px;
}
.modal-dialog-confirm.modal-change-password .modal-body,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body {
  font-size: 0.875rem;
  padding: 20px 30px 0 0;
}
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-1,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-1,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-1,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-1,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-1,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-2,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-2,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-2,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-2,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-2,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-3,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-3,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-3,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-3,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-3,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-4,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-4,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-4,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-4,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-4,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-5,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-5,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-5,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-5,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-5,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-6,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-6,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-6,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-6,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-6,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-7,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-7,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-7,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-7,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-7,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-8,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-8,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-8,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-8,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-8,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-9,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-9,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-9,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-9,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-9,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-10,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-10,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-10,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-10,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-10,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-11,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-11,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-11,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-11,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-11,
.modal-dialog-confirm.modal-change-password .modal-body .col-sm-12,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .col-sm-12,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .col-sm-12,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .col-sm-12,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group {
  display: inline-block;
  margin-bottom: 20px;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group .col-sm-8,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group .col-sm-8,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group .col-sm-8,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group .col-sm-8,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group .col-sm-8 {
  width: inherit;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group .col-sm-1,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group .col-sm-1,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group .col-sm-1,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group .col-sm-1,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group .col-sm-1 {
  width: 30px;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group label,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group label,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group label,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group label,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group label {
  text-align: left;
  line-height: 1.3;
  padding-top: 10px;
  min-width: 185px;
  width: 236px;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group input,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group input,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group input,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group input,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group input {
  width: 253px;
  height: 40px;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group div.same-password-error,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group div.same-password-error,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group div.same-password-error,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group div.same-password-error,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group div.same-password-error {
  width: 253px;
  margin-top: 20px;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group span.icon,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group span.icon,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group span.icon,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group span.icon,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group span.icon {
  display: block;
  width: 20px;
  height: 21px;
  background: transparent none no-repeat center center;
  margin-top: 10px;
  float: right;
  overflow: hidden;
  border-radius: 10px;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group span.icon.green,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group span.icon.green,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group span.icon.green,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group span.icon.green,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group span.icon.green {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group span.icon.red,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group span.icon.red,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group span.icon.red,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group span.icon.red,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group span.icon.red {
  background-image: url(/tbcrd/assets/img/tbc-icon-no.svg);
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group:last-child,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group:last-child,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group:last-child,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group:last-child,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group:last-child {
  margin-bottom: 0;
}
.modal-dialog-confirm.modal-change-password .modal-body .form-group.password-confirmation label,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .form-group.password-confirmation label,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .form-group.password-confirmation label,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .form-group.password-confirmation label,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .form-group.password-confirmation label {
  padding-top: 0;
}
.modal-dialog-confirm.modal-change-password .modal-body .info-text,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .info-text,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .info-text,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .info-text,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .info-text {
  margin-bottom: 25px;
}
.modal-dialog-confirm.modal-change-password .modal-body .info-text.bold,
.modal-dialog-confirm.modal-change-password .modal-body .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active .modal-dialog-confirm.modal-change-password .modal-body span.info-text,
.modal-dialog-confirm.modal-change-password .modal-body .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active .modal-dialog-confirm.modal-change-password .modal-body span.info-text,
.modal-dialog-confirm.modal-change-password .modal-body .tbc-box-product .movements .movement.total .info-text.movement-cell,
.tbc-box-product .movements .movement.total .modal-dialog-confirm.modal-change-password .modal-body .info-text.movement-cell,
.modal-dialog-confirm.modal-change-password .modal-body .debits-form .form-group .info-text.col-xs-3,
.debits-form .form-group .modal-dialog-confirm.modal-change-password .modal-body .info-text.col-xs-3,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .info-text.bold,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active .modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body span.info-text,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active .modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body span.info-text,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .tbc-box-product .movements .movement.total .info-text.movement-cell,
.tbc-box-product .movements .movement.total .modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .info-text.movement-cell,
.modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .debits-form .form-group .info-text.col-xs-3,
.debits-form .form-group .modal-dialog-confirm.modal-change-password .modal-error-content .modal-error-body .info-text.col-xs-3,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .info-text.bold,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active .modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body span.info-text,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active .modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body span.info-text,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .tbc-box-product .movements .movement.total .info-text.movement-cell,
.tbc-box-product .movements .movement.total .modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .info-text.movement-cell,
.modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .debits-form .form-group .info-text.col-xs-3,
.debits-form .form-group .modal-error-content .modal-dialog-confirm.modal-change-password .modal-error-body .info-text.col-xs-3,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .info-text.bold,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active .modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body span.info-text,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active .modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body span.info-text,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .tbc-box-product .movements .movement.total .info-text.movement-cell,
.tbc-box-product .movements .movement.total .modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .info-text.movement-cell,
.modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .debits-form .form-group .info-text.col-xs-3,
.debits-form .form-group .modal-dialog-confirm.modal-change-password .modal-success-content .modal-success-body .info-text.col-xs-3,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .info-text.bold,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active .modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body span.info-text,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span.info-text,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active .modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body span.info-text,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .tbc-box-product .movements .movement.total .info-text.movement-cell,
.tbc-box-product .movements .movement.total .modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .info-text.movement-cell,
.modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .debits-form .form-group .info-text.col-xs-3,
.debits-form .form-group .modal-success-content .modal-dialog-confirm.modal-change-password .modal-success-body .info-text.col-xs-3 {
  font-weight: bold;
}
.modal-dialog-confirm.modal-change-password .modal-footer.big-footer,
.modal-dialog-confirm.modal-change-password .modal-error-content .big-footer.modal-error-footer,
.modal-error-content .modal-dialog-confirm.modal-change-password .big-footer.modal-error-footer,
.modal-dialog-confirm.modal-change-password .modal-success-content .big-footer.modal-success-footer,
.modal-success-content .modal-dialog-confirm.modal-change-password .big-footer.modal-success-footer {
  margin: 0;
  padding: 30px 30px 30px 0;
}
.modal-dialog-confirm.modal-change-password .modal-footer.big-footer .btn,
.modal-dialog-confirm.modal-change-password .modal-error-content .big-footer.modal-error-footer .btn,
.modal-error-content .modal-dialog-confirm.modal-change-password .big-footer.modal-error-footer .btn,
.modal-dialog-confirm.modal-change-password .modal-success-content .big-footer.modal-success-footer .btn,
.modal-success-content .modal-dialog-confirm.modal-change-password .big-footer.modal-success-footer .btn {
  width: 120px;
}
body.public .tooltip-inner {
  max-width: 350px;
}
.modal-dialog-pension {
  width: 750px;
}
.modal-confirm-content {
  min-height: 250px;
}
.modal-confirm-content.modal-auto-min-height {
  min-height: auto !important;
}
.modal-confirm-content .modal-body,
.modal-confirm-content .modal-error-content .modal-error-body,
.modal-error-content .modal-confirm-content .modal-error-body,
.modal-confirm-content .modal-success-content .modal-success-body,
.modal-success-content .modal-confirm-content .modal-success-body {
  padding-top: 25px;
  padding-bottom: 40px;
  font-size: 15px;
}
@media (max-width: 1390px) {
  .modal-confirm-content .modal-body .confirm-security-level,
  .modal-confirm-content .modal-error-content .modal-error-body .confirm-security-level,
  .modal-error-content .modal-confirm-content .modal-error-body .confirm-security-level,
  .modal-confirm-content .modal-success-content .modal-success-body .confirm-security-level,
  .modal-success-content .modal-confirm-content .modal-success-body .confirm-security-level {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.modal-confirm-content .modal-body .dev-td,
.modal-confirm-content .modal-error-content .modal-error-body .dev-td,
.modal-error-content .modal-confirm-content .modal-error-body .dev-td,
.modal-confirm-content .modal-success-content .modal-success-body .dev-td,
.modal-success-content .modal-confirm-content .modal-success-body .dev-td {
  padding-right: 0;
  padding-left: 0;
}
.modal-confirm-content .modal-body .deviceType .dev-td:first-child,
.modal-confirm-content .modal-error-content .modal-error-body .deviceType .dev-td:first-child,
.modal-error-content .modal-confirm-content .modal-error-body .deviceType .dev-td:first-child,
.modal-confirm-content .modal-success-content .modal-success-body .deviceType .dev-td:first-child,
.modal-success-content .modal-confirm-content .modal-success-body .deviceType .dev-td:first-child {
  width: 193px;
}
.modal-confirm-content .modal-body .w200px,
.modal-confirm-content .modal-error-content .modal-error-body .w200px,
.modal-error-content .modal-confirm-content .modal-error-body .w200px,
.modal-confirm-content .modal-success-content .modal-success-body .w200px,
.modal-success-content .modal-confirm-content .modal-success-body .w200px {
  max-width: 200px;
}
.modal-confirm-content .modal-body .max280,
.modal-confirm-content .modal-error-content .modal-error-body .max280,
.modal-error-content .modal-confirm-content .modal-error-body .max280,
.modal-confirm-content .modal-success-content .modal-success-body .max280,
.modal-success-content .modal-confirm-content .modal-success-body .max280 {
  width: 250px !important;
}
.modal-confirm-content .modal-body.pension,
.modal-confirm-content .modal-error-content .pension.modal-error-body,
.modal-error-content .modal-confirm-content .pension.modal-error-body,
.modal-confirm-content .modal-success-content .pension.modal-success-body,
.modal-success-content .modal-confirm-content .pension.modal-success-body {
  padding-top: 10px;
  padding-bottom: 5px;
}
.modal-confirm-content .modal-body.pension .agreement,
.modal-confirm-content .modal-error-content .pension.modal-error-body .agreement,
.modal-error-content .modal-confirm-content .pension.modal-error-body .agreement,
.modal-confirm-content .modal-success-content .pension.modal-success-body .agreement,
.modal-success-content .modal-confirm-content .pension.modal-success-body .agreement {
  display: block;
  width: 100%;
  border: 2px solid var(--color-text-disabled-default);
}
.modal-confirm-content .modal-footer .btn,
.modal-confirm-content .modal-error-content .modal-error-footer .btn,
.modal-error-content .modal-confirm-content .modal-error-footer .btn,
.modal-confirm-content .modal-success-content .modal-success-footer .btn,
.modal-success-content .modal-confirm-content .modal-success-footer .btn {
  font-size: 15px;
  padding: 15px;
  height: 50px;
}
.modal-confirm-content .modal-footer .btn.w100,
.modal-confirm-content .modal-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-confirm-content .modal-footer label.btn,
.modal-confirm-content .modal-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-confirm-content .modal-footer .btn.range-block,
.modal-confirm-content .modal-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-confirm-content .modal-footer label.btn,
.modal-confirm-content .modal-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-confirm-content .modal-footer .btn.range-block,
.modal-confirm-content .modal-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-confirm-content .modal-footer .btn.cat-input,
.modal-confirm-content .modal-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-confirm-content .modal-footer .btn.cat-input,
.modal-confirm-content .modal-error-content .modal-error-footer .btn.w100,
.modal-confirm-content .modal-error-content .modal-error-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-confirm-content .modal-error-content .modal-error-footer label.btn,
.modal-confirm-content .modal-error-content .modal-error-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-confirm-content .modal-error-content .modal-error-footer .btn.range-block,
.modal-confirm-content .modal-error-content .modal-error-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-confirm-content .modal-error-content .modal-error-footer label.btn,
.modal-confirm-content .modal-error-content .modal-error-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-confirm-content .modal-error-content .modal-error-footer .btn.range-block,
.modal-confirm-content .modal-error-content .modal-error-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-confirm-content .modal-error-content .modal-error-footer .btn.cat-input,
.modal-confirm-content .modal-error-content .modal-error-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-confirm-content .modal-error-content .modal-error-footer .btn.cat-input,
.modal-error-content .modal-confirm-content .modal-error-footer .btn.w100,
.modal-error-content .modal-confirm-content .modal-error-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-error-content .modal-confirm-content .modal-error-footer label.btn,
.modal-error-content .modal-confirm-content .modal-error-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-error-content .modal-confirm-content .modal-error-footer .btn.range-block,
.modal-error-content .modal-confirm-content .modal-error-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-error-content .modal-confirm-content .modal-error-footer label.btn,
.modal-error-content .modal-confirm-content .modal-error-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-error-content .modal-confirm-content .modal-error-footer .btn.range-block,
.modal-error-content .modal-confirm-content .modal-error-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-error-content .modal-confirm-content .modal-error-footer .btn.cat-input,
.modal-error-content .modal-confirm-content .modal-error-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-error-content .modal-confirm-content .modal-error-footer .btn.cat-input,
.modal-confirm-content .modal-success-content .modal-success-footer .btn.w100,
.modal-confirm-content .modal-success-content .modal-success-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-confirm-content .modal-success-content .modal-success-footer label.btn,
.modal-confirm-content .modal-success-content .modal-success-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-confirm-content .modal-success-content .modal-success-footer .btn.range-block,
.modal-confirm-content .modal-success-content .modal-success-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-confirm-content .modal-success-content .modal-success-footer label.btn,
.modal-confirm-content .modal-success-content .modal-success-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-confirm-content .modal-success-content .modal-success-footer .btn.range-block,
.modal-confirm-content .modal-success-content .modal-success-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-confirm-content .modal-success-content .modal-success-footer .btn.cat-input,
.modal-confirm-content .modal-success-content .modal-success-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-confirm-content .modal-success-content .modal-success-footer .btn.cat-input,
.modal-success-content .modal-confirm-content .modal-success-footer .btn.w100,
.modal-success-content .modal-confirm-content .modal-success-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-success-content .modal-confirm-content .modal-success-footer label.btn,
.modal-success-content .modal-confirm-content .modal-success-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-success-content .modal-confirm-content .modal-success-footer .btn.range-block,
.modal-success-content .modal-confirm-content .modal-success-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-success-content .modal-confirm-content .modal-success-footer label.btn,
.modal-success-content .modal-confirm-content .modal-success-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-success-content .modal-confirm-content .modal-success-footer .btn.range-block,
.modal-success-content .modal-confirm-content .modal-success-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-success-content .modal-confirm-content .modal-success-footer .btn.cat-input,
.modal-success-content .modal-confirm-content .modal-success-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-success-content .modal-confirm-content .modal-success-footer .btn.cat-input {
  width: 200px !important;
}
.modal-confirm-content .modal-footer .do-not-ask,
.modal-confirm-content .modal-error-content .modal-error-footer .do-not-ask,
.modal-error-content .modal-confirm-content .modal-error-footer .do-not-ask,
.modal-confirm-content .modal-success-content .modal-success-footer .do-not-ask,
.modal-success-content .modal-confirm-content .modal-success-footer .do-not-ask {
  clear: both;
  text-align: left;
  padding-top: 20px;
}
.modal-confirm-content .modal-footer .do-not-ask .checkbox,
.modal-confirm-content .modal-error-content .modal-error-footer .do-not-ask .checkbox,
.modal-error-content .modal-confirm-content .modal-error-footer .do-not-ask .checkbox,
.modal-confirm-content .modal-success-content .modal-success-footer .do-not-ask .checkbox,
.modal-success-content .modal-confirm-content .modal-success-footer .do-not-ask .checkbox {
  display: inline-block;
}
.modal-confirm-content .modal-footer .do-not-ask .checkbox label,
.modal-confirm-content .modal-error-content .modal-error-footer .do-not-ask .checkbox label,
.modal-error-content .modal-confirm-content .modal-error-footer .do-not-ask .checkbox label,
.modal-confirm-content .modal-success-content .modal-success-footer .do-not-ask .checkbox label,
.modal-success-content .modal-confirm-content .modal-success-footer .do-not-ask .checkbox label {
  margin: 0 10px 0 0;
}
.modal-footer .btn.w100,
.modal-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-footer label.btn,
.modal-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-footer .btn.range-block,
.modal-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-footer label.btn,
.modal-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-footer .btn.range-block,
.modal-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-footer .btn.cat-input,
.modal-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-footer .btn.cat-input,
.modal-error-content .modal-error-footer .btn.w100,
.modal-error-content .modal-error-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-error-content .modal-error-footer label.btn,
.modal-error-content .modal-error-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-error-content .modal-error-footer .btn.range-block,
.modal-error-content .modal-error-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-error-content .modal-error-footer label.btn,
.modal-error-content .modal-error-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-error-content .modal-error-footer .btn.range-block,
.modal-error-content .modal-error-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-error-content .modal-error-footer .btn.cat-input,
.modal-error-content .modal-error-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-error-content .modal-error-footer .btn.cat-input,
.modal-success-content .modal-success-footer .btn.w100,
.modal-success-content .modal-success-footer ib-filter-range.label-on-new-line label.btn,
ib-filter-range.label-on-new-line .modal-success-content .modal-success-footer label.btn,
.modal-success-content .modal-success-footer ib-filter-range.label-on-new-line .btn.range-block,
ib-filter-range.label-on-new-line .modal-success-content .modal-success-footer .btn.range-block,
.modal-success-content .modal-success-footer ib-date-field.label-on-new-line label.btn,
ib-date-field.label-on-new-line .modal-success-content .modal-success-footer label.btn,
.modal-success-content .modal-success-footer ib-date-field.label-on-new-line .btn.range-block,
ib-date-field.label-on-new-line .modal-success-content .modal-success-footer .btn.range-block,
.modal-success-content .modal-success-footer .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .modal-success-content .modal-success-footer .btn.cat-input,
.modal-success-content .modal-success-footer .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .modal-success-content .modal-success-footer .btn.cat-input {
  width: 200px !important;
}
.priority-modal {
  height: auto;
  width: 840px;
  max-width: none;
}
@media (max-width: 1280px) {
  .priority-modal {
    width: 700px;
  }
}
.priority-modal .tbc-pm {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 30px !important;
  padding-bottom: 68px !important;
  margin: 0 auto;
  position: relative;
  max-height: 500px;
  width: 60%;
}
.modal-list-body {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.li-size-image {
  background-size: 48%;
}
.modal-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: -25px;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
}
.modal-list li {
  color: var(--color-text-strong-default);
  transition: none;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 20px;
  cursor: pointer;
}
.modal-list li .arrow-right {
  mask-image: url(/tbcrd/assets/img/products-new-icons/arrow-right.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/arrow-right.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
  background-color: var(--color-surface-lower-initial);
  margin-left: auto;
}
.modal-list li .modal-list-image {
  background-color: var(--color-surface-lower-initial);
  margin-right: 12px;
}
.modal-list li:hover .modal-list-image,
.modal-list li:hover .arrow-right {
  background-color: var(--color-text-primary-hovered);
}
.modal-list li:focus .modal-list-image {
  background-color: var(--color-text-primary-pressed);
}
.modal-list li:nth-child(1) {
  top: -1px;
}
.modal-list li:nth-child(2) {
  top: -2px;
}
.modal-list li:nth-child(3) {
  top: -3px;
}
.modal-list li:nth-child(4) {
  top: -4px;
}
.modal-list li:nth-child(5) {
  top: -5px;
}
.modal-list li:nth-child(6) {
  top: -6px;
}
.modal-list li:nth-child(7) {
  top: -7px;
}
.modal-list li:nth-child(8) {
  top: -8px;
}
.modal-list li .modal-list-image {
  float: left;
  width: 56px;
  height: 52px;
  mask-image: url(/tbcrd/assets/img/products-new-icons/payment-debt.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/payment-debt.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.paybill .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/pay-bills.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/pay-bills.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.topup .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/mobile-top-up.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/mobile-top-up.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.treasury .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-to-treasury.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-to-treasury.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.p2p .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-via-mobile-number.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-via-mobile-number.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.someone .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-to-someone-account.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-to-someone-account.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.account .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-between-own-accounts.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-between-own-accounts.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.add-amount .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/add-amount.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/add-amount.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.debt-prepayment .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/prepayment-debt.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/prepayment-debt.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.increase-limit .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/increase-limit.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/increase-limit.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.decrease-limit .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/decrease-limit.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/decrease-limit.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.money-transfer .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-between-own-accounts.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/transfer-between-own-accounts.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.pay-debt .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/payment-debt.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/payment-debt.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.renew-card .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/renew-card.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/renew-card.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.product-renew .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/renew-card.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/renew-card.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.reset-pin .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/renew-pincode.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/renew-pincode.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.activate-card .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/activate-card.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/activate-card.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.receive .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/activate-card.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/activate-card.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.card-close .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/close-account.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/close-account.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.block-card .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/lock-card.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/lock-card.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.unblock-card .modal-list-image,
.modal-list li.select-block-unblock-card .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/unlock-card.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/unlock-card.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.close-account .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/trash-icon.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/trash-icon.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.enable-card .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/card-gambling-allow.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/card-gambling-allow.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.restrict-card .modal-list-image,
.modal-list li.enable-restrict-card .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/card-gambling-restrict.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/card-gambling-restrict.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li.add-money .modal-list-image {
  mask-image: url(/tbcrd/assets/img/products-new-icons/add-amount.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/products-new-icons/add-amount.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
}
.modal-list li .modal-list-text {
  float: left;
  height: 52px;
  line-height: 52px;
  overflow: hidden;
}
.modal-list li:hover {
  color: var(--color-icon-primary-initial);
}
.modal-list li:last-child,
.modal-list li:last-child:hover {
  border-bottom: 0 solid transparent;
}
.deviceType {
  display: table;
  width: 100%;
}
.deviceType .dev-td {
  display: table-cell;
  vertical-align: middle;
}
.deviceType .dev-td:first-child {
  float: inherit;
  vertical-align: top;
  width: 180px;
}
.deviceType .dev-td:last-child {
  padding-right: 30px;
}
.deviceType .content,
.deviceType .small-text-num {
  color: var(--color-text-disabled-default);
  font-size: 11px;
}
.deviceType .challenge {
  text-align: center;
  float: left;
  width: 60px;
}
.deviceType .challenge input {
  width: 100% !important;
  margin-top: 5px;
  text-align: center;
}
.deviceType .resend-btn {
  display: inline-block;
  background: none !important;
  border: none;
  padding: 0 !important;
  font: inherit;
  color: var(--color-icon-primary-initial);
}
.deviceType .resend-btn:hover {
  color: var(--color-stroke-primary-initial);
  text-decoration: underline;
}
.deviceType .resend-btn:disabled {
  color: inherit;
  text-decoration: none;
}
.modal-confirm-content {
}
.modal-confirm-content .deviceType {
  margin-top: 20px;
}
.modal-confirm-content .deviceType input,
.modal-confirm-content .dev-td input,
.modal-confirm-content .dev-td:first-child input {
  width: 100%;
}
.modal-confirm-content .mobile-input-label {
  width: 171px !important;
}
.modal-dialog.my-money-dialog .table {
  margin-bottom: 0 !important;
}
.modal-dialog.my-money-dialog .modal-header,
.modal-dialog.my-money-dialog .modal-error-content .modal-error-header,
.modal-error-content .modal-dialog.my-money-dialog .modal-error-header,
.modal-dialog.my-money-dialog .modal-success-content .modal-success-header,
.modal-success-content .modal-dialog.my-money-dialog .modal-success-header {
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
.modal-dialog.my-money-dialog .modal-subheader {
  color: var(--color-text-disabled-default);
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
.modal-dialog.my-money-dialog .modal-subheader .table .tr .td {
  line-height: 30px;
  height: 30px;
  font-size: 13px;
}
.modal-dialog.my-money-dialog .modal-subheader .table .tr .td:first-child {
  padding-left: 30px;
}
.modal-dialog.my-money-dialog .modal-subheader .table .tr .td:last-child {
  padding-right: 30px;
  text-align: right;
}
.modal-dialog.my-money-dialog .modal-body.modal-error-body,
.modal-dialog.my-money-dialog .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog.my-money-dialog .modal-error-body,
.modal-dialog.my-money-dialog .modal-success-content .modal-error-body.modal-success-body,
.modal-success-content .modal-dialog.my-money-dialog .modal-error-body.modal-success-body {
  padding: 15px 30px;
}
.modal-dialog.my-money-dialog .modal-body.modal-error-body .table .tr .td,
.modal-dialog.my-money-dialog .modal-error-content .modal-error-body .table .tr .td,
.modal-error-content .modal-dialog.my-money-dialog .modal-error-body .table .tr .td,
.modal-dialog.my-money-dialog .modal-success-content .modal-error-body.modal-success-body .table .tr .td,
.modal-success-content .modal-dialog.my-money-dialog .modal-error-body.modal-success-body .table .tr .td {
  line-height: 40px;
  vertical-align: top;
}
.modal-dialog.my-money-dialog .modal-body.modal-error-body .table .tr .td:first-child,
.modal-dialog.my-money-dialog .modal-error-content .modal-error-body .table .tr .td:first-child,
.modal-error-content .modal-dialog.my-money-dialog .modal-error-body .table .tr .td:first-child,
.modal-dialog.my-money-dialog .modal-success-content .modal-error-body.modal-success-body .table .tr .td:first-child,
.modal-success-content .modal-dialog.my-money-dialog .modal-error-body.modal-success-body .table .tr .td:first-child {
  max-width: 5px;
  top: 5px;
  position: relative;
}
.modal-dialog.my-money-dialog.categorization-dialog {
  min-width: 640px;
  max-width: 1000px;
  width: 86%;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-subheader .subheader {
  margin: 0 30px;
  line-height: 25px;
  text-align: left;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-subheader .subheader > div {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-subheader .subheader:after {
  content: "";
  display: block;
  clear: both;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-subheader .subheader .subheader-date {
  width: 90px;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-subheader .subheader .subheader-desc {
  width: calc(100% - 90px - 90px);
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-subheader .subheader .subheader-amount {
  width: 90px;
  text-align: right;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-subheader .subheader .subheader-text {
  width: 100%;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-content,
.modal-dialog.my-money-dialog.categorization-dialog .modal-error-content,
.modal-dialog.my-money-dialog.categorization-dialog .modal-success-content {
  padding-left: 0;
}
.modal-dialog.my-money-dialog.categorization-dialog .modal-body,
.modal-dialog.my-money-dialog.categorization-dialog .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog.my-money-dialog.categorization-dialog .modal-error-body,
.modal-dialog.my-money-dialog.categorization-dialog .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog.my-money-dialog.categorization-dialog .modal-success-body {
  padding: 0;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories {
  width: 50%;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul {
  list-style-type: none;
  position: relative;
  padding: 0;
  margin: 0;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul li {
  width: 100%;
  line-height: 29px;
  background-repeat: no-repeat;
  background-position: center right 15px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li a,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul li a {
  display: block;
  cursor: pointer;
  color: inherit;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li a:after,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul li a:after {
  content: "";
  display: block;
  clear: both;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li:hover,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul li:hover {
  color: var(--color-surface-high-dark-initial);
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li:after,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul li:after {
  content: "";
  display: block;
  clear: both;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .title,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .title {
  width: 100%;
  padding: 12px 24px;
  line-height: 29px;
  height: 49px;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .title .cat-text,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .title .cat-text {
  width: calc(100% - 29px - 10px);
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .title:after,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .title:after {
  content: "";
  display: block;
  clear: both;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .list,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .list {
  position: absolute;
  right: 0;
  left: 0;
  top: 49px;
  bottom: 0;
  overflow: auto;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-image,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-image {
  position: relative;
  float: left;
  width: 29px;
  height: 29px;
  margin-right: 10px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-image .cat-image-box,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-image .cat-image-box {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent none no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 100%;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-image .cat-image-box img,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-image .cat-image-box img {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-image .cat-image-box img[src],
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-image .cat-image-box img[src] {
  display: block;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-name,
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-text,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-name,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-text {
  float: left;
  width: calc(100% - 29px - 10px);
  color: var(--color-text-soft-default);
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-name:hover,
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-text:hover,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-name:hover,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-text:hover {
  color: var(--color-surface-high-dark-hovered);
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ib-category-addition,
.modal-dialog.my-money-dialog.categorization-dialog .categories category-addition,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ib-category-addition,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories category-addition {
  margin: 20px 24px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ib-category-addition .cat-add-off,
.modal-dialog.my-money-dialog.categorization-dialog .categories category-addition .cat-add-off,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ib-category-addition .cat-add-off,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories category-addition .cat-add-off {
  text-align: right;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ib-category-addition .cat-add-off a.add,
.modal-dialog.my-money-dialog.categorization-dialog .categories category-addition .cat-add-off a.add,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ib-category-addition .cat-add-off a.add,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories category-addition .cat-add-off a.add {
  padding: 0 39px 0 0;
  margin: 0;
  background-position: right center;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ib-category-addition .cat-add-off a.add:hover,
.modal-dialog.my-money-dialog.categorization-dialog .categories category-addition .cat-add-off a.add:hover,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ib-category-addition .cat-add-off a.add:hover,
.modal-dialog.my-money-dialog.categorization-dialog .subcategories category-addition .cat-add-off a.add:hover {
  opacity: 1;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories .cat-text {
  float: left;
  width: 100%;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul {
  padding: 10px 0 20px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li a {
  padding: 6px 24px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li.active {
  background-color: var(--color-surface-canvas-pressed);
}
.modal-dialog.my-money-dialog.categorization-dialog .categories ul li:hover {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue-new.svg);
}
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes {
  width: 100%;
  min-height: 225px;
  max-height: 600px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes .list {
  position: relative;
  right: auto;
  left: auto;
  top: auto;
  bottom: auto;
  margin-top: 49px;
  overflow: auto;
  max-height: 450px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes .list ul {
  padding: 0;
  min-height: 150px;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes .list ul li:hover {
  background-color: var(--color-surface-low-initial);
  background-image: none;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes ib-category-addition,
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes category-addition {
  width: 50%;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes ib-category-addition .cat-add-off,
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes category-addition .cat-add-off {
  text-align: left;
}
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes ib-category-addition .cat-add-off a.add,
.modal-dialog.my-money-dialog.categorization-dialog .categories.incomes category-addition .cat-add-off a.add {
  padding: 0 0 0 39px;
  background-position: left center;
}
.modal-dialog.my-money-dialog.categorization-dialog .subcategories {
  background-color: var(--color-surface-canvas-pressed);
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.modal-dialog.my-money-dialog.categorization-dialog .subcategories .cat-name {
  width: 100%;
}
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul {
  padding: 0;
  min-height: calc(100% - 49px - 26px);
}
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul.adding {
  min-height: 0;
}
.modal-dialog.my-money-dialog.categorization-dialog .subcategories ul li:hover {
  background-image: none;
}
.los-modal .modal-content .modal-header,
.los-modal .modal-error-content .modal-header,
.los-modal .modal-success-content .modal-header,
.modal-error-content .los-modal .modal-content .modal-error-header,
.los-modal .modal-error-content .modal-error-header,
.modal-error-content .los-modal .modal-success-content .modal-error-header,
.modal-success-content .los-modal .modal-content .modal-success-header,
.modal-success-content .los-modal .modal-error-content .modal-success-header,
.los-modal .modal-success-content .modal-success-header {
  color: var(--color-icon-primary-initial);
  border-bottom: none;
}
.los-modal .modal-content .modal-header h4,
.los-modal .modal-error-content .modal-header h4,
.los-modal .modal-success-content .modal-header h4,
.modal-error-content .los-modal .modal-content .modal-error-header h4,
.los-modal .modal-error-content .modal-error-header h4,
.modal-error-content .los-modal .modal-success-content .modal-error-header h4,
.modal-success-content .los-modal .modal-content .modal-success-header h4,
.modal-success-content .los-modal .modal-error-content .modal-success-header h4,
.los-modal .modal-success-content .modal-success-header h4 {
  font-size: 20px;
}
.los-modal .modal-content .modal-header button,
.los-modal .modal-error-content .modal-header button,
.los-modal .modal-success-content .modal-header button,
.modal-error-content .los-modal .modal-content .modal-error-header button,
.los-modal .modal-error-content .modal-error-header button,
.modal-error-content .los-modal .modal-success-content .modal-error-header button,
.modal-success-content .los-modal .modal-content .modal-success-header button,
.modal-success-content .los-modal .modal-error-content .modal-success-header button,
.los-modal .modal-success-content .modal-success-header button {
  margin-right: 0;
}
.los-modal .modal-content .modal-body,
.los-modal .modal-error-content .modal-body,
.los-modal .modal-success-content .modal-body,
.modal-error-content .los-modal .modal-content .modal-error-body,
.los-modal .modal-error-content .modal-error-body,
.modal-error-content .los-modal .modal-success-content .modal-error-body,
.modal-success-content .los-modal .modal-content .modal-success-body,
.modal-success-content .los-modal .modal-error-content .modal-success-body,
.los-modal .modal-success-content .modal-success-body {
  color: var(--color-text-strong-light);
  background-color: var(--color-icon-primary-initial);
  padding: 30px 0;
  margin-left: -30px;
  min-height: 140px;
}
.los-modal .modal-content .modal-body img,
.los-modal .modal-error-content .modal-body img,
.los-modal .modal-success-content .modal-body img,
.modal-error-content .los-modal .modal-content .modal-error-body img,
.los-modal .modal-error-content .modal-error-body img,
.modal-error-content .los-modal .modal-success-content .modal-error-body img,
.modal-success-content .los-modal .modal-content .modal-success-body img,
.modal-success-content .los-modal .modal-error-content .modal-success-body img,
.los-modal .modal-success-content .modal-success-body img {
  margin: 0 30px;
  float: left;
}
.los-modal .modal-content .modal-body .text,
.los-modal .modal-error-content .modal-body .text,
.los-modal .modal-success-content .modal-body .text,
.modal-error-content .los-modal .modal-content .modal-error-body .text,
.los-modal .modal-error-content .modal-error-body .text,
.modal-error-content .los-modal .modal-success-content .modal-error-body .text,
.modal-success-content .los-modal .modal-content .modal-success-body .text,
.modal-success-content .los-modal .modal-error-content .modal-success-body .text,
.los-modal .modal-success-content .modal-success-body .text {
  margin-left: 120px;
}
.los-modal .modal-content .modal-footer,
.los-modal .modal-error-content .modal-footer,
.los-modal .modal-success-content .modal-footer,
.modal-error-content .los-modal .modal-content .modal-error-footer,
.los-modal .modal-error-content .modal-error-footer,
.modal-error-content .los-modal .modal-success-content .modal-error-footer,
.modal-success-content .los-modal .modal-content .modal-success-footer,
.modal-success-content .los-modal .modal-error-content .modal-success-footer,
.los-modal .modal-success-content .modal-success-footer {
  clear: both;
}
.download-dialog .modal-header button.close,
.download-dialog .modal-error-content .modal-error-header button.close,
.modal-error-content .download-dialog .modal-error-header button.close,
.download-dialog .modal-success-content .modal-success-header button.close,
.modal-success-content .download-dialog .modal-success-header button.close {
  margin-right: 0;
}
.download-dialog .modal-body,
.download-dialog .modal-error-content .modal-error-body,
.modal-error-content .download-dialog .modal-error-body,
.download-dialog .modal-success-content .modal-success-body,
.modal-success-content .download-dialog .modal-success-body {
  padding-top: 25px;
}
.download-dialog .modal-body .download-icon,
.download-dialog .modal-error-content .modal-error-body .download-icon,
.modal-error-content .download-dialog .modal-error-body .download-icon,
.download-dialog .modal-success-content .modal-success-body .download-icon,
.modal-success-content .download-dialog .modal-success-body .download-icon {
  position: relative;
  top: 4px;
}
.download-dialog .modal-content .modal-body table tr:last-child td,
.download-dialog .modal-error-content .modal-body table tr:last-child td,
.download-dialog .modal-success-content .modal-body table tr:last-child td,
.modal-error-content .download-dialog .modal-content .modal-error-body table tr:last-child td,
.download-dialog .modal-error-content .modal-error-body table tr:last-child td,
.modal-error-content .download-dialog .modal-success-content .modal-error-body table tr:last-child td,
.modal-success-content .download-dialog .modal-content .modal-success-body table tr:last-child td,
.modal-success-content .download-dialog .modal-error-content .modal-success-body table tr:last-child td,
.download-dialog .modal-success-content .modal-success-body table tr:last-child td {
  padding-top: 10px;
}
.download-dialog a.download:hover {
  transition: color 0.4s;
}
.download-dialog a.download:hover .download-text {
  color: var(--color-icon-primary-initial);
}
.download-dialog a.download:hover .download-text:hover {
  color: inherit;
}
.download-dialog a.download:hover .download-icon {
  background-image: url(/tbcrd/assets/img/products/tbc-download-icon-blue.svg);
}
.download-dialog a.download:hover .download-icon:hover {
  background-image: inherit;
}
.request-submitted .modal-header,
.request-submitted .modal-error-content .modal-error-header,
.modal-error-content .request-submitted .modal-error-header,
.request-submitted .modal-success-content .modal-success-header,
.modal-success-content .request-submitted .modal-success-header,
.request-un-done .modal-header,
.request-un-done .modal-error-content .modal-error-header,
.modal-error-content .request-un-done .modal-error-header,
.request-un-done .modal-success-content .modal-success-header,
.modal-success-content .request-un-done .modal-success-header,
.modal-close-account .modal-header,
.modal-close-account .modal-error-content .modal-error-header,
.modal-error-content .modal-close-account .modal-error-header,
.modal-close-account .modal-success-content .modal-success-header,
.modal-success-content .modal-close-account .modal-success-header {
  padding-left: 38px;
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-repeat: no-repeat;
  background-position: left 20px;
  background-size: 25px 25px;
}
.request-un-done .modal-header,
.request-un-done .modal-error-content .modal-error-header,
.modal-error-content .request-un-done .modal-error-header,
.request-un-done .modal-success-content .modal-success-header,
.modal-success-content .request-un-done .modal-success-header {
  background-image: url(/tbcrd/assets/img/tbc-icon-warring.svg);
}
.close-warning,
.unlock-warning {
  color: var(--color-surface-high-dark-initial);
  font-weight: bold;
}
.config-code-img {
  background-image: url(/tbcrd/assets/img/products/send-mail.png);
  background-repeat: no-repeat;
  background-position: left center;
  height: 89px;
}
.config-code-main-text {
  height: 89px;
}
.confirm-token-pin {
  padding-top: 10px;
  padding-left: 193px !important;
}
.modal-dialog.modal-confirmation .confirm-token-pin {
  padding-left: 179px !important;
}
.happy-bday-modal .happy-bday__bg {
  padding-left: 0;
  height: 280px;
  min-width: 100%;
  background-color: var(--color-icon-primary-initial);
  overflow: hidden;
}
.happy-bday-modal .happy-bday__bg .ib-loader-overlay {
  background-color: var(--color-overlay-lighten-subtle-initial);
}
.happy-bday-modal .happy-bday__bg.hide-children .happy-bday__body * {
  opacity: 0;
}
.happy-bday-modal .happy-bday__bg .animation-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.happy-bday-modal .happy-bday__bg .animation-container .bg-icons {
  position: absolute;
  width: 600px;
  height: 600px;
  top: -162px;
}
.happy-bday-modal .happy-bday__bg .animation-container .close {
  opacity: 1;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
  margin-right: 0;
  margin-top: 0;
}
.happy-bday-modal .happy-bday__bg .animation-container .message {
  position: absolute;
  width: 349px;
  height: 243px;
  left: 23%;
  top: 16%;
  margin-top: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.happy-bday-modal .happy-bday__bg .animation-container .message.en {
  background-image: url(/tbcrd/assets/img/bday/text-en.png);
}
.happy-bday-modal .happy-bday__bg .animation-container .message.ka {
  background-image: url(/tbcrd/assets/img/bday/text-ka.png);
}
.happy-bday-modal .happy-bday__bg .animation-container .logo {
  position: absolute;
  background-image: url(/tbcrd/assets/img/bday/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 116px;
  bottom: -263px;
  left: 26px;
  height: 34px;
}
.happy-bday-modal .happy-bday__bg .animation-container button.share-btn {
  position: absolute;
  right: 26px;
  bottom: -263px;
  border-radius: 25px;
  height: 42px;
  width: 114px;
  color: var(--color-stroke-primary-initial);
  font-size: 13px;
  font-weight: bold;
  padding-left: 33px;
  background-image: url(/tbcrd/assets/img/bday/icons/share.svg);
  background-color: var(--color-surface-warning-initial);
  background-repeat: no-repeat;
  background-position: left 22px center;
  border: 0 none;
}
.choise-avatar a {
  padding-bottom: 30px;
  padding-right: 30px;
}
.choise-avatar a img {
  border-radius: 50%;
  height: 88px;
  width: 88px;
}
.choise-avatar a:nth-child(4n+0) {
  padding-right: 0;
}
.choise-avatar a.selected {
  display: inline-block;
  position: relative;
}
.choise-avatar a.selected:after {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  bottom: 0;
  content: "";
  left: 65px;
  position: absolute;
  right: 0;
  top: 60px;
}
.pal ib-signatures input {
  height: 40px;
  font-size: 14px;
}
ib-signatures .deviceType label {
  margin-top: 11px;
}
@media (max-width: 1600px) {
  ib-transfer-details-dialog .modal-content,
  ib-transfer-details-dialog .modal-error-content,
  ib-transfer-details-dialog .modal-success-content {
    max-height: 700px;
    overflow: scroll;
  }
}
.total-box {
  padding: 10px 0;
  border-top: 1px solid var(--color-text-disabled-dark);
  border-bottom: 1px solid var(--color-text-disabled-dark);
}
@font-face {
  font-family: "password";
  src: url("./media/password-MDYKFCRS.eot");
  src:
    url("./media/password-MDYKFCRS.eot?#iefix") format("embedded-opentype"),
    url("./media/password-BX73Y65Y.woff") format("woff"),
    url("./media/password-MUIINI4H.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXLight-RVLFUHNZ.eot");
  src:
    url("./media/TBCXLight-RVLFUHNZ.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXLight-J3CQAFAV.woff2") format("woff2") url("./media/TBCXLight-W3P6ZI7P.woff") format("woff"),
    url("./media/TBCXLight-VF45H74K.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXRegular-RCG4RZ4Q.eot");
  src:
    url("./media/TBCXRegular-RCG4RZ4Q.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXRegular-CX4GPLEK.woff2") format("woff2") url("./media/TBCXRegular-JCDSBJEV.woff") format("woff"),
    url("./media/TBCXRegular-7KTFMFNY.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXMedium-BYAHB6MJ.eot");
  src:
    url("./media/TBCXMedium-BYAHB6MJ.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXMedium-NKLOXXGY.woff2") format("woff2") url("./media/TBCXMedium-4OXCP5AZ.woff") format("woff"),
    url("./media/TBCXMedium-HBRFNBQA.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXBold-EAJ3XHPU.eot");
  src:
    url("./media/TBCXBold-EAJ3XHPU.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXBold-4UWYYRDZ.woff2") format("woff2") url("./media/TBCXBold-BUIHB7OI.woff") format("woff"),
    url("./media/TBCXBold-CKAQJ6A4.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXBlack-VFLOH6XY.eot");
  src:
    url("./media/TBCXBlack-VFLOH6XY.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXBlack-R5FXEE6B.woff2") format("woff2") url("./media/TBCXBlack-TCB7EBCU.woff") format("woff"),
    url("./media/TBCXBlack-422OIRWM.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}
.tooltip > .tooltip-inner {
  padding: 0.5em;
  font-size: 1em;
  color: var(--color-text-strong-default);
  background-color: var(--color-text-strong-light);
  border: 1px solid var(--color-text-disabled-dark);
  max-width: 250px;
  white-space: normal;
  text-align: left;
}
.tooltip > .tooltip-inner.ib-transaction-rejection {
  max-width: 250px;
}
.tooltip > .tooltip-inner.ib-transaction-rejection .rejection-text {
  color: var(--color-text-soft-dark);
}
.tooltip.top > .tooltip-arrow::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--color-text-strong-light);
}
.tooltip.bottom .tooltip-arrow {
  border-bottom: 5px solid var(--color-text-disabled-dark);
}
.tooltip.bottom > .tooltip-arrow::before {
  content: "";
  position: absolute;
  top: 1px;
  left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--color-text-strong-light);
}
.tooltip.left .tooltip-arrow {
  border-left: 5px solid var(--color-text-disabled-dark);
}
.tooltip.left > .tooltip-arrow::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid var(--color-text-strong-light);
}
.tooltip.right .tooltip-arrow {
  border-right: 5px solid var(--color-text-disabled-dark);
}
.tooltip.right > .tooltip-arrow::before {
  content: "";
  position: absolute;
  top: -5px;
  left: 1px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid var(--color-text-strong-light);
}
.tooltip {
  font-family: "TBCX";
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
  pointer-events: none;
}
.tooltip.blockedAmount {
  pointer-events: auto;
}
.tooltip.show {
  opacity: 1;
}
.tooltip.am-fade {
  opacity: 1 !important;
}
.tooltip.tiny .tooltip-inner {
  padding: 0;
  max-width: none;
  width: 300px;
  max-height: 300px;
  overflow: auto;
}
.tooltip.tiny .tooltip-inner .card {
  border-top: 1px solid var(--color-stroke-soft-initial);
}
.tooltip.tiny .tooltip-inner .card:first-child {
  border-top: none;
}
.tooltip.tiny .tooltip-inner .product-card-header {
  line-height: inherit;
  text-align: left;
  color: var(--color-text-strong-default);
  padding: 5px 10px;
  font-size: 0.875rem;
}
.tooltip.tiny .tooltip-inner .movements {
  padding: 0;
  margin: 0;
  line-height: 1.2;
}
.tooltip.tiny .tooltip-inner .movements .movement {
  display: table-row;
  line-height: inherit;
  height: 27px;
}
.tooltip.tiny .tooltip-inner .movements .movement .movement-cell {
  display: table-cell;
  padding: 5px;
  font-size: 0.875rem;
  line-height: inherit;
  vertical-align: middle;
  border-top: 1px solid var(--color-stroke-soft-initial);
  text-align: right;
  max-width: 217px;
}
.tooltip.tiny .tooltip-inner .movements .movement .movement-cell .smallfont {
  font-size: 0.8em;
}
.tooltip.tiny .tooltip-inner .movements .movement .movement-cell:first-child {
  text-align: left;
  padding-left: 10px;
}
.tooltip.tiny .tooltip-inner .movements .movement .movement-cell:last-child {
  padding-right: 10px;
}
.tooltip.transaction-status-tooltip {
  margin-top: -10px;
}
.error-hint .tooltip-inner {
  color: var(--color-surface-negative-initial) !important;
}
ib-tooltip.disable a {
  text-decoration: none;
}
.tooltip-arrow {
  display: none;
}
.tooltip .arrow::before {
  border-top-color: var(--color-text-strong-light) !important;
}
.long-tooltip > .tooltip-inner {
  max-width: 500px;
  min-width: 250px;
}
html.status .tbc-header-image-wrapper {
  background-image: url(/tbcrd/assets/img/skins/status/logo-status-ka.svg) !important;
}
html.status .accdd.soft-indication .dropdown .btn:active {
  background-image: url(/tbcrd/assets/img/skins/status/icon-arrow-small-blue-up.svg) !important;
  background-size: 16px;
}
html.status .accdd .dropdown.open .dropdown-toggle,
html.status .dropdown.typex.open .dropdown-toggle {
  background-image: url(/tbcrd/assets/img/skins/status/icon-arrow-small-blue-down.svg);
  background-size: 16px;
}
html.status .home:hover,
html.status .home.active {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-home-icon-active.svg);
}
html.status .tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton:not([disabled]),
html.status .deleteButton {
  background-image: url(/tbcrd/assets/img/mymoney/trash-outlined.svg);
}
html.status .tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton:not([disabled]):hover,
html.status .deleteButton:hover {
  background-image: url(/tbcrd/assets/img/skins/status/trash-outlined.svg);
}
html.status .btn-gly:hover .glyphicon.glyphicon-delete {
  content: url(/tbcrd/assets/img/skins/status/tbc-template-delete.svg);
}
html.status .btn-gly:hover .glyphicon.glyphicon-reply {
  content: url(/tbcrd/assets/img/skins/status/replyHover.svg);
}
html.status .btn-gly:hover .glyphicon.glyphicon-attach:not(.no-hover) {
  content: url(/tbcrd/assets/img/skins/status/attach.svg);
}
html.status .add .icon,
html.status .dropdown .add,
html.status .withAdd,
html.status .withAddNew,
html.status .withMinus,
html.status .withAddLeft,
html.status .form-group .add {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-add.svg) !important;
  background-color: transparent !important;
}
html.status .withMinus {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-minus.svg) !important;
  background-color: transparent !important;
}
html.status .prev-graph {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-right-blue.svg);
}
html.status .tbc-box.tbc-box-homepage .homeList.dad-pointer li ib-banner .list-block.listArr {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-right-blue.svg) !important;
  background-size: 8px 14px;
}
html.status .withArrow.wAright,
html.status .tbc-box-products .product:hover .product-action,
html.status .tbc-box.tbc-box-homepage .image-banner .withArrow.wAright,
html.status .tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li:hover .listText,
html.status ul.debit-items li {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-right-blue.svg);
}
html.status .withArrow.wAleft {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-left-blue.svg);
}
html.status .arrow-bg.arrow-down {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-down-blue.svg);
}
html.status .arrow-bg.arrow-up {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-up-blue.svg);
}
html.status .arrow-bg.arrow-right {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-right-blue.svg);
}
html.status .arrow-bg.arrow-left {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-left-blue.svg);
}
html.status .product-tabs .controls .print:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-print-icon.svg);
}
html.status .download-icon:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-download-icon-blue.svg);
}
html.status .checkbox:not(.checkbox-reverse) input[type=checkbox]:checked + label:before {
  background-image: url(/tbcrd/assets/img/skins/status/check-blue.svg);
}
html.status .checkbox.checkbox-reverse input[type=checkbox]:checked + label:after {
  background-image: url(/tbcrd/assets/img/skins/status/check-blue.svg);
}
html.status .ib-dropdown-header input[type=search],
html.status .ui-select-container input[type=search] {
  background-image: url(/tbcrd/assets/img/skins/status/search-icon-blue.svg);
}
html.status .edit-btn,
html.status ib-category-administration .cat-edit-off a.edit span {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-template-edit.svg);
}
html.status .edit-btn:hover,
html.status ib-category-administration .cat-edit-off a.edit span:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-template-edit-hover.svg);
}
html.status editable-label .pad label span.icon {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-template-edit.svg);
}
html.status editable-label .pad label span.icon:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-template-edit-hover.svg);
}
html.status .delete-btn,
html.status ib-category-administration .cat-edit-off a.delete span {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-template-delete.svg);
}
html.status .delete-btn:hover,
html.status ib-category-administration .cat-edit-off a.delete span:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-template-delete-hover.svg);
}
html.status .tbc-nav-items .dolar:hover,
html.status .tbc-nav-items .dolar.active {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-dolar.svg) !important;
}
html.status .tbc-nav-items .question:hover,
html.status .tbc-nav-items .question.active {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-question.svg) !important;
}
html.status .tbc-box.tbc-offer-detail .offer-detail-2 .offer-essentials-desc ul li,
html.status .tbc-box.tbc-offer-detail .offer-detail-2 ul.offer-ul li {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-blue.svg);
}
html.status .contact-box .cn-item.tel {
  background-image: url(/tbcrd/assets/img/skins/status/offer-cn-tel.png);
}
html.status .contact-box .cn-item.mail {
  background-image: url(/tbcrd/assets/img/skins/status/offer-cn-mail.png);
}
html.status .contact-box .cn-item.chat {
  background-image: url(/tbcrd/assets/img/skins/status/offer-cn-chat.png);
}
html.status .dropdown .dropdown-menu table tr td.acc-name.acc-name-star.acc-name-blue,
html.status .star:hover {
  background-image: url(/tbcrd/assets/img/skins/status/icon-star-blue.svg) !important;
}
html.status .tbc-loc .bar .bar-widget .user-widget.transfers:hover,
html.status .tbc-loc .bar .bar-widget .user-widget.transfers.active {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-quick-transfer-blue.png);
}
html.status .tbc-loc .bar .bar-widget .user-widget.mobile:hover,
html.status .tbc-loc .bar .bar-widget .user-widget.mobile.active {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-quick-mobile-blue.png);
}
html.status .tbc-loc .bar .bar-widget .user-widget.document.active:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-quick-document-blue.png);
}
html.status .print,
html.status .transactions.statements .controls .print:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-print-icon.svg);
}
html.status .print:hover {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-print-icon-hover.svg);
}
html.status .download-dialog a.download:hover .download-text {
  color: var(--color-icon-primary-initial);
}
html.status .download-dialog a.download:hover .download-icon {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-download-icon-blue.svg);
}
html.status .assets-image.car-icon {
  background-image: url(/tbcrd/assets/img/skins/status/Car.png);
}
html.status .assets-image.house-icon {
  background-image: url(/tbcrd/assets/img/skins/status/House.png);
}
html.status .assets-image.other-icon {
  background-image: url(/tbcrd/assets/img/skins/status/Other.png);
}
html.status .assets-image.saving-icon {
  background-image: url(/tbcrd/assets/img/skins/status/Saving.png);
}
html.status .your-assets:hover .assets-image.car-icon {
  background-image: url(/tbcrd/assets/img/skins/status/Car-hover.png);
}
html.status .your-assets:hover .assets-image.house-icon {
  background-image: url(/tbcrd/assets/img/skins/status/House-hover.png);
}
html.status .your-assets:hover .assets-image.other-icon {
  background-image: url(/tbcrd/assets/img/skins/status/Other-hover.png);
}
html.status .your-assets:hover .assets-image.saving-icon {
  background-image: url(/tbcrd/assets/img/skins/status/Saving-hover.png);
}
html.status .swift {
  background-image: url(/tbcrd/assets/img/skins/status/swift-icon.png);
}
html.status .buttons .add-car span {
  background-image: url(/tbcrd/assets/img/skins/status/tbc-icon-add.svg) !important;
  background-color: transparent !important;
}
html.status .btn.text-only {
  color: var(--color-icon-primary-initial);
}
html.status .blue,
html.status .tbc-box.tbc-box-product .info,
.tbc-box.tbc-box-product html.status .info {
  color: var(--color-icon-primary-initial);
}
html.status .info-hint:not(.error-hint):not(.wait-hint):not(.ready-hint):not(.info-hint-white):not(.info-hint-red):not(.dueIcon).blue,
html.status .tbc-box.tbc-box-product .info-hint.info:not(.error-hint):not(.wait-hint):not(.ready-hint):not(.info-hint-white):not(.info-hint-red):not(.dueIcon),
.tbc-box.tbc-box-product html.status .info-hint.info:not(.error-hint):not(.wait-hint):not(.ready-hint):not(.info-hint-white):not(.info-hint-red):not(.dueIcon) {
  background-image: url(/tbcrd/assets/img/skins/status/info-icon-blue.svg);
}
html.status .info-hint:not(.error-hint):not(.wait-hint):not(.ready-hint):not(.info-hint-white):not(.info-hint-red):not(.dueIcon).blue:hover,
html.status .tbc-box.tbc-box-product .info-hint.info:not(.error-hint):not(.wait-hint):not(.ready-hint):not(.info-hint-white):not(.info-hint-red):not(.dueIcon):hover,
.tbc-box.tbc-box-product html.status .info-hint.info:not(.error-hint):not(.wait-hint):not(.ready-hint):not(.info-hint-white):not(.info-hint-red):not(.dueIcon):hover {
  background-image: url(/tbcrd/assets/img/skins/status/info-icon-blue-fill.svg);
}
html.status .info-hint:not(.error-hint):not(.wait-hint):not(.ready-hint):not(.info-hint-white):not(.info-hint-red):not(.dueIcon):hover {
  background-image: url(/tbcrd/assets/img/skins/status/info-icon-blue-fill.svg);
}
html.status .tbc-box-billpay-1 .add span {
  color: var(--color-icon-primary-initial);
}
html.status .tbc-box-billpay-1 .add span.icon {
  background-image: "/tbcrd/assets/img/tbc-icon-plus-new-status.svg" !important;
}
html.status .add-category img,
html.status .new-add-icon img {
  content: url(/tbcrd/assets/img/skins/status/transactions-add-category.svg);
}
html.status .add-category:hover .button-text,
html.status .add-category:hover img,
html.status .new-add-icon:hover .button-text,
html.status .new-add-icon:hover img {
  content: url(/tbcrd/assets/img/skins/status/transactions-add-category-hover.svg) !important;
}
html.status .add-category:focus .button-text,
html.status .add-category:focus img,
html.status .new-add-icon:focus .button-text,
html.status .new-add-icon:focus img {
  content: url(/tbcrd/assets/img/skins/status/transactions-add-category-focus.svg) !important;
}
html.status .modal-dialog.my-money-dialog.categorization-dialog .categories ul li:hover {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue-new-concept.svg);
}
html.status li.parking {
  background-image: url(/tbcrd/assets/img/skins/status/car-fines-parking-status.svg) !important;
}
html.status li.notification {
  background-image: url(/tbcrd/assets/img/skins/status/car-fines-notification-status.svg) !important;
}
html.status li.information {
  background-image: url(/tbcrd/assets/img/skins/status/car-fines-information-status.svg) !important;
}
html.status .ticket-new-btn img {
  content: url(/tbcrd/assets/img/carfines/ticket-status.svg);
}
html.status .ticket-new-btn:hover img {
  content: url(/tbcrd/assets/img/carfines/ticket-status-hover.svg);
}
html.status .ticket-new-btn:focus img {
  content: url(/tbcrd/assets/img/carfines/ticket-status-focus.svg);
}
html.status .parking-icon {
  content: url(/tbcrd/assets/img/carfines/parking-icon-status.svg);
}
html.status .active-fine-img {
  content: url(/tbcrd/assets/img/carfines/fine-status.svg);
}
html.status .single-pay-fine:hover {
  content: url(/tbcrd/assets/img/carfines/reciept-pay-regular-concept.svg);
}
html.status .add-btn-new:hover {
  content: url(/tbcrd/assets/img/carfines/add-button-new-concept.svg);
}
html.status .category-name-icon .category-name .edit:hover {
  background-image: url(/tbcrd/assets/img/skins/status/edit-outlined.svg) !important;
}
html.status .category-name-icon .category-name .trash:hover {
  background-image: url(/tbcrd/assets/img/skins/status/trash-outlined.svg) !important;
}
html.status .category:hover .arrow-icon {
  background-image: url(/tbcrd/assets/img/skins/status/arrow-icon-new-right.svg) !important;
}
html.status .announcement-wrapper img {
  content: url(/tbcrd/assets/img/skins/status/announcement-status.svg);
}
html.status .bank-status-icon {
  content: url(/tbcrd/assets/img/skins/status/bank-concept.svg);
}
html.status .tbc-wizard-steps.img-wallet:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/status/icon-which-gray.png);
}
html.status .tbc-wizard-steps.step3:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/status/icon-amount-gray.png);
}
html.status .tbc-wizard-steps.img-bank:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/status/icon-bank-blue.png);
}
html.status .tbc-wizard-steps.step2:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/status/icon-to-blue.png);
}
html.status #id-83796 {
  content: url(/tbcrd/assets/img/skins/status/categories/83796.png);
}
html.status #id-61 {
  content: url(/tbcrd/assets/img/skins/status/categories/61.png);
}
html.status #id-152 {
  content: url(/tbcrd/assets/img/skins/status/categories/152.png);
}
html.status #id-154 {
  content: url(/tbcrd/assets/img/skins/status/categories/154.png);
}
html.status #id-59635 {
  content: url(/tbcrd/assets/img/skins/status/categories/59635.png);
}
html.status #id-71427 {
  content: url(/tbcrd/assets/img/skins/status/categories/71427.png);
}
html.status #id-241849 {
  content: url(/tbcrd/assets/img/skins/status/categories/241849.png);
}
html.status #id-277964 {
  content: url(/tbcrd/assets/img/skins/status/categories/277964.png);
}
html.status #id-277966 {
  content: url(/tbcrd/assets/img/skins/status/categories/277966.png);
}
html.status .tbc-box.tbc-box-homepage .homeList li .list-block.listArr {
  background-image: url("./media/arrow-right-blue-new-concept-2OXOJ5UQ.svg");
  background-size: 16px;
}
html.status .radio-table:nth-child(1) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/status/icon-which-gray.png);
}
html.status .radio-table:nth-child(2) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/status/icon-to-blue.png);
}
html.status .radio-table:nth-child(3) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/status/icon-dock-blue.png);
}
html.status .radio-table.selected:nth-child(1) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/status/icon-which-gray.png);
}
html.status .radio-table.selected:nth-child(2) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/status/icon-to-blue.png);
}
html.status .radio-table.selected:nth-child(3) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/status/icon-dock-blue.png);
}
html.status .radio-table.disabled .radio-txt .main-txt {
  color: var(--color-text-disabled-default);
}
html.status .radio-table.disabled .tbc-radio label {
  display: none;
}
html.vip .tbc-header-image-wrapper {
  background-image: url(/tbcrd/assets/img/skins/vip/logo-vip-ka.svg) !important;
}
html.vip .accdd.soft-indication .dropdown .btn:active {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-arrow-small-blue-up.svg) !important;
  background-size: 16px;
}
html.vip .accdd .dropdown.open .dropdown-toggle,
html.vip .dropdown.typex.open .dropdown-toggle {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-arrow-small-blue-down.png);
  background-size: 16px;
}
html.vip .home:hover,
html.vip .home.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-home-icon-active.svg);
}
html.vip .tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton:not([disabled]),
html.vip .deleteButton {
  background-image: url(/tbcrd/assets/img/mymoney/trash-outlined.svg);
}
html.vip .tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton:not([disabled]):hover,
html.vip .deleteButton:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/trash-outlined.svg);
}
html.vip .btn-gly:hover .glyphicon.glyphicon-delete {
  content: url(/tbcrd/assets/img/skins/vip/tbc-template-delete-hover.svg);
}
html.vip .btn-gly:hover .glyphicon.glyphicon-reply {
  content: url(/tbcrd/assets/img/skins/vip/replyHover.svg);
}
html.vip .btn-gly:hover .glyphicon.glyphicon-attach:not(.no-hover) {
  content: url(/tbcrd/assets/img/skins/vip/attach.svg);
}
html.vip .add .icon,
html.vip .dropdown .add,
html.vip .withAdd,
html.vip .withAddNew,
html.vip .withMinus,
html.vip .withAddLeft,
html.vip .form-group .add {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-add.svg) !important;
  background-color: transparent !important;
}
html.vip .buttons .add-car span {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-add.svg) !important;
  background-color: transparent !important;
}
html.vip .withMinus {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-minus.svg) !important;
  background-color: transparent !important;
}
html.vip .prev-graph {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-right-blue.svg);
}
html.vip .tbc-box.tbc-box-homepage .homeList.dad-pointer li ib-banner .list-block.listArr {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-right-blue.svg) !important;
  background-size: 8px 14px;
}
html.vip .withArrow.wAright,
html.vip .tbc-box-products .product:hover .product-action,
html.vip .tbc-box.tbc-box-homepage .image-banner .withArrow.wAright,
html.vip .tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li:hover .listText,
html.vip ul.debit-items li {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-right-blue.svg);
}
html.vip .withArrow.wAleft {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-left-blue.svg);
}
html.vip .arrow-bg.arrow-down {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-down-blue.svg);
}
html.vip .arrow-bg.arrow-up {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-up-blue.svg);
}
html.vip .arrow-bg.arrow-right {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-right-blue.svg);
}
html.vip .arrow-bg.arrow-left {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-left-blue.svg);
}
html.vip .product-tabs .controls .print:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-print-icon.svg);
}
html.vip .download-icon:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-download-icon-blue.svg);
}
html.vip .checkbox:not(.checkbox-reverse) input[type=checkbox]:checked + label:before {
  background-image: url(/tbcrd/assets/img/skins/vip/check-blue.svg);
}
html.vip .checkbox.checkbox-reverse input[type=checkbox]:checked + label:after {
  background-image: url(/tbcrd/assets/img/skins/vip/check-blue.svg);
}
html.vip .ib-dropdown-header input[type=search] {
  background-image: url(/tbcrd/assets/img/skins/vip/search-icon-blue.svg);
}
html.vip .ui-select-container input[type=search] {
  background-image: url(/tbcrd/assets/img/skins/vip/search-icon-blue.svg) !important;
}
html.vip .edit-btn .pad label span.icon,
html.vip ib-category-administration .cat-edit-off a.edit span:hover .pad label span.icon,
html.vip editable-label .pad label span.icon {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-template-edit-hover.svg);
}
html.vip .edit-btn .pad label span.icon:hover,
html.vip ib-category-administration .cat-edit-off a.edit span:hover .pad label span.icon:hover,
html.vip editable-label .pad label span.icon:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-template-edit-hover.svg);
}
html.vip .delete-btn,
html.vip ib-category-administration .cat-edit-off a.delete span:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-template-delete-hover.svg);
}
html.vip .delete-btn:hover,
html.vip ib-category-administration .cat-edit-off a.delete span:hover:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-template-delete-hover.svg);
}
html.vip .tbc-nav-items .dolar:hover,
html.vip .tbc-nav-items .dolar.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-dolar.svg) !important;
}
html.vip .tbc-nav-items .question:hover,
html.vip .tbc-nav-items .question.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-question.svg) !important;
}
html.vip .product-image.card {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-card-blue.png);
}
html.vip .tbc-box.tbc-offer-detail .offer-detail-2 .offer-essentials-desc ul li,
html.vip .tbc-box.tbc-offer-detail .offer-detail-2 ul.offer-ul li {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-blue.svg);
}
html.vip .contact-box .cn-item.tel {
  background-image: url(/tbcrd/assets/img/skins/vip/offer-cn-tel.png);
}
html.vip .contact-box .cn-item.mail {
  background-image: url(/tbcrd/assets/img/skins/vip/offer-cn-mail.png);
}
html.vip .contact-box .cn-item.chat {
  background-image: url(/tbcrd/assets/img/skins/vip/offer-cn-chat.png);
}
html.vip .dropdown .dropdown-menu table tr td.acc-name.acc-name-star.acc-name-blue,
html.vip .star:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-star-blue.svg) !important;
}
html.vip .tbc-loc .bar .bar-widget .user-widget.transfers:hover,
html.vip .tbc-loc .bar .bar-widget .user-widget.transfers.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-quick-transfer-blue.png);
}
html.vip .tbc-loc .bar .bar-widget .user-widget.mobile:hover,
html.vip .tbc-loc .bar .bar-widget .user-widget.mobile.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-quick-mobile-blue.png);
}
html.vip .tbc-loc .bar .bar-widget .user-widget.document.active:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-quick-document-blue.png);
}
html.vip .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox1.active,
html.vip .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox1.active {
  background-image: url(/tbcrd/assets/img/skins/vip/secLev1-blue.png);
}
html.vip .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox2.active,
html.vip .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox2.active {
  background-image: url(/tbcrd/assets/img/skins/vip/secLev2-blue.png);
}
html.vip .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox3.active,
html.vip .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox3.active {
  background-image: url(/tbcrd/assets/img/skins/vip/secLev3-blue.png);
}
html.vip .tbc-loc .bar .bar-widget .user-widget.preferences:hover,
html.vip .tbc-loc .bar .bar-widget .user-widget.preferences.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-settings-blue.svg);
}
html.vip .tbc-wizard-steps.step3.same-currencies.active,
html.vip .tbc-wizard-steps.step3.amount.active:not(.various-currencies) {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-amount-blue-active.png);
}
html.vip .templates-image.no-image.new-item {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-new-ben-blue.png);
}
html.vip .treasury .templates-image.no-image,
html.vip .tbc-wizard-steps.active.img-bank:not(.editing),
html.vip .tbc-wizard-steps.done.img-bank {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-bank-blue-active.png);
}
html.vip .img-bank .templates-image.no-image.new-item {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-new-ben-blue2.png);
}
html.vip .contact-box-big.msg .cnt-image {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-help-msg.png);
}
html.vip .contact-box-big.chat .cnt-image {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-help-chat.png);
}
html.vip .contact-box-big.phone .cnt-image {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-help-phone.png);
}
html.vip .print,
html.vip .transactions.statements .controls .print:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-print-icon.svg);
}
html.vip .print:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-print-icon-hover.svg);
}
html.vip .download-dialog a.download:hover .download-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-download-icon-blue.svg);
}
html.vip .tbc-loc .bar .bar-widget .user-widget.transfer-someone-else:hover:not(.remove),
html.vip .tbc-loc .bar .bar-widget .user-widget.transfer-someone-else.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-quick-someone-blue-l.png);
}
html.vip .tbc-loc .bar .bar-widget .user-widget.transfer-mobile:hover:not(.remove),
html.vip .tbc-loc .bar .bar-widget .user-widget.transfer-mobile.active {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-quick-mobile-number-blue.png);
}
html.vip .assets-image.car-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/Car.png);
}
html.vip .assets-image.house-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/House.png);
}
html.vip .assets-image.other-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/Other.png);
}
html.vip .assets-image.saving-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/Saving.png);
}
html.vip .your-assets:hover .assets-image.car-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/Car-hover.png);
}
html.vip .your-assets:hover .assets-image.house-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/House-hover.png);
}
html.vip .your-assets:hover .assets-image.other-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/Other-hover.png);
}
html.vip .your-assets:hover .assets-image.saving-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/Saving-hover.png);
}
html.vip .swift {
  background-image: url(/tbcrd/assets/img/skins/vip/swift-icon.png);
}
html.vip .withAdd,
html.vip .withAddNew,
html.vip .withMinus,
html.vip .withAddLeft,
html.vip .add,
html.vip .dropdown .add {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-add.svg);
}
html.vip .withMinus {
  background-image: url(/tbcrd/assets/img/skins/vip/tbc-icon-minus.svg) !important;
  background-color: transparent !important;
}
html.vip .tbc-box-billpay-1 .add span.icon {
  background-image: "/tbcrd/assets/img/tbc-icon-plus-new-wealth.svg" !important;
}
html.vip .add-category img,
html.vip .new-add-icon img {
  content: url(/tbcrd/assets/img/skins/vip/transactions-add-category.svg);
}
html.vip .add-category:hover img,
html.vip .new-add-icon:hover img {
  content: url(/tbcrd/assets/img/skins/vip/transactions-add-category-hover.svg) !important;
}
html.vip .add-category:focus img,
html.vip .new-add-icon:focus img {
  content: url(/tbcrd/assets/img/skins/vip/transactions-add-category-focus.svg) !important;
}
html.vip .modal-dialog.my-money-dialog.categorization-dialog .categories ul li:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/img/login/arrow-right-blue-new-vip.svg);
}
html.vip .arrow-box:hover img {
  filter: brightness(0) saturate(100%) invert(40%) sepia(27%) saturate(1008%) hue-rotate(160deg) brightness(86%) contrast(94%) !important;
}
html.vip li.parking {
  background-image: url(/tbcrd/assets/img/skins/vip/car-fines-parking-vip.svg) !important;
}
html.vip li.notification {
  background-image: url(/tbcrd/assets/img/skins/vip/car-fines-notification-vip.svg) !important;
}
html.vip li.information {
  background-image: url(/tbcrd/assets/img/skins/vip/car-fines-information-vip.svg) !important;
}
html.vip .ticket-new-btn img {
  content: url(/tbcrd/assets/img/carfines/ticket-vip.svg);
}
html.vip .ticket-new-btn:hover img {
  content: url(/tbcrd/assets/img/carfines/ticket-vip-hover.svg);
}
html.vip .ticket-new-btn:focus img {
  content: url(/tbcrd/assets/img/carfines/ticket-vip-focus.svg);
}
html.vip .parking-icon {
  content: url(/tbcrd/assets/img/carfines/parking-icon-vip.svg);
}
html.vip .active-fine-img {
  content: url(/tbcrd/assets/img/carfines/fine-vip.svg);
}
html.vip .summary-widget .graph-hor-line .plus {
  background-color: var(--color-stroke-primary-initial) !important;
}
html.vip .category-name-icon .category-name .edit:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/edit-outlined.svg) !important;
}
html.vip .category-name-icon .category-name .trash:hover {
  background-image: url(/tbcrd/assets/img/skins/vip/trash-outlined.svg) !important;
}
html.vip .category:hover .arrow-icon {
  background-image: url(/tbcrd/assets/img/skins/vip/arrow-icon-new-right.svg) !important;
}
html.vip .single-pay-fine:hover {
  content: url(/tbcrd/assets/img/carfines/reciept-pay-regular-vip.svg);
}
html.vip .add-btn-new:hover {
  content: url(/tbcrd/assets/img/carfines/add-button-new-vip.svg);
}
html.vip .announcement-wrapper img {
  content: url(/tbcrd/assets/img/skins/vip/announcement-vip.svg);
}
html.vip .bank-status-icon {
  content: url(/tbcrd/assets/img/skins/vip/bank-wealth.svg);
}
html.vip .tbc-wizard-steps.img-wallet:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-which-gray.png);
}
html.vip .tbc-wizard-steps.step3:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-amount-gray.png);
}
html.vip .tbc-wizard-steps.img-bank:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-bank-blue.png);
}
html.vip .tbc-wizard-steps.step2:not(.active) {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-to-blue.png);
}
html.vip #id-83796 {
  content: url(/tbcrd/assets/img/skins/vip/categories/83796.png);
}
html.vip #id-61 {
  content: url(/tbcrd/assets/img/skins/vip/categories/61.png);
}
html.vip #id-152 {
  content: url(/tbcrd/assets/img/skins/vip/categories/152.png);
}
html.vip #id-154 {
  content: url(/tbcrd/assets/img/skins/vip/categories/154.png);
}
html.vip #id-59635 {
  content: url(/tbcrd/assets/img/skins/vip/categories/59635.png);
}
html.vip #id-71427 {
  content: url(/tbcrd/assets/img/skins/vip/categories/71427.png);
}
html.vip #id-241849 {
  content: url(/tbcrd/assets/img/skins/vip/categories/241849.png);
}
html.vip #id-277964 {
  content: url(/tbcrd/assets/img/skins/vip/categories/277964.png);
}
html.vip #id-277966 {
  content: url(/tbcrd/assets/img/skins/vip/categories/277966.png);
}
html.vip .tbc-box.tbc-box-homepage .homeList li .list-block.listArr {
  background-image: url("./media/arrow-right-blue-new-vip-YJDNMI62.svg");
  background-size: 16px;
}
html.vip .radio-table:nth-child(1) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-which-gray.png);
}
html.vip .radio-table:nth-child(2) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-to-blue.png);
}
html.vip .radio-table:nth-child(3) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-dock-blue.png);
}
html.vip .radio-table.selected:nth-child(1) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-which-gray.png);
}
html.vip .radio-table.selected:nth-child(2) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-to-blue.png);
}
html.vip .radio-table.selected:nth-child(3) .radio-img {
  background-image: url(/tbcrd/assets/img/skins/vip/icon-dock-blue.png);
}
html.vip .radio-table.disabled .radio-txt .main-txt {
  color: var(--color-text-disabled-default);
}
html.vip .radio-table.disabled .tbc-radio label {
  display: none;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
@font-face {
  font-family: "password";
  src: url("./media/password-MDYKFCRS.eot");
  src:
    url("./media/password-MDYKFCRS.eot?#iefix") format("embedded-opentype"),
    url("./media/password-BX73Y65Y.woff") format("woff"),
    url("./media/password-MUIINI4H.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXLight-RVLFUHNZ.eot");
  src:
    url("./media/TBCXLight-RVLFUHNZ.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXLight-J3CQAFAV.woff2") format("woff2") url("./media/TBCXLight-W3P6ZI7P.woff") format("woff"),
    url("./media/TBCXLight-VF45H74K.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXRegular-RCG4RZ4Q.eot");
  src:
    url("./media/TBCXRegular-RCG4RZ4Q.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXRegular-CX4GPLEK.woff2") format("woff2") url("./media/TBCXRegular-JCDSBJEV.woff") format("woff"),
    url("./media/TBCXRegular-7KTFMFNY.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXMedium-BYAHB6MJ.eot");
  src:
    url("./media/TBCXMedium-BYAHB6MJ.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXMedium-NKLOXXGY.woff2") format("woff2") url("./media/TBCXMedium-4OXCP5AZ.woff") format("woff"),
    url("./media/TBCXMedium-HBRFNBQA.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXBold-EAJ3XHPU.eot");
  src:
    url("./media/TBCXBold-EAJ3XHPU.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXBold-4UWYYRDZ.woff2") format("woff2") url("./media/TBCXBold-BUIHB7OI.woff") format("woff"),
    url("./media/TBCXBold-CKAQJ6A4.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "TBCX";
  src: url("./media/TBCXBlack-VFLOH6XY.eot");
  src:
    url("./media/TBCXBlack-VFLOH6XY.eot?#iefix") format("embedded-opentype"),
    url("./media/TBCXBlack-R5FXEE6B.woff2") format("woff2") url("./media/TBCXBlack-TCB7EBCU.woff") format("woff"),
    url("./media/TBCXBlack-422OIRWM.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.modal-backdrop {
  background-color: var(--color-surface-high-dark-hovered);
}
.tbc-main-container {
  margin-top: 0px;
}
.withArrow {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/tbcrd/assets/img/login/arrow-left-blue.svg);
  background-size: 9px 16px;
  padding-left: 16px;
  cursor: pointer;
}
.withArrow.wAright {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
  background-position: right center;
  padding-left: 0;
  padding-right: 14px;
}
.withArrow.wAleft {
  background-image: url(/tbcrd/assets/img/login/arrow-left-blue.svg);
}
.tbc-wizard-steps.active .withArrow {
  font-size: 0.875rem;
  text-decoration: underline;
  color: white;
}
.tbc-wizard-steps.active .withArrow:hover {
  text-decoration: none;
}
.tbc-wizard-steps.active .withArrow.wAright {
  background-image: url(/tbcrd/assets/img/login/arrow-right-white.svg);
}
.tbc-wizard-steps.active .withArrow.wAleft {
  background-image: url(/tbcrd/assets/img/login/arrow-left-white.svg);
}
.textbox {
  display: flex;
  align-items: center;
  overflow: auto;
}
.print {
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/tbcrd/assets/img/tbc-print-icon.svg);
  background-size: 20px 20px;
  padding-left: 25px;
  font-size: 0.875rem;
  color: var(--color-text-soft-dark);
  cursor: pointer;
  text-decoration: none;
  min-height: 20px;
  line-height: 20px;
}
.print:hover {
  background-image: url(/tbcrd/assets/img/tbc-print-icon.svg);
  color: var(--color-icon-primary-initial);
  text-decoration: underline;
}
.product-tabs .controls .print {
  background-image: url(/tbcrd/assets/img/tbc-print-icon.svg);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  position: relative;
  top: 7px;
}
.product-tabs .controls .print:hover {
  background-image: url(/tbcrd/assets/img/tbc-print-icon-hover.svg);
}
.transactions.statements .controls .print {
  background-image: url(/tbcrd/assets/img/tbc-print-icon.svg);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.transactions.statements .controls .print:hover {
  background-image: url(/tbcrd/assets/img/tbc-print-icon-hover.svg);
}
.swift {
  display: inline-block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(/tbcrd/assets/img/swift-icon.png);
  padding-left: 25px;
  font-size: 0.875rem;
  color: var(--color-text-soft-dark);
  cursor: pointer;
  text-decoration: none;
  min-height: 17px;
  line-height: 17px;
}
.swift:hover {
  background-image: url(/tbcrd/assets/img/swift-icon.png);
  color: var(--color-icon-primary-initial);
  text-decoration: underline;
}
.withAdd,
.withAddNew,
.withMinus,
.withAddLeft {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right 1% center;
  background-image: url(/tbcrd/assets/img/tbc-icon-add.svg);
  background-size: 26px 26px;
  padding-right: 43px;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  display: block;
  font-size: 16px;
}
.withAddLeft {
  background-position: left center;
  padding-left: 35px;
}
.withMinus {
  background-image: url(/tbcrd/assets/img/tbc-icon-minus.svg);
}
.withAddNew {
  background-image: none;
  padding: 0;
  font-size: 14px;
  -moz-font-feature-settings: "case";
  -webkit-font-feature-settings: "case";
  font-feature-settings: "case" on;
}
.add {
  background-image: url(/tbcrd/assets/img/tbc-icon-add.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px 26px;
  padding-left: 46px;
  line-height: 30px;
  margin: 10px;
  height: 30px;
  color: var(--color-icon-primary-initial);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add:hover {
  opacity: 0.8;
}
.dropdown .add {
  background-image: url(/tbcrd/assets/img/tbc-icon-add.svg);
  background-position: right center;
  background-size: 25px 25px;
  padding-right: 30px;
  padding-left: 0;
  text-align: right;
}
.form-group .add {
  display: block;
}
.addPicture span {
  cursor: pointer;
  text-decoration: underline;
  font-size: 0.875rem;
}
.addPicture span:hover {
  text-decoration: none;
}
.addPicture span.disabled {
  text-decoration: none;
  cursor: default;
}
ib-filter-pin > span {
  margin-right: 15px;
}
ib-filter-pin span.remove {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  background-color: var(--color-surface-canvas-pressed);
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/tbcrd/assets/img/tbc-icon-close-white.svg);
  background-size: 9px 9px;
}
ib-filter-pin span.remove:hover {
  background-color: var(--color-stroke-primary-initial);
}
.externalLink {
  width: 10px;
  height: 10px;
  background: url(/tbcrd/assets/img/extLinkIcon.svg);
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center center;
  float: right;
  margin: 2px 0 0 10px;
}
.starBox {
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.starBox .starButton {
  width: 22px;
  height: 22px;
  background-image: url(/tbcrd/assets/img/icon-star-blue.svg);
  background-size: 22px 22px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  border: none;
}
.starBox:hover .starButton {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  opacity: 1;
}
.starBox .starButton:hover ~ .starButton {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.3;
}
.star {
  -webkit-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url(/tbcrd/assets/img/icon-star-gray.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: contain;
}
.star:hover {
  background-image: url(/tbcrd/assets/img/icon-star-dark-blue.svg);
  transform: scale(1.6);
}
.star.acc-primary {
  background-image: url(/tbcrd/assets/img/icon-star.svg);
}
.cbox-table .star {
  position: relative;
  margin-left: 2px;
  background-image: url(/tbcrd/assets/img/icon-star.svg);
  background-size: 17px 17px;
}
.cbox-table .star:hover {
  transform: scale(1);
}
.acc-primary .star {
  background-image: url(/tbcrd/assets/img/icon-star.svg);
  background-size: 17px 17px;
}
.export-icon {
  width: 18px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.download-icon {
  position: relative;
  background: transparent url(/tbcrd/assets/img/products/tbc-download-icon-gray.svg) no-repeat center center;
  background-size: 17px 20px;
  width: 17px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.download-icon:hover {
  background-image: url(/tbcrd/assets/img/products/tbc-download-icon-blue.svg);
}
.download-icon:after {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
  content: url(/tbcrd/assets/img/products/tbc-download-icon-blue.svg);
}
.product-info .download-icon {
  margin-left: 10px;
  position: relative;
  top: 4px;
}
a.download {
  cursor: pointer;
}
a.download .download-text {
  color: var(--color-text-strong-default);
}
a.download .download-icon-other {
  background: transparent url(/tbcrd/assets/img/products/tbc-download-icon-gray.svg) no-repeat center center;
  background-size: 17px 20px;
  width: 17px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}
a.download:visited {
  text-decoration: none !important;
}
a.download:visited .download-text {
  text-decoration: none !important;
}
a.download:hover {
  color: var(--color-text-primary-hovered) !important;
  text-decoration: none;
}
a.download:hover .download-text {
  color: var(--color-icon-primary-initial) !important;
  text-decoration: none;
}
a.download:hover .download-icon-other {
  background-image: url(/tbcrd/assets/img/products/tbc-download-icon-blue.svg);
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ib-search {
  display: inherit;
}
ib-amount-field > *.wj-control,
[ib-amount-field] > *.wj-control,
.ib-amount-field > *.wj-control {
  width: 100% !important;
}
ib-clip,
[ib-clip] {
  overflow: hidden;
  text-overflow: ellipsis;
}
ib-clip span.ib-clip-head,
[ib-clip] span.ib-clip-head {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
ib-clip span.ib-clip-head.tiny,
[ib-clip] span.ib-clip-head.tiny {
  width: 50px;
}
ib-clip span.ib-clip-tail,
[ib-clip] span.ib-clip-tail {
  display: inline-block;
  overflow: hidden;
}
.positive {
  color: var(--color-text-positive-initial) !important;
}
.positive span {
  color: var(--color-text-positive-initial) !important;
}
.tbc-pm-container {
  position: relative;
}
.tbc-pm-overlay {
  display: block;
  position: fixed;
  top: 119px;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.tbc-pm {
  pointer-events: auto;
  position: absolute;
  overflow: hidden;
  top: 3%;
  max-width: 100%;
  min-height: 230px;
  max-height: 500px;
  background: var(--color-text-strong-light);
  padding: 20px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.tbc-pm .tbc-pm-title {
  font-weight: normal;
  display: inline-block;
  width: 615px;
  margin: 0;
  font-size: 20px;
  line-height: 1.3em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .tbc-pm .tbc-pm-title {
    width: 415px;
  }
}
.tbc-pm .tbc-pm-date {
  display: inline-block;
  width: 165px;
  float: right;
  text-align: right;
  font-size: 20px;
  line-height: 1;
}
.tbc-pm .tbc-pm-body {
  overflow-y: auto;
  max-height: 340px;
  margin: 15px 0 22px;
}
.tbc-pm .tbc-pm-footer {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.tbc-modal-loader {
  margin: 0;
  width: 100%;
  height: 100%;
}
.tbc-modal-loader .tbc-modal-spinner {
  position: relative;
  width: 164px;
  height: 60px;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -82px;
  overflow: hidden;
  border: 2px solid var(--color-icon-primary-initial);
  background: var(--color-text-strong-light) url(/tbcrd/assets/img/loading.gif) no-repeat left center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.tbc-modal-loader .tbc-modal-spinner span {
  line-height: 60px;
  display: block;
  height: 100%;
  width: 100px;
  text-align: center;
  color: var(--color-icon-primary-initial);
  float: right;
  text-indent: -10px;
}
.dropdown a.disabled {
  background-color: transparent;
  color: var(--color-text-disabled-dark);
  pointer-events: none;
  pointer: none;
}
.dropdown a.disabled img {
  opacity: 0.5;
}
.sortable {
}
.sortable ul[dnd-list] {
  position: relative !important;
}
.sortable ul[dnd-list] > li {
  position: relative !important;
}
.sortable ul[dnd-list] > li [role=button] {
  cursor: inherit;
}
.sortable .dndDraggingSource {
  display: none !important;
}
.sortable .dndDragging {
  border: none !important;
  opacity: 0.95;
}
.sortable .dndPlaceholder {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: var(--color-surface-high-dark-hovered);
  display: block !important;
  margin-bottom: 25px;
  min-height: 120px;
}
ib-settings-widget {
  display: block;
}
[ib-truncate] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
[ib-truncate] ng-transclude {
  display: inline;
  white-space: nowrap;
}
.my-money .cell [ib-truncate],
.movement .movement-cell [ib-truncate] {
  line-height: 20px;
  position: relative;
  top: 3px;
}
editable-label,
.ib-not-editable-label {
  display: block;
  position: relative;
}
editable-label.disabled,
.ib-not-editable-label.disabled {
  pointer-events: none;
}
editable-label .pad,
.ib-not-editable-label .pad {
  background: transparent;
  height: 100%;
  width: 100%;
}
editable-label .pad label,
.ib-not-editable-label .pad label {
  padding: 0 10px;
  background: transparent;
  font-size: 1.09375rem;
  transition: color 0.2s ease;
  cursor: pointer;
}
editable-label .pad label span,
.ib-not-editable-label .pad label span {
  color: inherit;
  display: inline-block;
  line-height: 46px;
  float: left;
}
editable-label .pad label span.icon,
.ib-not-editable-label .pad label span.icon {
  width: 27px;
  height: 46px;
  opacity: 0;
  transition: opacity 0.2s ease;
  background-image: url(/tbcrd/assets/img/template/tbc-template-edit.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 15px;
}
editable-label .pad label:after,
.ib-not-editable-label .pad label:after {
  content: "";
  display: block;
  clear: both;
}
editable-label .pad label:hover span.icon,
.ib-not-editable-label .pad label:hover span.icon {
  opacity: 1;
}
editable-label .pad label.update-error span.icon,
.ib-not-editable-label .pad label.update-error span.icon {
  opacity: 1;
  background-image: url(/tbcrd/assets/img/tbc-icon-warring.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-size: 23px 23px;
}
editable-label .pad ib-input,
.ib-not-editable-label .pad ib-input {
  width: 200px;
}
editable-label .pad a.control,
.ib-not-editable-label .pad a.control {
  font-size: 0.875rem;
  cursor: pointer;
  margin-left: 10px;
}
editable-label .pad a.control:focus,
editable-label .pad a.control:hover,
.ib-not-editable-label .pad a.control:focus,
.ib-not-editable-label .pad a.control:hover {
  text-decoration: none;
}
.ib-not-editable-label {
  padding: 0px;
}
.ib-placeholder[contenteditable=true]:empty:before {
  content: attr(placeholder);
  color: var(--color-surface-high-dark-hovered) !important;
}
.ib-placeholder:-moz-placeholder {
  color: var(--color-surface-high-dark-hovered) !important;
}
.ib-placeholder:-ms-input-placeholder {
  color: var(--color-surface-high-dark-hovered) !important;
}
.ib-placeholder::-webkit-input-placeholder {
  color: var(--color-surface-high-dark-hovered) !important;
}
.col-md-1 {
  float: left;
  width: 8.33333333%;
}
.col-md-2 {
  float: left;
  width: 16.66666667%;
}
.col-md-3 {
  float: left;
  width: 25%;
}
.col-md-4 {
  float: left;
  width: 33.33333333%;
}
.col-md-5 {
  float: left;
  width: 41.66666667%;
}
.col-md-6 {
  float: left;
  width: 50%;
}
.col-md-7 {
  float: left;
  width: 58.33333333%;
}
.col-md-8 {
  float: left;
  width: 66.66666667%;
}
.col-md-9 {
  float: left;
  width: 75%;
}
.col-md-10 {
  float: left;
  width: 83.33333333%;
}
.col-md-11 {
  float: left;
  width: 91.66666667%;
}
.col-md-12 {
  float: left;
  width: 100%;
}
.col-sm-1 {
  float: left;
  width: 8.33333333%;
}
.col-sm-2 {
  float: left;
  width: 16.66666667%;
}
.col-sm-3 {
  float: left;
  width: 25%;
}
.col-sm-4 {
  float: left;
  width: 33.33333333%;
}
.col-sm-5 {
  float: left;
  width: 41.66666667%;
}
.col-sm-6 {
  float: left;
  width: 50%;
}
.col-sm-7 {
  float: left;
  width: 58.33333333%;
}
.col-sm-8 {
  float: left;
  width: 66.66666667%;
}
.col-sm-9 {
  float: left;
  width: 75%;
}
.col-sm-10 {
  float: left;
  width: 83.33333333%;
}
.col-sm-11 {
  float: left;
  width: 91.66666667%;
}
.col-sm-12 {
  float: left;
  width: 100%;
}
@media (max-width: 1280px) {
  .non-responsive .col-sm-1 {
    float: left;
    width: 8.33333333% !important;
  }
  .non-responsive .col-sm-2 {
    float: left;
    width: 16.66666667% !important;
  }
  .non-responsive .col-sm-3 {
    float: left;
    width: 25% !important;
  }
  .non-responsive .col-sm-4 {
    float: left;
    width: 33.33333333% !important;
  }
  .non-responsive .col-sm-5 {
    float: left;
    width: 41.66666667% !important;
  }
  .non-responsive .col-sm-6 {
    float: left;
    width: 50% !important;
  }
  .non-responsive .col-sm-7 {
    float: left;
    width: 58.33333333% !important;
  }
  .non-responsive .col-sm-8 {
    float: left;
    width: 66.66666667% !important;
  }
  .non-responsive .col-sm-9 {
    float: left;
    width: 75% !important;
  }
  .non-responsive .col-sm-10 {
    float: left;
    width: 83.33333333% !important;
  }
  .non-responsive .col-sm-11 {
    float: left;
    width: 91.66666667% !important;
  }
  .non-responsive .col-sm-12 {
    float: left;
    width: 100% !important;
  }
  .non-responsive .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
  .non-responsive .float-rg {
    float: right;
  }
  .non-responsive .float-lf {
    float: left;
  }
}
.tbc-box-third {
  display: block;
  float: left;
  width: calc((100% - 60px) / 3);
}
.tbc-box-third:nth-child(1) {
  margin: 0 15px 0 0;
}
.tbc-box-third:nth-child(2) {
  margin: 0 15px;
}
.tbc-box-third:nth-child(3) {
  margin: 0 0 0 15px;
}
.tbc-box-half {
  display: block;
  float: left;
  width: calc((100% - 30px) / 2);
}
.tbc-box-half:nth-child(1) {
  margin: 0 15px 0 0;
}
.tbc-box-half:nth-child(2) {
  margin: 0 0 0 15px;
}
.tbc-box-quarter {
  display: block;
  float: left;
  width: calc((100% - 90px) / 4);
}
.tbc-box-quarter:nth-child(1) {
  margin: 0 15px 0 0;
}
.tbc-box-quarter:nth-child(2) {
  margin: 0 15px;
}
.tbc-box-quarter:nth-child(3) {
  margin: 0 15px;
}
.tbc-box-quarter:nth-child(4) {
  margin: 0 0 0 15px;
}
.flag103x69 {
  display: inline-block;
  width: 103px;
  height: 69px;
  background: url(/tbcrd/assets/img/flags/flags_103x69.png) no-repeat;
}
.flag103x69.fAED {
  background-position: 0 0 !important;
}
.flag103x69.fAMD {
  background-position: 0 -70px !important;
}
.flag103x69.fAUD {
  background-position: 0 -140px !important;
}
.flag103x69.fAVD {
  background-position: 0 -210px !important;
}
.flag103x69.fAZN {
  background-position: 0 -280px !important;
}
.flag103x69.fBGN {
  background-position: 0 -350px !important;
}
.flag103x69.fBYB {
  background-position: 0 -420px !important;
}
.flag103x69.fBYN {
  background-position: 0 -420px !important;
}
.flag103x69.fCAD {
  background-position: 0 -490px !important;
}
.flag103x69.fCHF {
  background-position: 0 -560px !important;
}
.flag103x69.fCZK {
  background-position: 0 -630px !important;
}
.flag103x69.fDKK {
  background-position: 0 -700px !important;
}
.flag103x69.fEUR {
  background-position: 0 -770px !important;
}
.flag103x69.fGBP {
  background-position: 0 -840px !important;
}
.flag103x69.fGEL {
  background-position: 0 -910px !important;
}
.flag103x69.fHKD {
  background-position: 0 -980px !important;
}
.flag103x69.fILS {
  background-position: 0 -1050px !important;
}
.flag103x69.fJPY {
  background-position: 0 -1120px !important;
}
.flag103x69.fKZT {
  background-position: 0 -1190px !important;
}
.flag103x69.fLTL {
  background-position: 0 -1260px !important;
}
.flag103x69.fLVL {
  background-position: 0 -1330px !important;
}
.flag103x69.fMDL {
  background-position: 0 -1400px !important;
}
.flag103x69.fNOK {
  background-position: 0 -1470px !important;
}
.flag103x69.fPLN {
  background-position: 0 -1540px !important;
}
.flag103x69.fRUB {
  background-position: 0 -1610px !important;
}
.flag103x69.fRUR {
  background-position: 0 -1680px !important;
}
.flag103x69.fSEK {
  background-position: 0 -1750px !important;
}
.flag103x69.fTRY {
  background-position: 0 -1820px !important;
}
.flag103x69.fUAH {
  background-position: 0 -1890px !important;
}
.flag103x69.fUKG {
  background-position: 0 -1960px !important;
}
.flag103x69.fUSD {
  background-position: 0 -2030px !important;
}
.flag72x48 {
  display: inline-block;
  width: 72px;
  height: 48px;
  background: url(/tbcrd/assets/img/flags/flags_103x69.png) no-repeat;
  background-size: 72px 1440px;
}
.flag72x48.fAED {
  background-position: 0 0 !important;
}
.flag72x48.fAMD {
  background-position: 0 -48px !important;
}
.flag72x48.fAUD {
  background-position: 0 -96px !important;
}
.flag72x48.fAVD {
  background-position: 0 -144px !important;
}
.flag72x48.fAZN {
  background-position: 0 -192px !important;
}
.flag72x48.fBGN {
  background-position: 0 -240px !important;
}
.flag72x48.fBYB {
  background-position: 0 -288px !important;
}
.flag72x48.fBYN {
  background-position: 0 -420px !important;
}
.flag72x48.fCAD {
  background-position: 0 -336px !important;
}
.flag72x48.fCHF {
  background-position: 0 -384px !important;
}
.flag72x48.fCZK {
  background-position: 0 -432px !important;
}
.flag72x48.fDKK {
  background-position: 0 -480px !important;
}
.flag72x48.fEUR {
  background-position: 0 -528px !important;
}
.flag72x48.fGBP {
  background-position: 0 -576px !important;
}
.flag72x48.fGEL {
  background-position: 0 -624px !important;
}
.flag72x48.fHKD {
  background-position: 0 -672px !important;
}
.flag72x48.fILS {
  background-position: 0 -720px !important;
}
.flag72x48.fJPY {
  background-position: 0 -768px !important;
}
.flag72x48.fKZT {
  background-position: 0 -816px !important;
}
.flag72x48.fLTL {
  background-position: 0 -864px !important;
}
.flag72x48.fLVL {
  background-position: 0 -912px !important;
}
.flag72x48.fMDL {
  background-position: 0 -960px !important;
}
.flag72x48.fNOK {
  background-position: 0 -1008px !important;
}
.flag72x48.fPLN {
  background-position: 0 -1056px !important;
}
.flag72x48.fRUB {
  background-position: 0 -1104px !important;
}
.flag72x48.fRUR {
  background-position: 0 -1152px !important;
}
.flag72x48.fSEK {
  background-position: 0 -1200px !important;
}
.flag72x48.fTRY {
  background-position: 0 -1248px !important;
}
.flag72x48.fUAH {
  background-position: 0 -1296px !important;
}
.flag72x48.fUKG {
  background-position: 0 -1344px !important;
}
.flag72x48.fUSD {
  background-position: 0 -1392px !important;
}
.flag48x32 {
  display: inline-block;
  width: 48px;
  height: 32px;
  background: url(/tbcrd/assets/img/flags/flags_103x69.png) no-repeat;
  background-size: 48px 960px;
}
.flag48x32.fAED {
  background-position: 0 0 !important;
}
.flag48x32.fAMD {
  background-position: 0 -32px !important;
}
.flag48x32.fAUD {
  background-position: 0 -64px !important;
}
.flag48x32.fAVD {
  background-position: 0 -96px !important;
}
.flag48x32.fAZN {
  background-position: 0 -128px !important;
}
.flag48x32.fBGN {
  background-position: 0 -160px !important;
}
.flag48x32.fBYB {
  background-position: 0 -192px !important;
}
.flag48x32.fBYN {
  background-position: 0 -420px !important;
}
.flag48x32.fCAD {
  background-position: 0 -224px !important;
}
.flag48x32.fCHF {
  background-position: 0 -256px !important;
}
.flag48x32.fCZK {
  background-position: 0 -288px !important;
}
.flag48x32.fDKK {
  background-position: 0 -320px !important;
}
.flag48x32.fEUR {
  background-position: 0 -352px !important;
}
.flag48x32.fGBP {
  background-position: 0 -384px !important;
}
.flag48x32.fGEL {
  background-position: 0 -416px !important;
}
.flag48x32.fHKD {
  background-position: 0 -448px !important;
}
.flag48x32.fILS {
  background-position: 0 -480px !important;
}
.flag48x32.fJPY {
  background-position: 0 -512px !important;
}
.flag48x32.fKZT {
  background-position: 0 -544px !important;
}
.flag48x32.fLTL {
  background-position: 0 -576px !important;
}
.flag48x32.fLVL {
  background-position: 0 -608px !important;
}
.flag48x32.fMDL {
  background-position: 0 -640px !important;
}
.flag48x32.fNOK {
  background-position: 0 -672px !important;
}
.flag48x32.fPLN {
  background-position: 0 -704px !important;
}
.flag48x32.fRUB {
  background-position: 0 -736px !important;
}
.flag48x32.fRUR {
  background-position: 0 -768px !important;
}
.flag48x32.fSEK {
  background-position: 0 -800px !important;
}
.flag48x32.fTRY {
  background-position: 0 -832px !important;
}
.flag48x32.fUAH {
  background-position: 0 -864px !important;
}
.flag48x32.fUKG {
  background-position: 0 -896px !important;
}
.flag48x32.fUSD {
  background-position: 0 -928px !important;
}
.flag36x24 {
  display: inline-block;
  width: 36px;
  height: 24px;
  background: url(/tbcrd/assets/img/flags/flags_103x69.png) no-repeat;
  background-size: 36px 720px;
}
.flag36x24.fAED {
  background-position: 0 0 !important;
}
.flag36x24.fAMD {
  background-position: 0 -24px !important;
}
.flag36x24.fAUD {
  background-position: 0 -48px !important;
}
.flag36x24.fAVD {
  background-position: 0 -72px !important;
}
.flag36x24.fAZN {
  background-position: 0 -96px !important;
}
.flag36x24.fBGN {
  background-position: 0 -120px !important;
}
.flag36x24.fBYB {
  background-position: 0 -144px !important;
}
.flag36x24.fBYN {
  background-position: 0 -420px !important;
}
.flag36x24.fCAD {
  background-position: 0 -168px !important;
}
.flag36x24.fCHF {
  background-position: 0 -192px !important;
}
.flag36x24.fCZK {
  background-position: 0 -216px !important;
}
.flag36x24.fDKK {
  background-position: 0 -240px !important;
}
.flag36x24.fEUR {
  background-position: 0 -264px !important;
}
.flag36x24.fGBP {
  background-position: 0 -288px !important;
}
.flag36x24.fGEL {
  background-position: 0 -312px !important;
}
.flag36x24.fHKD {
  background-position: 0 -336px !important;
}
.flag36x24.fILS {
  background-position: 0 -360px !important;
}
.flag36x24.fJPY {
  background-position: 0 -384px !important;
}
.flag36x24.fKZT {
  background-position: 0 -408px !important;
}
.flag36x24.fLTL {
  background-position: 0 -432px !important;
}
.flag36x24.fLVL {
  background-position: 0 -456px !important;
}
.flag36x24.fMDL {
  background-position: 0 -480px !important;
}
.flag36x24.fNOK {
  background-position: 0 -504px !important;
}
.flag36x24.fPLN {
  background-position: 0 -528px !important;
}
.flag36x24.fRUB {
  background-position: 0 -552px !important;
}
.flag36x24.fRUR {
  background-position: 0 -576px !important;
}
.flag36x24.fSEK {
  background-position: 0 -600px !important;
}
.flag36x24.fTRY {
  background-position: 0 -624px !important;
}
.flag36x24.fUAH {
  background-position: 0 -648px !important;
}
.flag36x24.fUKG {
  background-position: 0 -672px !important;
}
.flag36x24.fUSD {
  background-position: 0 -696px !important;
}
.flag24x16 {
  display: inline-block;
  width: 24px;
  height: 16px;
  background: url(/tbcrd/assets/img/flags/flags_103x69.png) no-repeat;
  background-size: 24px 480px;
}
.flag24x16.fAED {
  background-position: 0 0 !important;
}
.flag24x16.fAMD {
  background-position: 0 -16px !important;
}
.flag24x16.fAUD {
  background-position: 0 -32px !important;
}
.flag24x16.fAVD {
  background-position: 0 -48px !important;
}
.flag24x16.fAZN {
  background-position: 0 -64px !important;
}
.flag24x16.fBGN {
  background-position: 0 -80px !important;
}
.flag24x16.fBYB {
  background-position: 0 -96px !important;
}
.flag24x16.fBYN {
  background-position: 0 -420px !important;
}
.flag24x16.fCAD {
  background-position: 0 -112px !important;
}
.flag24x16.fCHF {
  background-position: 0 -128px !important;
}
.flag24x16.fCZK {
  background-position: 0 -144px !important;
}
.flag24x16.fDKK {
  background-position: 0 -160px !important;
}
.flag24x16.fEUR {
  background-position: 0 -176px !important;
}
.flag24x16.fGBP {
  background-position: 0 -192px !important;
}
.flag24x16.fGEL {
  background-position: 0 -208px !important;
}
.flag24x16.fHKD {
  background-position: 0 -224px !important;
}
.flag24x16.fILS {
  background-position: 0 -240px !important;
}
.flag24x16.fJPY {
  background-position: 0 -256px !important;
}
.flag24x16.fKZT {
  background-position: 0 -272px !important;
}
.flag24x16.fLTL {
  background-position: 0 -288px !important;
}
.flag24x16.fLVL {
  background-position: 0 -304px !important;
}
.flag24x16.fMDL {
  background-position: 0 -320px !important;
}
.flag24x16.fNOK {
  background-position: 0 -336px !important;
}
.flag24x16.fPLN {
  background-position: 0 -352px !important;
}
.flag24x16.fRUB {
  background-position: 0 -368px !important;
}
.flag24x16.fRUR {
  background-position: 0 -384px !important;
}
.flag24x16.fSEK {
  background-position: 0 -400px !important;
}
.flag24x16.fTRY {
  background-position: 0 -416px !important;
}
.flag24x16.fUAH {
  background-position: 0 -432px !important;
}
.flag24x16.fUKG {
  background-position: 0 -448px !important;
}
.flag24x16.fUSD {
  background-position: 0 -464px !important;
}
.exchange-rate {
  display: block;
  float: left;
  width: 25%;
  overflow: hidden;
  line-height: 1.2;
  height: 53px;
}
@media (max-width: 1280px) {
  .exchange-rate {
    width: 33.33333333%;
  }
}
.exchange-rate .rate-flag {
  display: block;
  float: left;
  margin-top: 2px;
}
.exchange-rate .rate-info {
  display: block;
  float: left;
  width: calc(100% - 87px);
}
.exchange-rate .rate-info .rate-currency {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exchange-rate .rate-info .rate-currency span {
  font-size: 16px;
  margin-right: 5px;
}
.exchange-rate .rate-info .rate-currency small {
  overflow: hidden;
  text-overflow: ellipsis;
}
.exchange-rate .rate-info small {
  color: var(--color-text-soft-inverted);
  margin-right: 3px;
}
.exchange-rate .rate-info small.value {
  color: var(--color-text-strong-default);
}
.exchange-rate-filters {
  position: absolute;
  width: 400px;
  top: 10px;
  right: 30px;
}
.exchange-rate-filters:after {
  content: "";
  display: block;
  clear: both;
}
.top-rate table {
  width: 100%;
  margin: 15px 0;
}
.top-rate table tr th,
.top-rate table tr td {
  vertical-align: middle;
  text-align: left;
}
.top-rate table tr th:last-child span,
.top-rate table tr td:last-child span {
  margin-right: -24px;
  margin-left: 13px;
}
.top-rate table tr th span,
.top-rate table tr td span {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
}
.top-rate table tr th span.rate-value,
.top-rate table tr td span.rate-value {
  font-family: "TBCX";
  font-weight: 500;
  font-size: 20px;
  line-height: 48px;
}
.top-rate table tr th span.rate-label,
.top-rate table tr td span.rate-label {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2px;
}
@media (max-width: 1279px) {
  .top-rate table tr th span.rate-label,
  .top-rate table tr td span.rate-label {
    max-width: 100px;
  }
}
.top-rate table tr th span.rate-flag,
.top-rate table tr td span.rate-flag {
  height: 32px !important;
}
.top-rate table tr th.rate-trend,
.top-rate table tr td.rate-trend {
  color: var(--color-text-disabled-default);
}
.top-rate table tr th.rate-trend span.rate-diff-symbol,
.top-rate table tr td.rate-trend span.rate-diff-symbol {
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px 7px;
}
.top-rate table tr th.rate-trend.up,
.top-rate table tr td.rate-trend.up {
  color: var(--color-text-positive-initial);
}
.top-rate table tr th.rate-trend.up span.rate-diff-symbol,
.top-rate table tr td.rate-trend.up span.rate-diff-symbol {
  width: 15px;
  background-image: url(/tbcrd/assets/img/login/arrow-up-gray.svg);
}
.top-rate table tr th.rate-trend.down,
.top-rate table tr td.rate-trend.down {
  color: var(--color-surface-negative-initial);
}
.top-rate table tr th.rate-trend.down span.rate-diff-symbol,
.top-rate table tr td.rate-trend.down span.rate-diff-symbol {
  width: 15px;
  background-image: url(/tbcrd/assets/img/login/arrow-down-red.svg);
}
.top-rate table tr th:first-child,
.top-rate table tr td:first-child {
  padding-left: 30px;
  text-align: left;
}
.top-rate table tr th:last-child,
.top-rate table tr td:last-child {
  padding-right: 30px;
}
.top-rate table tr th {
  padding-bottom: 10px;
}
.top-rate table tr.special {
  background: var(--color-stroke-primary-hovered);
}
.top-rate table tr.special td {
  color: var(--color-text-strong-light);
}
.top-rate table tr.official td div {
  border-top: 1px solid var(--color-surface-high-hovered);
}
.label.buy,
.label.sell {
  text-transform: uppercase;
  font-size: 90%;
}
.calculator ib-select-picker ul.select.dropdown-menu li.rate a {
  padding-left: 11px;
  padding-right: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calculator ib-select-picker ul.select.dropdown-menu li.rate a span {
  float: none;
  vertical-align: middle;
  display: inline;
}
.calculator ib-select-picker ul.select.dropdown-menu li.rate a span.flag {
  display: inline-block;
}
.calculator ib-select-picker ul.select.dropdown-menu li.rate a span.code {
  margin-left: 10px;
  width: auto;
}
.calculator ib-select-picker .btn.selectpicker {
  line-height: 0;
  height: 52px;
}
.calculator ib-select-picker .btn.selectpicker span {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  float: left;
  margin-left: 10px;
}
.calculator ib-select-picker .btn.selectpicker span:first-child {
  margin-left: 0;
}
.calculator ib-select-picker .btn.selectpicker span.caret {
  display: none;
}
.calculator ib-select-picker .btn.selectpicker:after {
  content: "";
  display: block;
  clear: both;
}
.calculator ib-select-picker.ng-invalid .btn.selectpicker {
  border-color: var(--color-surface-negative-initial);
}
.calculator .rate-info > div {
  margin-top: 10px;
}
.calculator .rate-info .line {
  color: var(--color-text-soft-inverted);
}
.calculator .rate-info .line.w430-center {
  width: 430px;
  margin-left: auto;
  margin-right: auto;
}
.calculator .rate-info .line .rate-label {
  padding-right: 5px;
}
.loading-status {
  width: 220px;
  height: 24px;
  text-align: center;
  background-color: var(--color-surface-lower-initial);
  margin: 240px auto auto auto;
}
.loading-status .ls-status {
  height: 24px;
  z-index: 1;
  background-color: var(--color-icon-primary-initial);
  width: 20%;
}
.loading-status .ls-name {
  height: 24px;
  line-height: 24px;
  margin-top: -24px;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.nvd3 text {
  fill: var(--color-text-soft-dark);
  font: normal 16px;
  font-family: "TBCX";
  font-weight: 500;
}
.box-with-circle {
  background-color: var(--color-surface-lower-initial);
  border-radius: 0 0 14px 0;
}
.box-with-circle .box-with-circle-content {
  height: 120px;
}
.box-with-circle .prime-debt-info {
  height: 161px;
}
.box-with-circle .bwc-line {
  width: 1px;
  background-color: var(--color-text-disabled-default);
  display: table;
  float: left;
  height: 28px;
  position: relative;
  right: -9px;
  margin-right: -1px;
}
.box-with-circle .bwc-oneline {
  color: var(--color-text-disabled-default);
  font-size: 0.74375rem;
}
.box-with-circle .bwc-oneline .fb-p3 {
  padding-top: 10px;
}
.box-with-circle .bwc-oneline.bwc-oneline-red {
  color: var(--color-surface-negative-initial);
}
.box-with-circle .bwc-oneline.bwc-oneline-red .bwc-line {
  background-color: var(--color-surface-negative-initial);
}
.box-with-circle .bwc-oneline.bwc-oneline-red .circle,
.box-with-circle .bwc-oneline.bwc-oneline-red .big-circle {
  border-color: var(--color-surface-negative-initial);
}
.circle,
.big-circle {
  width: 9px;
  height: 9px;
  border: 2px solid var(--color-text-disabled-default);
  border-radius: 50%;
  float: left;
  margin-right: 16px;
  margin-left: 5px;
  margin-top: 7px;
  background-color: var(--color-surface-lower-initial);
  z-index: 1000;
  position: relative;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
}
.big-circle {
  width: 18px;
  height: 18px;
  border-color: var(--color-text-strong-default);
  margin-left: 0;
  margin-right: 10px;
  margin-top: 0;
}
.print {
  background-image: url(/tbcrd/assets/img/tbc-print-icon.svg);
  background-size: 30px 20px;
  padding-left: 35px;
}
.print:hover {
  background-image: url(/tbcrd/assets/img/tbc-print-icon-blue.svg);
}
.contextSwitchContainer {
  z-index: 1;
  border-radius: 6px;
  width: 400px;
  background-color: var(--color-text-strong-light);
  position: absolute;
  color: var(--color-text-soft-inverted);
  padding-top: 15px;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
}
.context-list .context-item[role=button] {
  cursor: pointer;
}
.modal-switch .context-item:first-child:hover .context-cell {
  background-color: var(--color-surface-lower-initial);
}
.modal-switch .inp-lg {
  width: 300px;
  font-size: 14px;
}
.modal-switch .modal-footer .button,
.modal-switch .modal-error-content .modal-error-footer .button,
.modal-error-content .modal-switch .modal-error-footer .button,
.modal-switch .modal-success-content .modal-success-footer .button,
.modal-success-content .modal-switch .modal-success-footer .button {
  float: right;
}
.modal-switch .modal-header,
.modal-switch .modal-error-content .modal-error-header,
.modal-error-content .modal-switch .modal-error-header,
.modal-switch .modal-success-content .modal-success-header,
.modal-success-content .modal-switch .modal-success-header {
  margin-left: 25px;
}
.modal-switch input.otp {
  width: 300px;
}
.modal-switch .messageSuccess.tiny,
.modal-switch .tiny.messageSuccessNew {
  font-size: 16px;
  color: inherit;
}
.modal-switch .messageFailed.tiny {
  font-size: 16px;
  color: var(--color-stroke-primary-initial);
}
.modal-switch .infoText {
  color: var(--color-text-soft-inverted);
}
.modal-switch .modal-content,
.modal-switch .modal-error-content,
.modal-switch .modal-success-content {
  padding-left: 0px;
}
.close-btn-new:hover {
  content: url(/tbcrd/assets/img/close-button-new-hover.svg);
}
.close-btn-new:focus {
  content: url(/tbcrd/assets/img//close-button-new-focus.svg);
}
button.switch-rates {
  align-items: center;
  background: var(--color-text-strong-light);
  border: none;
  border-radius: 50% !important;
  display: flex;
  height: var(--button-width);
  justify-content: center;
  min-width: 0 !important;
  outline: none;
  width: var(--button-width);
}
button.switch-rates:hover .switch-icon {
  background-color: var(--brand-primary-hover);
}
button.switch-rates:active .switch-icon {
  background-color: var(--brand-primary-hover);
}
button.switch-rates .switch-icon {
  background-color: var(--brand-primary);
  height: 20px;
  margin: 0;
  mask-image: url(/tbcrd/assets/img/arrow-ex-rates.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/arrow-ex-rates.svg);
  overflow: hidden;
  width: 20px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
body > ul.dropdown-menu.am-fade {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  margin-top: -16px;
}
body > ul.dropdown-menu.am-fade > li > a {
  color: var(--color-text-soft-dark);
}
body > ul.dropdown-menu.am-fade > li > a:hover {
  background-color: transparent;
  color: var(--color-icon-primary-initial);
}
ul[rn-carousel] {
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
  position: relative;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
ul[rn-carousel] > li {
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: visible;
  vertical-align: top;
  position: absolute;
  left: 0;
  right: 0;
  white-space: normal;
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  height: 100%;
  display: inline-block;
}
ul[rn-carousel-buffered] > li {
  display: none;
}
ul[rn-carousel-transition=hexagon] {
  overflow: visible;
}
.rn-carousel-control {
  position: absolute;
  top: 40%;
  cursor: pointer;
  height: 44px;
  width: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--color-icon-primary-initial);
  background-position: center center;
  background-repeat: no-repeat;
}
.rn-carousel-control.rn-carousel-control-prev {
  left: 0;
  background-image: url(/tbcrd/assets/img/login/arrow-left-white.svg);
  background-size: 11px;
}
.rn-carousel-control.rn-carousel-control-next {
  right: 0;
  background-image: url(/tbcrd/assets/img/login/arrow-right-white.svg);
  background-size: 11px;
}
@media only screen and (max-width: 79.9375em) {
  .rn-carousel-control.rn-carousel-control-prev {
    left: 60px;
  }
  .rn-carousel-control.rn-carousel-control-next {
    right: 60px;
  }
}
.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  -webkit-padding-start: 0;
  -moz-padding-start: 0;
  padding-left: 0;
}
.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default;
}
.chart-legend li span,
.bar-legend li span,
.line-legend li span,
.pie-legend li span,
.radar-legend li span,
.polararea-legend li span,
.doughnut-legend li span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px;
}
.box-menu h4,
.offer-menu h4 {
  border-bottom: 3px solid var(--color-icon-primary-initial);
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: inline-block;
}
.box-menu ul li,
.offer-menu ul li {
  padding-bottom: 18px;
}
.box-menu ul li a,
.offer-menu ul li a {
  color: var(--color-text-soft-default);
  display: inline-block;
  text-decoration: none;
  font-size: 15px !important;
  line-height: 25px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.box-menu ul li a:hover,
.offer-menu ul li a:hover {
  color: var(--color-text-soft-dark);
}
.box-menu ul li.active a,
.offer-menu ul li.active a {
  color: var(--color-text-soft-dark);
  border-bottom: 3px solid var(--color-icon-primary-initial);
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box {
  transition: 300ms;
  background-color: var(--color-text-strong-light);
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 15px;
  overflow: hidden;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  width: 100%;
}
.tbc-box.notification ul {
  list-style-position: inside;
  padding-left: 0;
}
.tbc-box-wizard {
  padding: 0 !important;
}
.tbc-box.box-right {
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .tbc-box.box-right {
    margin-left: 0;
  }
}
@media (max-width: 960px) {
  .tbc-box {
    margin-bottom: 16px;
  }
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.calendar-month-year {
  text-align: center;
}
.arrow-cal,
.arrow-cal-left,
.arrow-cal-right {
  cursor: pointer;
  width: 7px;
  height: 21px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px;
}
.arrow-cal:hover,
.arrow-cal-left:hover,
.arrow-cal-right:hover {
  opacity: 0.8;
}
.arrow-cal.disabled,
.disabled.arrow-cal-left,
.disabled.arrow-cal-right {
  opacity: 0.2;
  cursor: auto;
}
.arrow-cal-right {
  float: right;
  background-image: url(/tbcrd/assets/img/login/arrow-right.svg);
}
.arrow-cal-left {
  float: left;
  background-image: url(/tbcrd/assets/img/login/arrow-left.svg);
}
.calendar-sodd {
  margin: 14px auto;
}
.calendar-dates {
  width: 209px;
}
.calendar-dates table {
  margin-top: 14px;
}
.calendar-dates table tr td {
  z-index: 900;
  width: 40px;
  height: 40px;
  text-align: center;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  border-right: 1px solid var(--color-stroke-soft-initial);
}
.calendar-dates table tr td:last-child {
  border-right: 1px solid transparent;
}
.calendar-dates table tr td.disabled {
  color: var(--color-text-disabled-default);
}
.calendar-dates table tr td.today {
  color: var(--color-icon-primary-initial);
}
.calendar-dates table tr td.selected {
  color: var(--color-text-strong-light) !important;
  background-color: var(--color-stroke-primary-initial) !important;
}
.calendar-dates table tr td.selected-range {
  color: var(--color-text-strong-light);
  background-color: var(--color-surface-lower-initial);
}
.calendar-dates table tr td:not(.selected):not(.disabled):hover {
  cursor: pointer;
  color: var(--color-stroke-primary-initial);
  outline: 1px solid var(--color-stroke-primary-initial);
  z-index: 1000;
}
.calendar-dates table tr:last-child td {
  border-bottom: 1px solid transparent !important;
}
.modal-calendar-range .modal-confirm-content .modal-body,
.modal-calendar-range .modal-confirm-content .modal-error-content .modal-error-body,
.modal-error-content .modal-calendar-range .modal-confirm-content .modal-error-body,
.modal-calendar-range .modal-confirm-content .modal-success-content .modal-success-body,
.modal-success-content .modal-calendar-range .modal-confirm-content .modal-success-body,
.modal-calendar .modal-confirm-content .modal-body,
.modal-calendar .modal-confirm-content .modal-error-content .modal-error-body,
.modal-error-content .modal-calendar .modal-confirm-content .modal-error-body,
.modal-calendar .modal-confirm-content .modal-success-content .modal-success-body,
.modal-success-content .modal-calendar .modal-confirm-content .modal-success-body {
  padding-bottom: 35px;
  padding-right: 28px;
  padding-left: 28px;
}
.modal-calendar-range .modal-confirm-content .modal-body table,
.modal-calendar-range .modal-confirm-content .modal-error-content .modal-error-body table,
.modal-error-content .modal-calendar-range .modal-confirm-content .modal-error-body table,
.modal-calendar-range .modal-confirm-content .modal-success-content .modal-success-body table,
.modal-success-content .modal-calendar-range .modal-confirm-content .modal-success-body table,
.modal-calendar .modal-confirm-content .modal-body table,
.modal-calendar .modal-confirm-content .modal-error-content .modal-error-body table,
.modal-error-content .modal-calendar .modal-confirm-content .modal-error-body table,
.modal-calendar .modal-confirm-content .modal-success-content .modal-success-body table,
.modal-success-content .modal-calendar .modal-confirm-content .modal-success-body table {
  width: auto;
}
.modal-calendar {
  min-width: inherit;
  max-width: inherit;
  width: 400px;
}
.modal-calendar .modal-body,
.modal-calendar .modal-error-content .modal-error-body,
.modal-error-content .modal-calendar .modal-error-body,
.modal-calendar .modal-success-content .modal-success-body,
.modal-success-content .modal-calendar .modal-success-body {
  width: 334px;
}
.modal-calendar-range {
  min-width: inherit;
  max-width: inherit;
  width: 668px;
}
.modal-calendar-range .modal-confirm-content .modal-body,
.modal-calendar-range .modal-confirm-content .modal-error-content .modal-error-body,
.modal-error-content .modal-calendar-range .modal-confirm-content .modal-error-body,
.modal-calendar-range .modal-confirm-content .modal-success-content .modal-success-body,
.modal-success-content .modal-calendar-range .modal-confirm-content .modal-success-body {
  padding-right: 58px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
input[type=checkbox] {
  display: none;
  margin: 0;
}
.checkbox {
  margin: 0;
  height: 20px;
}
.checkbox label {
  margin-bottom: 18px;
  position: relative;
}
.checkbox.checkbox-white-back label:before {
  background-color: var(--color-text-strong-light) !important;
}
.checkbox:not(.checkbox-reverse) label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 19px;
  margin: 0;
  position: absolute;
  left: 0;
  border-top: 2px solid var(--color-text-soft-inverted);
  background-color: var(--color-text-soft-default);
}
.checkbox.invalid label:before {
  border: 1px solid var(--color-surface-negative-initial);
}
.checkbox.checkbox-reverse {
  padding-left: 0;
}
.checkbox.checkbox-reverse label {
  padding-left: 0;
  padding-right: 25px;
}
.checkbox.checkbox-reverse label:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 19px;
  margin: 0;
  position: absolute;
  right: 0;
  border-top: 2px solid var(--color-text-soft-inverted);
  background-color: var(--color-text-soft-default);
}
.checkbox.inline {
  display: inline;
  position: relative;
  top: 5px;
}
.checkbox.inline label {
  margin-bottom: 0;
}
.tbc-box-tu-templates .px420 .checkbox label:before {
  top: -6px;
}
.tbc-box-mail:not(.checkbox-reverse) .checkbox label:before,
.tbc-box-mail.checkbox-reverse .checkbox label:before {
  border-left: 1px solid var(--color-text-soft-inverted);
}
.checkbox:not(.checkbox-reverse) input[type=checkbox]:checked + label:before,
.checkbox.checkbox-reverse input[type=checkbox]:checked + label:after {
  background-image: url(/tbcrd/assets/img/check-purple.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 13px;
  display: inline-block;
  content: "";
  text-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  font-size: 15px;
  color: var(--color-text-soft-default);
  text-align: center;
  line-height: 15px;
  width: 18px;
}
.checkbox:not(.checkbox-reverse).check-gray input[type=checkbox]:checked + label:before,
.checkbox.checkbox-reverse.check-gray input[type=checkbox]:checked + label:after,
.tbc-box-mail .checkbox:not(.checkbox-reverse) input[type=checkbox]:checked + label:before,
.tbc-box-mail .checkbox.checkbox-reverse input[type=checkbox]:checked + label:after {
  background-image: url(/tbcrd/assets/img/check-gray.svg);
}
.tbc-box-set-acc .checkbox input[type=checkbox]:checked + label:before,
.checkbox.check-black:not(.checkbox-reverse) input[type=checkbox]:checked + label:before,
.checkbox.check-black.checkbox-reverse input[type=checkbox]:checked + label:after {
  background-image: url(/tbcrd/assets/img/check-black.svg);
}
.checkbox.check-blue:not(.checkbox-reverse) input[type=checkbox]:checked + label:before,
.checkbox.check-blue.checkbox-reverse input[type=checkbox]:checked + label:after {
  background-image: url(/tbcrd/assets/img/check-blue.svg);
}
.check-fix-ben span {
  position: relative;
  top: -4px;
  left: 5px;
}
mat-checkbox {
  height: 18px;
  width: 18px;
}
mat-checkbox .mat-checkbox-inner-container {
  height: 18px;
  width: 18px;
}
mat-checkbox .mat-checkbox-frame {
  border-radius: 4px;
  border-width: 1px;
  border-color: var(--color-stroke-strong-initial);
  background-color: var(--color-surface-low-initial);
}
mat-checkbox.active {
}
mat-checkbox.active .mat-checkbox-frame {
  border-color: var(--color-surface-primary-initial);
  background-color: var(--color-surface-primary-subtle-initial);
}
mat-checkbox .mat-checkbox-background {
  border-radius: 4px;
}
mat-checkbox .mat-checkbox-background svg,
mat-checkbox .mat-checkbox-background .mat-checkbox-mixedmark {
  display: none;
}
mat-checkbox.mat-checkbox-checked,
mat-checkbox.mat-checkbox-indeterminate {
}
mat-checkbox.mat-checkbox-checked .mat-checkbox-background,
mat-checkbox.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: var(--color-surface-primary-initial) !important;
}
mat-checkbox.mat-checkbox-checked .mat-checkbox-background:after,
mat-checkbox.mat-checkbox-indeterminate .mat-checkbox-background:after {
  content: "";
  background-image: url(/tbcrd/assets/img/dash.svg);
  position: absolute;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
mat-checkbox.mat-checkbox-checked {
}
mat-checkbox.mat-checkbox-checked .mat-checkbox-background:after {
  content: "";
  background-image: url(/tbcrd/assets/img/checkmark.svg);
  position: absolute;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
mat-checkbox .mat-ripple.mat-checkbox-ripple.mat-focus-indicator {
  display: none;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.container,
.bottomBanner .banner-navigation,
.topBanner .banner-navigation,
.row,
.col-sm-12 {
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
mat-bottom-sheet-container.mat-bottom-sheet-container {
  padding: 0;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
}
.main-application {
  overflow: auto;
  min-height: calc(100vh - 150px);
  min-width: 320px;
  padding: 130px 20px;
  padding-bottom: 120px;
}
.widget-icon {
  width: 40px;
  height: 40px;
  margin-top: 7px;
  border-radius: 6px;
  border: 2px solid var(--color-stroke-soft-initial);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.widget-icon:hover {
  background-color: var(--color-text-soft-inverted) !important;
  border-color: var(--color-text-soft-inverted);
}
.widget-icon:hover i {
  background-color: var(--color-icon-primary-initial) !important;
}
.widget-icon i {
  display: block;
  background-color: var(--color-text-soft-default);
  mask-image: url(/tbcrd/assets/img/categories-filled.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/categories-filled.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 20px;
  height: 20px;
  background-color: var(--color-icon-primary-initial);
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.tr {
  display: table-row;
}
.td {
  display: table-cell;
}
ul.no-list {
  list-style: none;
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding: 0;
}
ul.no-list li {
  margin-bottom: 0;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}
.dnone {
  display: none;
}
.dnone-i {
  display: none !important;
}
.inline {
  display: inline !important;
}
.inline-block {
  display: inline-block !important;
}
.inline-block-ni {
  display: inline-block;
}
.initial,
.tbc-box-form.my-goal-form .fix-label label {
  display: initial;
}
.block {
  display: block !important;
}
.relative {
  position: relative;
}
.visible {
  overflow: visible;
}
.visiblei {
  overflow: visible !important;
}
.no-background-img {
  background-image: none !important;
}
.clear {
  clear: both;
  height: 0;
}
.clear-pd {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
.clear-mg {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}
.clear-sp {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
.no-x-overflow {
  overflow-x: hidden;
}
.no-overflow {
  overflow: hidden !important;
}
.gb-row:before,
.gb-row:after,
.fb-row:before,
.modal-content .modal-header:not(.default):before,
.modal-error-content .modal-header:not(.default):before,
.modal-error-content .modal-error-header:not(.default):before,
.modal-success-content .modal-header:not(.default):before,
.modal-success-content .modal-success-header:not(.default):before,
.choise-avatar:before,
.fb-row:after,
.modal-content .modal-header:not(.default):after,
.modal-error-content .modal-header:not(.default):after,
.modal-error-content .modal-error-header:not(.default):after,
.modal-success-content .modal-header:not(.default):after,
.modal-success-content .modal-success-header:not(.default):after,
.choise-avatar:after,
.fblock-row:before,
.fblock-row:after {
  display: table;
  content: " ";
}
.gb-row:after,
.fb-row:after,
.modal-content .modal-header:not(.default):after,
.modal-error-content .modal-header:not(.default):after,
.modal-error-content .modal-error-header:not(.default):after,
.modal-success-content .modal-header:not(.default):after,
.modal-success-content .modal-success-header:not(.default):after,
.choise-avatar:after,
.fblock-row:after {
  clear: both;
}
.fblock,
.skinBox,
.fb-p16,
.fblock-p16,
.fb-p15,
.fblock-p15,
.fb-p14,
.fblock-p14,
.fb-p13,
.fblock-p13,
.fb-p11,
.fblock-p12,
.fb-p10,
.fblock-p10,
.fb-p9,
.fblock-p9,
.fb-p8,
.fblock-p8,
.fb-p7,
.fblock-p7,
.fb-p6,
.fblock-p6,
.fb-p5,
.fblock-p5,
.fb-p4,
.choise-avatar a,
.fblock-p4,
.fb-p2x3,
.fblock-p2x3,
.fb-p3,
.fblock-p3,
.fb-p2,
.fblock-p2,
.fb97a5,
.fblock97a5,
.fb95,
.fblock95,
.fb92a5,
.fblock92a5,
.fb90,
.fblock90,
.fb87a5,
.fblock87a5,
.fb85,
.fblock85,
.fb82a5,
.fblock82a5,
.fb80,
.fblock80,
.fb77a5,
.fblock77a5,
.fb75,
.fblock75,
.fb72a5,
.fblock72a5,
.fb70,
.fblock70,
.fb67a5,
.fblock67a5,
.fb65,
.fblock65,
.fb62a5,
.fblock62a5,
.fb60,
.fblock60,
.fb57a5,
.fblock57a5,
.fb55,
.fblock55,
.fb52a5,
.fblock52a5,
.fb50,
.fblock50,
.fb47a5,
.fblock47a5,
.fb45,
.fblock45,
.fb44a5,
.fblock44a5,
.fb42a5,
.fblock42a5,
.fb40,
.fblock40,
.fb37a5,
.fblock37a5,
.fb35,
.fblock35,
.fb32a5,
.fblock32a5,
.fb30,
.fblock30,
.fb27a5,
.fblock27a5,
.fb25,
.fblock25,
.fb22a5,
.fblock22a5,
.fb20,
.fblock20,
.fb17a5,
.fblock17a5,
.fblock16a1,
.fb15,
.fblock15,
.fb12a5,
.fblock12a5,
.fb10,
.fblock10,
.fb7a5,
.fblock7a5,
.fb5i,
.fblock5i,
.fb5,
.fblock5,
.fb2a5,
.fblock2a5,
.fb1,
.fblock1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
.fb1,
.fblock1 {
  width: 1%;
}
.fb2a5,
.fblock2a5 {
  width: 2.5%;
}
.fb5,
.fblock5 {
  width: 5%;
}
.fb5i,
.fblock5i {
  width: 5% !important;
}
.fb7a5,
.fblock7a5 {
  width: 7.5%;
}
.fb10,
.fblock10 {
  width: 10%;
}
.fb12a5,
.fblock12a5 {
  width: 12.5%;
}
.fb15,
.fblock15 {
  width: 15%;
}
.fblock16a1 {
  width: 16.1%;
}
.fb17a5,
.fblock17a5 {
  width: 17.5%;
}
.fb20,
.fblock20 {
  width: 20%;
}
.fb22a5,
.fblock22a5 {
  width: 22.5%;
}
.fb25,
.fblock25 {
  width: 25%;
}
.fb27a5,
.fblock27a5 {
  width: 27.5%;
}
.fb30,
.fblock30 {
  width: 30%;
}
.fb32a5,
.fblock32a5 {
  width: 32.5%;
}
.fb35,
.fblock35 {
  width: 35%;
}
.fb37a5,
.fblock37a5 {
  width: 37.5%;
}
.fb40,
.fblock40 {
  width: 40%;
}
.fb42a5,
.fblock42a5 {
  width: 42.5%;
}
.fb44a5,
.fblock44a5 {
  width: 44.5%;
}
.fb45,
.fblock45 {
  width: 45%;
}
.fb47a5,
.fblock47a5 {
  width: 47.5%;
}
.fb50,
.fblock50 {
  width: 50%;
}
.fb52a5,
.fblock52a5 {
  width: 52.5%;
}
.fb55,
.fblock55 {
  width: 55%;
}
.fb57a5,
.fblock57a5 {
  width: 57.5%;
}
.fb60,
.fblock60 {
  width: 60%;
}
.fb62a5,
.fblock62a5 {
  width: 62.5%;
}
.fb65,
.fblock65 {
  width: 65%;
}
.fb67a5,
.fblock67a5 {
  width: 67.5%;
}
.fb70,
.fblock70 {
  width: 70%;
}
.fb72a5,
.fblock72a5 {
  width: 72.5%;
}
.fb75,
.fblock75 {
  width: 75%;
}
.fb77a5,
.fblock77a5 {
  width: 77.5%;
}
.fb80,
.fblock80 {
  width: 80%;
}
.fb82a5,
.fblock82a5 {
  width: 82.5%;
}
.fb85,
.fblock85 {
  width: 85%;
}
.fb87a5,
.fblock87a5 {
  width: 87.5%;
}
.fb90,
.fblock90 {
  width: 90%;
}
.fb92a5,
.fblock92a5 {
  width: 92.5%;
}
.fb95,
.fblock95 {
  width: 95%;
}
.fb97a5,
.fblock97a5 {
  width: 97.5%;
}
.fb-p1,
.fblock-p1 {
  width: 100%;
}
.fb-p2,
.fblock-p2 {
  width: 50%;
}
.fb-p3,
.fblock-p3 {
  width: 33.3333333333%;
}
.fb-p2x3,
.fblock-p2x3 {
  width: 66.6666666667%;
}
.fb-p4,
.choise-avatar a,
.fblock-p4 {
  width: 25%;
}
.fb-p5,
.fblock-p5 {
  width: 20%;
}
.fb-p6,
.fblock-p6 {
  width: 16.6666666667%;
}
.fb-p7,
.fblock-p7 {
  width: 14.2857142857%;
}
.fb-p8,
.fblock-p8 {
  width: 12.5%;
}
.fb-p9,
.fblock-p9 {
  width: 11.1111111111%;
}
.fb-p10,
.fblock-p10 {
  width: 10%;
}
.fb-p11,
.fblock-p12 {
  width: 8.3333333333%;
}
.fb-p13,
.fblock-p13 {
  width: 7.6923076923%;
}
.fb-p14,
.fblock-p14 {
  width: 7.1428571429%;
}
.fb-p15,
.fblock-p15 {
  width: 6.6666666667%;
}
.fb-p16,
.fblock-p16 {
  width: 6.25%;
}
.wauto {
  width: auto !important;
}
.w1 {
  width: 1%;
}
.w10 {
  width: 10%;
}
.w12a5 {
  width: 12.5%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90,
.tbc-login .mfa-error-code {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100,
ib-filter-range.label-on-new-line label,
ib-filter-range.label-on-new-line .range-block,
ib-date-field.label-on-new-line label,
ib-date-field.label-on-new-line .range-block,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-input {
  width: 100%;
}
.lastfblock:after {
  content: "";
  display: block;
  clear: both;
}
.wauto {
  width: auto !important;
}
.w1i {
  width: 1% !important;
}
.w10i {
  width: 10% !important;
}
.w12a5i {
  width: 12.5% !important;
}
.w15i {
  width: 15% !important;
}
.w20i {
  width: 20% !important;
}
.w25i {
  width: 25% !important;
}
.w30i {
  width: 30% !important;
}
.w35i {
  width: 35% !important;
}
.w40i {
  width: 40% !important;
}
.w45i {
  width: 45% !important;
}
.w50i {
  width: 50% !important;
}
.w55i {
  width: 55% !important;
}
.w60i {
  width: 60% !important;
}
.w65i {
  width: 65% !important;
}
.w70i {
  width: 70% !important;
}
.w75i {
  width: 75% !important;
}
.w80i {
  width: 80% !important;
}
.w88i {
  width: 88% !important;
}
.w85i {
  width: 85% !important;
}
.w90i {
  width: 90% !important;
}
.w95i {
  width: 95% !important;
}
.w100i {
  width: 100% !important;
}
.child-w100i div {
  width: 100% !important;
}
.w40px {
  width: 40px;
}
.w100px {
  width: 100px;
}
.w100pxi {
  width: 100px !important;
}
.w115pxi {
  width: 115px !important;
}
.w150px {
  width: 150px;
}
.w160pxi {
  width: 160px !important;
}
.w180pxi {
  width: 180px !important;
}
.w200px {
  width: 200px;
}
.w210pxi {
  width: 210px !important;
}
.w230pxi {
  width: 230px !important;
}
.w300px {
  width: 300px;
}
.w300pxi {
  width: 300px !important;
}
.w400px {
  width: 400px;
}
.w420px,
.px420 {
  width: 420px;
}
.w-content {
  width: fit-content;
}
.w-contenti {
  width: fit-content !important;
}
.h40px {
  height: 40px;
}
.h100px {
  height: 100px;
}
.h100 {
  height: 100%;
}
.h60px {
  height: 60px;
}
.h40pxi {
  height: 40px !important;
}
.h24pxi {
  height: 24px !important;
}
.float-rg {
  float: right;
}
.float-lf {
  float: left;
}
.float-ni {
  float: none !important;
}
.table {
  display: table;
}
.table .table-row {
  display: table-row;
}
.table .table-row .table-cell {
  display: table-cell;
}
.fb-vertical-center {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.vertical-top {
  vertical-align: top;
}
.vertical-middle {
  vertical-align: middle !important;
}
.table-cell-f {
  display: table-cell;
}
.flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.flex.flex-center {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex.flex-center .flex-center-child {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.flex-display,
.flex-i,
.flex-container,
.flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.inline-flex,
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table.list-group-nested.-group-opened,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table.list-group-nested.-group-opened {
  display: inline-flex;
}
.justify-around {
  justify-content: space-around;
}
.flex-direction-row {
  flex-direction: row;
}
.flex-direction-row-reverse {
  flex-direction: row-reverse;
}
.flex-direction-colum {
  flex-direction: column;
}
.flex-direction-colum-i {
  flex-direction: column !important;
}
.flex-vertical-center,
.flex-v-c {
  align-items: center;
}
.flex-vertical-top,
.flex-v-t {
  align-items: flex-start;
}
.flex-vertical-bottom,
.flex-v-b {
  align-items: flex-end;
}
.flex-v-b-i {
  display: flex !important;
  align-items: center !important;
}
.flex-horizental-center,
.flex-h-c {
  justify-content: center;
}
.flex-horizental-left,
.flex-h-l {
  justify-content: flex-start;
}
.flex-horizental-right,
.flex-h-r {
  justify-content: flex-end;
}
.flex-space-between {
  justify-content: space-between;
}
.flex-0 {
  flex: 0;
}
.flex-1 {
  flex: 1;
}
.flex-basis-default-i {
  flex-basis: auto !important;
}
.flex-wrap {
  flex-wrap: wrap;
}
.column-gap5 {
  column-gap: 5px;
}
.column-gap6 {
  column-gap: 6px;
}
.column-gap10 {
  column-gap: 10px;
}
.column-gap15 {
  column-gap: 15px;
}
.column-gap20 {
  column-gap: 20px;
}
.row-gap20 {
  row-gap: 20px;
}
.gap16 {
  gap: 16px;
}
.gap10 {
  gap: 10px;
}
.gap6 {
  gap: 6px;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}
.md {
  height: 38px;
  line-height: 38px;
}
.med {
  height: 48px;
  line-height: 48px;
}
.md2 {
  height: 50px;
}
.full-height {
  height: 100%;
}
.lg {
  height: 60px;
  line-height: 60px;
}
.max280 {
  max-width: 280px;
}
.max-w128i {
  max-width: 128px !important;
}
.mar-center {
  margin: 0 auto;
}
.mar0 {
  margin: 0 !important;
}
.mar2 {
  margin: 2px;
}
.mar5 {
  margin: 5px;
}
.mar10 {
  margin: 10px;
}
.mar15 {
  margin: 15px;
}
.mar20 {
  margin: 20px;
}
.mar25 {
  margin: 25px;
}
.mar30 {
  margin: 30px;
}
.mar40 {
  margin: 40px;
}
.martop0 {
  margin-top: 0 !important;
}
.martop1 {
  margin-top: 1px;
}
.martop2 {
  margin-top: 2px;
}
.martop5 {
  margin-top: 5px;
}
.martop7 {
  margin-top: 7px;
}
.martop10 {
  margin-top: 10px;
}
.martop10i {
  margin-top: 10px !important;
}
.martop12 {
  margin-top: 12px;
}
.martop15 {
  margin-top: 15px;
}
.martop20,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox,
.skinBox {
  margin-top: 20px;
}
.martop20i {
  margin-top: 20px !important;
}
.martop24 {
  margin-top: 24px;
}
.martop25 {
  margin-top: 25px;
}
.martop30 {
  margin-top: 30px;
}
.martop32 {
  margin-top: 32px;
}
.martop35 {
  margin-top: 35px;
}
.martop40 {
  margin-top: 40px;
}
.martop45 {
  margin-top: 45px;
}
.martop50 {
  margin-top: 50px;
}
.martop55 {
  margin-top: 55px;
}
.martop60 {
  margin-top: 60px;
}
.martop100 {
  margin-top: 100px;
}
.marright0 {
  margin-right: 0 !important;
}
.marright1 {
  margin-right: 1px;
}
.marright2 {
  margin-right: 2px;
}
.marright5 {
  margin-right: 5px;
}
.marright4 {
  margin-right: 4px;
}
.marright10 {
  margin-right: 10px;
}
.marright15 {
  margin-right: 15px;
}
.marright16 {
  margin-right: 16px;
}
.marright18 {
  margin-right: 18px;
}
.marright20 {
  margin-right: 20px !important;
}
.marright25 {
  margin-right: 25px;
}
.marright30 {
  margin-right: 30px !important;
}
.marright32 {
  margin-right: 32px;
}
.marright35 {
  margin-right: 35px;
}
.marright40 {
  margin-right: 40px;
}
.marright45 {
  margin-right: 45px;
}
.marright50 {
  margin-right: 50px;
}
.marright60 {
  margin-right: 60px;
}
.marright2a5p {
  margin-right: 2.5%;
}
.marright5p {
  margin-right: 5%;
}
.marright7a5p {
  margin-right: 7.5%;
}
.marright10p {
  margin-right: 10%;
}
.marright15p {
  margin-right: 15%;
}
.marright20p {
  margin-right: 20%;
}
.marright25p {
  margin-right: 25%;
}
.marright30p {
  margin-right: 30%;
}
.marright30p {
  margin-right: 35%;
}
.marright40p {
  margin-right: 40%;
}
.marright45p {
  margin-right: 45%;
}
.marright50p {
  margin-right: 50%;
}
.marright55p {
  margin-right: 55%;
}
.marright60p {
  margin-right: 60%;
}
.marleft0 {
  margin-left: 0 !important;
}
.marleft2 {
  margin-left: 1px;
}
.marleft2 {
  margin-left: 2px;
}
.marleft5 {
  margin-left: 5px;
}
.marleft7 {
  margin-left: 7px;
}
.marleft10 {
  margin-left: 10px;
}
.marleft10m {
  margin-left: -10px;
}
.marleft10i {
  margin-left: 10px !important;
}
.marleft12 {
  margin-left: 12px;
}
.marleft15 {
  margin-left: 15px;
}
.marleft16 {
  margin-left: 16px;
}
.marleft15i {
  margin-left: 15px !important;
}
.marleft20 {
  margin-left: 20px;
}
.marleft22 {
  margin-left: 22px;
}
.marleft20m {
  margin-left: -20px;
}
.marleft200 {
  margin-left: 200px;
}
.marleft20i {
  margin-left: 20px !important;
}
.marleft25 {
  margin-left: 25px;
}
.marleft30 {
  margin-left: 30px !important;
}
.marleft32 {
  margin-left: 32px;
}
.marleft35 {
  margin-left: 35px;
}
.marleft40 {
  margin-left: 40px;
}
.marleft45 {
  margin-left: 45px;
}
.marleft50 {
  margin-left: 50px;
}
.marleft55 {
  margin-left: 55px;
}
.marleft60 {
  margin-left: 60px;
}
.marleft100 {
  margin-left: 100px;
}
.marleftauto {
  margin-left: auto;
}
.marleft2a5p {
  margin-left: 2.5%;
}
.marleft5p {
  margin-left: 5%;
}
.marleft10p {
  margin-left: 10%;
}
.marleft15p {
  margin-left: 15%;
}
.marleft20p {
  margin-left: 20%;
}
.marleft25p {
  margin-left: 25%;
}
.marleft30p {
  margin-left: 30%;
}
.marleft35p {
  margin-left: 35%;
}
.marleft40p {
  margin-left: 40%;
}
.marleft45p {
  margin-left: 45%;
}
.marleft50p {
  margin-left: 50%;
}
.marleft55p {
  margin-left: 55%;
}
.marbott0 {
  margin-bottom: 0 !important;
}
.marbott2 {
  margin-bottom: 1px;
}
.marbott2 {
  margin-bottom: 2px;
}
.marbott5 {
  margin-bottom: 5px;
}
.marbott6 {
  margin-bottom: 6px;
}
.marbott8 {
  margin-bottom: 8px;
}
.marbott10,
form.money-box-st1 .tbc-radio > div,
.tbc-box.tbc-box-form.app-card.my-goal-form .tbc-radio > div {
  margin-bottom: 10px;
}
.marbott10i {
  margin-bottom: 10px !important;
}
.marbott12 {
  margin-bottom: 12px;
}
.marbott15 {
  margin-bottom: 15px;
}
.marbott15i {
  margin-bottom: 15px !important;
}
.marbott16 {
  margin-bottom: 16px;
}
.marbott16i {
  margin-bottom: 16px !important;
}
.marbott18 {
  margin-bottom: 18px;
}
.marbott18i {
  margin-bottom: 18px !important;
}
.marbott20 {
  margin-bottom: 20px;
}
.marbott20i {
  margin-bottom: 20px !important;
}
.marbott24 {
  margin-bottom: 24px;
}
.marbott25 {
  margin-bottom: 25px;
}
.marbott25i {
  margin-bottom: 25px !important;
}
.marbott27 {
  margin-bottom: 27px;
}
.marbott30 {
  margin-bottom: 30px;
}
.marbott35 {
  margin-bottom: 35px;
}
.marbott35i {
  margin-bottom: 35px !important;
}
.marbott40 {
  margin-bottom: 40px;
}
.marbott45 {
  margin-bottom: 45px;
}
.marbott50 {
  margin-bottom: 50px;
}
.marbott50i {
  margin-bottom: 50px !important;
}
.marbott55 {
  margin-bottom: 55px;
}
.marbott60 {
  margin-bottom: 60px;
}
.marbott80 {
  margin-bottom: 80px;
}
.marbott100 {
  margin-bottom: 100px;
}
.marbott100i {
  margin-bottom: 100px !important;
}
.pad0 {
  padding: 0 !important;
}
.pad1 {
  padding: 1px;
}
.pad2 {
  padding: 2px;
}
.pad3 {
  padding: 3px;
}
.pad5 {
  padding: 5px;
}
.pad7 {
  padding: 7px;
}
.pad10,
.skinBox {
  padding: 10px;
}
.pad15,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox {
  padding: 15px;
}
.pad15i {
  padding: 15px !important;
}
.pad20 {
  padding: 20px;
}
.pad25 {
  padding: 25px;
}
.pad30,
.tbc-box.tbc-offer-detail .offer-detail-2 {
  padding: 30px;
}
.pad30i {
  padding: 30px !important;
}
.pad40 {
  padding: 40px;
}
.padtop0 {
  padding-top: 0 !important;
}
.padtop1 {
  padding-top: 1px;
}
.padtop2 {
  padding-top: 2px;
}
.padtop3 {
  padding-top: 3px;
}
.padtop5 {
  padding-top: 5px;
}
.padtop5i {
  padding-top: 5px !important;
}
.padtop10 {
  padding-top: 10px;
}
.padtop10i {
  padding-top: 10px !important;
}
.padtop12 {
  padding-top: 12px;
}
.padtop15 {
  padding-top: 15px;
}
.padtop15i {
  padding-top: 15px !important;
}
.padtop20 {
  padding-top: 20px;
}
.padtop25 {
  padding-top: 25px;
}
.padtop30 {
  padding-top: 30px;
}
.padtop30i {
  padding-top: 30px !important;
}
.padtop32 {
  padding-top: 30px;
}
.padtop32i {
  padding-top: 30px !important;
}
.padtop35 {
  padding-top: 35px;
}
.padtop40 {
  padding-top: 40px;
}
.padtop45i {
  padding-top: 45px !important;
}
.padtop50 {
  padding-top: 50px;
}
.padtop60 {
  padding-top: 60px;
}
.padtop60i {
  padding-top: 60px !important;
}
.padtop120 {
  padding-top: 120px;
}
.padright0 {
  padding-right: 0 !important;
}
.padright0i {
  padding-right: 0px !important;
}
.padright1 {
  padding-right: 1px;
}
.padright2 {
  padding-right: 2px;
}
.padright3 {
  padding-right: 3px;
}
.padright5 {
  padding-right: 5px;
}
.padright10 {
  padding-right: 10px;
}
.padright10i {
  padding-right: 10px !important;
}
.padright15 {
  padding-right: 15px;
}
.padright15i {
  padding-right: 15px !important;
}
.padright20,
.config-code-main-text {
  padding-right: 20px;
}
.padright24i {
  padding-right: 24px !important;
}
.padright25 {
  padding-right: 25px;
}
.padright25i {
  padding-right: 25px !important;
}
.padright30 {
  padding-right: 30px;
}
.padright30i {
  padding-right: 30px !important;
}
.padright40,
.modal-confirm-content .modal-body .confirm-security-level,
.modal-confirm-content .modal-error-content .modal-error-body .confirm-security-level,
.modal-error-content .modal-confirm-content .modal-error-body .confirm-security-level,
.modal-confirm-content .modal-success-content .modal-success-body .confirm-security-level,
.modal-success-content .modal-confirm-content .modal-success-body .confirm-security-level {
  padding-right: 40px;
}
.padright40i {
  padding-right: 40px !important;
}
.padright45 {
  padding-right: 45px;
}
.padright50 {
  padding-right: 50px;
}
.padright60 {
  padding-right: 60px;
}
.padright80 {
  padding-right: 80px;
}
.padright100 {
  padding-right: 100px;
}
.padright150 {
  padding-right: 150px;
}
.padleft0 {
  padding-left: 0 !important;
}
.padleft1 {
  padding-left: 1px;
}
.padleft2 {
  padding-left: 2px;
}
.padleft3 {
  padding-left: 3px;
}
.padleft5 {
  padding-left: 5px;
}
.padleft10 {
  padding-left: 10px;
}
.padleft10i {
  padding-left: 10px !important;
}
.padleft15 {
  padding-left: 15px;
}
.padleft15i {
  padding-left: 15px !important;
}
.padleft20,
.config-code-main-text {
  padding-left: 20px;
}
.padleft24i {
  padding-left: 24px !important;
}
.padleft25 {
  padding-left: 25px;
}
.padleft25i {
  padding-left: 25px !important;
}
.padleft30 {
  padding-left: 30px;
}
.padleft30i {
  padding-left: 30px !important;
}
.padleft35 {
  padding-left: 35px;
}
.padleft40,
.modal-confirm-content .modal-body .confirm-security-level,
.modal-confirm-content .modal-error-content .modal-error-body .confirm-security-level,
.modal-error-content .modal-confirm-content .modal-error-body .confirm-security-level,
.modal-confirm-content .modal-success-content .modal-success-body .confirm-security-level,
.modal-success-content .modal-confirm-content .modal-success-body .confirm-security-level {
  padding-left: 40px;
}
.padleft40i {
  padding-left: 40px !important;
}
.padleft50 {
  padding-left: 50px;
}
.padleft60 {
  padding-left: 60px;
}
.padleft80 {
  padding-left: 80px;
}
.padleft100 {
  padding-left: 100px;
}
.padleft115 {
  padding-left: 115px;
}
.padleft150 {
  padding-left: 150px;
}
.padbott0 {
  padding-bottom: 0 !important;
}
.padbott1 {
  padding-bottom: 1px;
}
.padbott2 {
  padding-bottom: 2px;
}
.padbott3 {
  padding-bottom: 3px;
}
.padbott5 {
  padding-bottom: 5px;
}
.padbott10 {
  padding-bottom: 10px;
}
.padbott15 {
  padding-bottom: 15px;
}
.padbott20 {
  padding-bottom: 20px;
}
.padbott20i {
  padding-bottom: 20px !important;
}
.padbott25 {
  padding-bottom: 25px;
}
.padbott30 {
  padding-bottom: 30px;
}
.padbott30i {
  padding-bottom: 30px !important;
}
.padbott35 {
  padding-bottom: 35px;
}
.padbott40 {
  padding-bottom: 40px;
}
.padbott50 {
  padding-bottom: 50px;
}
.padbott60 {
  padding-bottom: 60px;
}
.pad-x20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.pad-x24 {
  padding: 0 24px;
}
.pad-x16i {
  padding: 0 16px !important;
}
.minHeight1 {
  min-height: 1px;
}
.minHeight10 {
  min-height: 10px;
}
.minHeight20 {
  min-height: 20px;
}
.minHeight30 {
  min-height: 30px;
}
.minHeight40 {
  min-height: 40px;
}
.minHeight50 {
  min-height: 50px;
}
.minHeight60 {
  min-height: 60px;
}
.minHeight70 {
  min-height: 70px;
}
.minHeight80 {
  min-height: 80px;
}
.minHeight90 {
  min-height: 90px;
}
.minHeight100 {
  min-height: 100px;
}
.minHeight150 {
  min-height: 150px;
}
.minHeight200 {
  min-height: 200px;
}
.minHeight300 {
  min-height: 300px;
}
.minHeight400 {
  min-height: 400px;
}
.minHeight450 {
  min-height: 450px;
}
.minHeight470 {
  min-height: 470px;
}
.minHeight500 {
  min-height: 500px;
}
.minHeight550 {
  min-height: 550px;
}
.vertical-align-absolute {
  top: 50%;
  transform: translateY(-50%);
}
.right-30 {
  right: 30px;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.relTop2 {
  top: 2px;
  position: relative;
}
.relTop3 {
  top: 3px;
  position: relative;
}
.relTop2i {
  top: 2px !important;
  position: relative;
}
.relTop4 {
  top: 4px;
  position: relative;
}
.relTop6 {
  top: 6px;
  position: relative;
}
.relTop8 {
  top: 8px;
  position: relative;
}
.relTop10 {
  top: 10px;
  position: relative;
}
.relTop2m {
  top: -2px;
  position: relative;
}
.relTop4m {
  top: -4px;
  position: relative;
}
.relTop6m {
  top: -6px;
  position: relative;
}
.relTop8m {
  top: -8px;
  position: relative;
}
.relTop10m {
  top: -10px;
  position: relative;
}
.relTop33m {
  top: -33px;
  position: relative;
}
.relRight10 {
  right: 10px;
  position: relative;
}
.ver-align {
  display: table;
  table-layout: fixed;
}
.ver-align .ver-item {
  display: table-cell;
  vertical-align: middle;
}
.overlay {
  height: 110%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.underline {
  text-decoration: underline !important;
}
.txtcenter,
.text-center,
ib-filter-range .range-block .range-label,
ib-date-field .range-block .range-label {
  text-align: center;
}
.text-end {
  text-align: end !important;
}
.text-center-webkit {
  text-align: center !important;
  text-align: -webkit-center !important;
}
.txtright,
.text-right,
.text-align-right {
  text-align: right;
}
.text-right-imp {
  text-align: right !important;
}
.txtleft,
.text-left,
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.align-center {
  align-items: center;
}
.text-left-imp {
  text-align: left !important;
}
.text-strikethrough {
  text-decoration: line-through;
}
.blue,
.tbc-box.tbc-box-product .info {
  color: var(--color-icon-primary-initial) !important;
}
.blue-dark {
  color: var(--color-stroke-primary-initial) !important;
}
.purple {
  color: var(--color-stroke-primary-initial) !important;
}
.red,
.minus {
  color: var(--color-surface-negative-initial) !important;
}
.green,
.plus {
  color: var(--color-text-positive-initial) !important;
}
.gray-lighter {
  color: var(--color-text-disabled-dark) !important;
}
.gray-light,
.expanses-cat ul li .name,
.expanses-cat ul tr .name,
.expanses-cat table li .name,
.expanses-cat table tr .name,
.graylight {
  color: var(--color-text-disabled-default) !important;
}
.gray,
.tbc-box.tbc-box-product .filters .summary small {
  color: var(--color-text-soft-inverted) !important;
}
.gray-i {
  color: var(--color-text-strong-default) !important;
}
.gray-dark {
  color: var(--color-text-strong-default) !important;
}
.gray-darker {
  color: var(--color-text-soft-dark) !important;
}
.purple {
  color: var(--color-stroke-primary-initial) !important;
}
.yellow {
  color: var(--color-stroke-warning-subtle-initial) !important;
}
.gray-description {
  color: var(--color-text-soft-inverted) !important;
}
.bold,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span,
.tbc-box-product .movements .movement.total .movement-cell,
.debits-form .form-group .col-xs-3 {
  font-family: "TBCX";
  font-weight: 700;
}
.tbc-box.alert,
.tbc-login .tbc-box.mfa-error-code {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  box-shadow: none;
}
.tbc-box.alert .alert,
.tbc-login .tbc-box.mfa-error-code .alert,
.tbc-box.alert .tbc-login .mfa-error-code,
.tbc-login .tbc-box.alert .mfa-error-code,
.tbc-login .tbc-box.mfa-error-code .mfa-error-code {
  padding: 30px;
  text-align: center;
}
.transparent-backgroundi {
  background: transparent !important;
  border: none !important;
}
.background-coveri {
  background-size: cover !important;
}
.blue-dark-background {
  text-align: center;
  background-color: var(--color-stroke-primary-initial);
  color: var(--color-text-strong-light);
}
.green-background {
  background-color: var(--color-text-positive-initial);
  border-radius: 3px;
  color: var(--color-text-strong-light);
  margin-left: 5px;
  padding: 3px;
  text-align: center;
}
.tbc-box-content {
  width: 80%;
  max-height: 86%;
  margin: 10px;
  line-height: 1.2;
}
.tbc-box-content.alert,
.tbc-login .tbc-box-content.mfa-error-code {
  padding: 0.6em 0 0.6em 0;
}
.app-block-frame {
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  border-color: var(--color-text-strong-default);
  color: var(--color-text-soft-default);
}
.app-block-frame .app-block-frame-label {
  margin-bottom: -5px;
}
.app-block-frame .app-block-frame-label .yearPayment {
  text-decoration: line-through;
  color: var(--color-text-soft-default);
}
.app-block-frame.active {
  border-color: var(--color-stroke-primary-initial);
  color: var(--color-text-soft-dark);
}
.app-block-frame.active .app-block-frame-label {
  color: var(--color-icon-primary-initial);
}
.fw-bold {
  font-weight: bold;
}
.fs-xs2,
.fs-11 {
  font-size: 11px;
}
.fs-s,
.fs-12 {
  font-size: 0.74375rem;
}
.fs-med,
.fs-13 {
  font-size: 13px;
}
.fs-13i {
  font-size: 13px !important;
}
.fs-m,
.fs-14,
.card-special-hint {
  font-size: 0.875rem;
}
.fs-14i {
  font-size: 0.875rem !important;
}
.fs-m2,
.fs-15 {
  font-size: 15px;
}
.fs-xm,
.fs-16 {
  font-size: 16px;
}
.fs-16i {
  font-size: 16px !important;
}
.fs-l,
.fs-18 {
  font-size: 1.09375rem;
}
.fs-18i {
  font-size: 18px !important;
}
.fs-19 {
  font-size: 19px;
}
.fs-xs,
.fs-12 {
  font-size: 10px;
}
.fs-xl,
.fs-20 {
  font-size: 20px;
}
.fs-xxl,
.fs-12 {
  font-size: 22px !important;
}
.fs-xxxl,
.fs-24 {
  font-size: 24px;
}
.smallfont {
  color: var(--color-text-soft-inverted);
  font-size: 0.74375rem;
}
.blue .smallfont,
.tbc-box.tbc-box-product .info .smallfont,
.red .smallfont,
.minus .smallfont,
.green .smallfont,
.plus .smallfont {
  color: inherit;
}
.opac01 {
  opacity: 0.1;
}
.opac02 {
  opacity: 0.2;
}
.opac03 {
  opacity: 0.3;
}
.opac04 {
  opacity: 0.4;
}
.opac05 {
  opacity: 0.5;
}
.opac06 {
  opacity: 0.6;
}
.opac07 {
  opacity: 0.7;
}
.opac08 {
  opacity: 0.8;
}
.opac09 {
  opacity: 0.9;
}
.opac1 {
  opacity: 1;
}
.pointer,
.clickable {
  cursor: pointer;
}
.pointerI,
.clickableI {
  cursor: pointer !important;
}
.userSelectNone {
  -webkit-user-select: none;
  user-select: none;
}
ul.list-top-5 li:nth-child(n+6) {
  display: none;
}
.blurred {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -ms-filter: blur(5px);
  -o-filter: blur(5px);
  filter: blur(5px);
}
.withimg {
  vertical-align: middle;
}
.clear-after:after {
  content: "";
  display: block;
  clear: both;
}
account {
  background-repeat: no-repeat;
  background-image: url(/tbcrd/assets/img/icon-star.svg);
  background-size: 22px;
  background-position: right center;
  padding-right: 20px;
  display: inline-block;
}
.arrow-left:before {
  align-items: center;
  content: url(/tbcrd/assets/img/arrow-left.svg);
  filter: invert(51%) sepia(84%) saturate(2395%) hue-rotate(162deg) brightness(91%) contrast(106%);
  width: 6px;
  height: 16px;
  margin-right: 8px;
}
.arrow-bg {
  background-repeat: no-repeat;
  background-size: 9px 9px;
}
.arrow-bg:before,
.arrow-bg:after {
  content: "" !important;
}
.arrow-bg.arrow-tall-vertical {
  background-size: 9px 12px !important;
}
.arrow-bg.arrow-after {
  background-position: right;
}
.arrow-bg.arrow-before {
  background-position: left;
}
.arrow-bg.arrow-down {
  background-image: url(/tbcrd/assets/img/login/arrow-down-blue.svg);
}
.arrow-bg.arrow-up {
  background-image: url(/tbcrd/assets/img/login/arrow-up-blue.svg);
}
.arrow-bg.arrow-right {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
}
.arrow-bg.arrow-left {
  background-image: url(/tbcrd/assets/img/login/arrow-left-blue.svg);
}
.hidden-element {
  visibility: hidden;
}
.float-rg-after:after {
  float: right;
}
.float-lt-before:before {
  float: left;
}
.word-break-all {
  word-break: break-all;
}
.primary-border-color {
  border-color: var(--color-icon-primary-initial);
}
.whitei {
  color: var(--color-text-strong-light) !important;
}
.fs-normal {
  font-style: normal;
}
.fs-normal i,
.fs-normal span {
  font-style: normal;
}
.no-border-top {
  border-top: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.no-border-bot {
  border-bottom: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn-mwi {
  min-width: 148px !important;
}
.border-rounded {
  border-radius: 20px;
}
.list-border {
  position: absolute;
  width: 90.5%;
  height: 1px;
  background-color: var(--color-surface-lower-initial);
  right: -2px;
}
.grid {
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
}
@media (max-width: 431px) {
  .main-application {
    padding: 0;
    padding-bottom: 100px;
  }
}
@-webkit-keyframes thumb {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(25deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
.dropdown-menu.datepicker {
  padding: 5px;
  border: none;
  margin-top: -29px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.dropdown-menu.datepicker table {
  border-spacing: 1px;
}
.dropdown-menu.datepicker table thead tr.text-center th,
.dropdown-menu.datepicker table thead ib-filter-range .range-block tr.range-label th,
ib-filter-range .range-block .dropdown-menu.datepicker table thead tr.range-label th,
.dropdown-menu.datepicker table thead ib-date-field .range-block tr.range-label th,
ib-date-field .range-block .dropdown-menu.datepicker table thead tr.range-label th {
  padding-bottom: 10px;
}
.dropdown-menu.datepicker table th .btn.text-strong,
.dropdown-menu.datepicker table th .btn.text-strong:hover,
.dropdown-menu.datepicker table th .btn.text-strong:active,
.dropdown-menu.datepicker table th .btn.pull-left,
.dropdown-menu.datepicker table th .btn.pull-right {
  background-color: var(--color-stroke-primary-initial);
}
.dropdown-menu.datepicker table th .btn.text-strong strong,
.dropdown-menu.datepicker table th .btn.text-strong:hover strong,
.dropdown-menu.datepicker table th .btn.text-strong:active strong,
.dropdown-menu.datepicker table th .btn.pull-left strong,
.dropdown-menu.datepicker table th .btn.pull-right strong {
  font-weight: normal !important;
}
.dropdown-menu.datepicker table th .btn.text-strong:hover,
.dropdown-menu.datepicker table th .btn.text-strong:hover:hover,
.dropdown-menu.datepicker table th .btn.text-strong:active:hover,
.dropdown-menu.datepicker table th .btn.pull-left:hover,
.dropdown-menu.datepicker table th .btn.pull-right:hover {
  opacity: 0.8;
}
.dropdown-menu.datepicker table th .btn.text-strong:active,
.dropdown-menu.datepicker table th .btn.text-strong:hover:active,
.dropdown-menu.datepicker table th .btn.text-strong:active:active,
.dropdown-menu.datepicker table th .btn.pull-left:active,
.dropdown-menu.datepicker table th .btn.pull-right:active {
  background-color: var(--color-stroke-primary-initial);
}
.dropdown-menu.datepicker table th.dow {
  font-weight: normal;
}
.dropdown-menu.datepicker table td {
  padding: 1px;
}
.dropdown-menu.datepicker .btn {
  min-height: 0;
  min-width: 0;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.dropdown-menu.datepicker .btn.pull-left,
.dropdown-menu.datepicker .btn.pull-right {
  margin: 0;
}
.dropdown-menu.datepicker .btn.pull-left .glyphicon,
.dropdown-menu.datepicker .btn.pull-right .glyphicon {
  left: 0;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
ib-dropdown-header {
  opacity: 1 !important;
}
.dropdown:after {
  content: "";
  display: block;
  clear: both;
}
.dropdown .btn {
  float: left;
}
.dropdown.error .btn {
  border-color: var(--color-text-negative-initial) !important;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.dropdown.error .error-message {
  float: left;
  width: 100%;
  padding: 5px 10px;
  background: var(--color-text-negative-initial);
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  text-align: left;
  color: var(--color-text-strong-light);
  font-size: 0.875rem;
}
.dropdown.open .btn,
.dropdown .btn {
  background-color: transparent;
}
.dropdown .btn {
  border-width: 1px;
  border-color: var(--color-text-strong-default);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: var(--color-text-soft-default);
  width: 100%;
  padding: 8px 48px 8px 11px;
  text-align: left;
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-size: 16px 9px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-color: transparent;
}
.dropdown .btn:hover {
  background-color: transparent;
}
.dropdown .btn .caret {
  display: none;
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
}
.dropdown .btn-lg {
  border-width: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: var(--color-text-soft-default);
  width: 100%;
  padding: 28px;
  font-size: 1.09375rem;
  background-color: transparent;
}
.dropdown .btn-lg .label-chosen {
  color: var(--color-surface-high-dark-initial);
}
.dropdown .btn > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 20px;
}
.dropdown .dropdown-menu {
  display: inline-block;
  position: absolute !important;
  background-clip: border-box;
}
.dropdown .dropdown-menu .templates-image {
  width: 60px;
  height: 60px;
  margin: 0 20px 0 5px;
}
.dropdown .dropdown-menu .payment-providers-image {
  width: 30px;
  height: 30px;
  margin: 0 20px 0 5px;
}
.dropdown .dropdown-menu li {
  padding: 3px 10px;
}
.dropdown .dropdown-menu li.no-items {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.dropdown .dropdown-menu li.no-items small {
  color: var(--color-text-soft-inverted);
}
.dropdown .dropdown-menu li.dropdown-container {
  padding: 0;
}
.dropdown .dropdown-menu li:hover:not([disabled]):not(.dropdown-header):not(.no-items) {
  background-color: var(--color-surface-low-initial);
}
.dropdown .dropdown-menu li[disabled] {
  opacity: 0.6;
  cursor: not-allowed !important;
}
.dropdown .dropdown-menu li[disabled] a,
.dropdown .dropdown-menu li[disabled] ib-account-view {
  cursor: not-allowed !important;
}
.dropdown .dropdown-menu li[disabled] .acc-image {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.dropdown .dropdown-menu li:first-child:not(.dropdown-header):hover:not([disabled]) {
  background-color: var(--color-text-strong-light);
}
.dropdown .dropdown-menu li > ib-wizard-smn-dropdown-content-item > a {
  width: 100%;
  overflow: hidden;
  color: var(--color-text-soft-dark);
  padding: 0 !important;
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown .dropdown-menu li > ib-wizard-smn-dropdown-content-item > a .templates-box {
  height: 100%;
}
@media (max-width: 1280px) {
  .dropdown .dropdown-menu li > ib-wizard-smn-dropdown-content-item > a .templates-box {
    width: 202px;
  }
}
.dropdown .dropdown-menu li > ib-wizard-smn-dropdown-content-item > a .templates-box div {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 16px;
  color: var(--color-text-soft-inverted);
  font-size: 0.74375rem;
}
.dropdown .dropdown-menu li > ib-wizard-smn-dropdown-content-item > a .templates-box div.t-name {
  font-size: 0.875rem;
  width: 100%;
  line-height: 18px;
  color: var(--color-text-soft-dark);
}
.dropdown .dropdown-menu li > a {
  width: 100%;
  overflow: hidden;
  color: var(--color-text-soft-dark);
  padding: 0 !important;
  position: relative;
}
.dropdown .dropdown-menu li > a .templates-box {
  position: absolute;
  width: 302px;
  left: 85px;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 1280px) {
  .dropdown .dropdown-menu li > a .templates-box {
    width: 202px;
  }
}
.dropdown .dropdown-menu li > a .templates-box div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  line-height: 16px;
  color: var(--color-text-soft-inverted);
  font-size: 0.74375rem;
}
.dropdown .dropdown-menu li > a .templates-box div.t-name {
  font-size: 0.875rem;
  width: 100%;
  line-height: 18px;
  color: var(--color-text-soft-dark);
}
.dropdown .dropdown-menu li > a .smallfont {
  font-size: 10px;
}
.dropdown .dropdown-menu .categories-by-usage > li {
  display: block;
}
.dropdown .dropdown-menu .categories-by-usage > li a {
  display: block;
}
.dropdown .dropdown-menu table {
  width: 100%;
}
.dropdown .dropdown-menu table tr {
  display: table-row;
}
.dropdown .dropdown-menu table tr td {
  display: table-cell !important;
  line-height: 0;
}
.dropdown .dropdown-menu table tr td .cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
}
.dropdown .dropdown-menu table tr td .cell img.special-card-img {
  transform: translateY(11px) translateX(0px);
}
.dropdown .dropdown-menu table tr td .cell.image-count-1 img.special-card-img {
  opacity: 1;
}
.dropdown .dropdown-menu table tr td .cell.image-count-1 img.special-card-img[src*="icon-which-blue.png"],
.dropdown .dropdown-menu table tr td .cell.image-count-1 img.special-card-img[src*="icon-budget-blue.png"],
.dropdown .dropdown-menu table tr td .cell.image-count-1 img.special-card-img[src*="icon-box-blue.png"] {
  transform: translateY(0px) translateX(0px);
}
.dropdown .dropdown-menu table tr td .cell.image-count-1 span {
  border-radius: 0;
  overflow: visible;
}
.dropdown .dropdown-menu table tr td .cell.image-count-1 span img {
  opacity: 1;
  transform: translateY(11px) translateX(0px);
}
.dropdown .dropdown-menu table tr td .cell.image-count-2 span {
  overflow: visible;
}
.dropdown .dropdown-menu table tr td .cell.image-count-2 span img {
  opacity: 1;
  top: auto;
  left: auto;
  max-width: 45px;
  max-height: 45px;
}
.dropdown .dropdown-menu table tr td .cell.image-count-2 span:nth-child(1) img {
  transform: translateY(7px) translateX(0px);
  z-index: 9;
}
.dropdown .dropdown-menu table tr td .cell.image-count-2 span:nth-child(2) img {
  transform: translateY(-6px) translateX(14px);
  z-index: 10;
}
.dropdown .dropdown-menu table tr td .cell.image-count-more span {
  overflow: visible;
}
.dropdown .dropdown-menu table tr td .cell.image-count-more span img {
  opacity: 1;
  top: auto;
  left: auto;
  max-width: 45px;
  max-height: 45px;
}
.dropdown .dropdown-menu table tr td .cell.image-count-more span:nth-child(1) img {
  transform: translateY(8px) translateX(0px);
  z-index: 9;
}
.dropdown .dropdown-menu table tr td .cell.image-count-more span:nth-child(2) img {
  transform: translateY(-11px) translateX(7px);
  z-index: 10;
}
.dropdown .dropdown-menu table tr td .cell.image-count-more span:nth-child(3) img {
  transform: translateY(-31px) translateX(14px);
  z-index: 11;
}
.dropdown .dropdown-menu table tr td .cell span:nth-child(n+4) {
  display: none;
}
.dropdown .dropdown-menu table tr td.acc-image .cell {
  width: 60px;
  height: 60px;
  margin: 0 20px 0 5px;
  height: auto;
}
.dropdown .dropdown-menu table tr td.acc-image .cell.no-image {
  height: 35px;
  background-size: 60px 42px;
}
.dropdown .dropdown-menu table tr td.acc-image .cell img {
  max-width: 60px;
  max-height: 60px;
}
.dropdown .dropdown-menu table tr td.acc-image.smaller-image .cell {
  width: 50px;
  height: 50px;
  margin: 5px 20px 5px 5px;
}
.dropdown .dropdown-menu table tr td.acc-image.smaller-image .cell img {
  max-width: 50px;
  max-height: 50px;
  border-radius: 50%;
}
.dropdown .dropdown-menu table tr td.acc-name .cell {
  width: 280px;
  line-height: 18px;
  padding-top: 5px;
}
@media (max-width: 1280px) {
  .dropdown .dropdown-menu table tr td.acc-name .cell {
    width: 180px;
  }
}
.dropdown .dropdown-menu table tr td.acc-balance .cell {
  padding-bottom: 5px;
}
.dropdown .dropdown-menu table tr td.acc-balance .acc-balance-value {
  color: var(--color-text-soft-inverted);
}
.dropdown .dropdown-menu table tr td.acc-balance .acc-balance-value .acc-balance-currency {
  color: var(--color-surface-high-dark-initial);
}
.dropdown .dropdown-menu table tr td.acc-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-position: right 3px center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-right: 22px;
  background-size: 17px;
  transition: background ease 0.3s;
}
.dropdown .dropdown-menu table tr td.acc-name.acc-name-star {
  background-image: url(/tbcrd/assets/img/icon-star-gray.svg);
  background-size: 17px;
}
.dropdown .dropdown-menu table tr td.acc-name.acc-name-star.acc-name-gold {
  background-image: url(/tbcrd/assets/img/icon-star.svg);
  background-size: 17px;
}
.dropdown .dropdown-menu table tr td.acc-name.acc-name-star.acc-name-blue {
  background-image: url(/tbcrd/assets/img/icon-star-dark-blue.svg);
  background-size: 17px;
}
.dropdown .dropdown-menu table.primary tr td.acc-name {
  background-image: url(/tbcrd/assets/img/icon-star.svg);
  background-size: 17px;
}
.dropdown .dropdown-menu table td:not(.acc-image) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown .dropdown-menu table td {
  line-height: 0.875rem;
}
.dropdown .dropdown-menu li.reset {
  line-height: 34px;
  height: 40px;
}
.dropdown .dropdown-menu li.reset a {
  cursor: pointer;
  display: block;
}
.dropdown .dropdown-menu li.reset a:hover {
  text-decoration: none;
}
.dropdown .dropdown-menu li.reset:hover {
  background-color: var(--color-surface-low-initial) !important;
}
.dropdown .dropdown-toggle {
  background-color: transparent !important;
}
.dropdown .dropdown-toggle:hover,
.dropdown .dropdown-toggle:focus {
  background-color: transparent !important;
}
.dropdown .dropdown-toggle table {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown .dropdown-toggle table.primary tr td.acc-name {
  background-image: url(/tbcrd/assets/img/icon-star.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: right center;
  background-color: transparent;
  padding-right: 20px;
}
.dropdown .dropdown-toggle table tr:first-child td {
  display: none;
}
.dropdown .dropdown-toggle table td {
  color: var(--color-surface-high-dark-initial);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown .dropdown-toggle table td .smallfont {
  font-size: 0.875rem;
  color: var(--color-text-soft-default);
}
.dropdown .dropdown-toggle table td.acc-iban,
.dropdown .dropdown-toggle table td .acc-iban {
  font-size: 0.875rem;
  color: var(--color-text-soft-default);
}
.dropdown .dropdown-toggle .flex-table .flex-tr {
  margin-top: 0px;
  flex: none;
  display: block;
}
.dropdown .dropdown-toggle .flex-table div[class*=flex-t] {
  flex: none;
  display: block;
}
.dropdown .dropdown-toggle .flex-table .acc-name {
  font-size: 1.09375rem;
  color: var(--color-surface-high-dark-initial);
}
.dropdown .dropdown-toggle .flex-table .acc-balance .acc-balance-value {
  font-size: 1.09375rem;
  color: var(--color-surface-high-dark-initial);
  text-align: left;
}
.dropdown .dropdown-toggle .flex-table .acc-image-container {
  display: none;
}
.dropdown .dropdown-toggle .flex-table .acc-balance-container {
  display: block;
  line-height: inherit;
}
.dropdown .dropdown-toggle .flex-table .acc-iban {
  font-size: 0.875rem;
}
.dropdown .dropdown-toggle .flex-table .acc-balance-currency {
  font-size: 0.875rem;
  color: var(--color-text-soft-default);
}
.dropdown .dropdown-toggle::after {
  display: none;
}
.dropdown.selected .dropdown-toggle {
  border-color: var(--color-stroke-primary-initial);
  background-image: url(/tbcrd/assets/img/login/arrow-down-purple.svg);
  background-size: 16px;
}
.dropdown.selected.open .dropdown-toggle {
  border-color: var(--color-stroke-primary-initial);
  background-image: url(/tbcrd/assets/img/login/arrow-down-purple.svg);
  background-size: 16px;
}
.dropdown.open > .dropdown-menu {
  width: 100%;
  padding: 0;
  top: -2px !important;
  border-width: 1px;
  border-color: var(--ibc-gray-1);
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 90px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  margin-bottom: 20px;
}
.dropdown.open > .dropdown-menu.up {
  top: auto !important;
  bottom: 0 !important;
  margin-top: 20px;
  margin-bottom: 0;
}
.dropdown.open > .dropdown-menu .add {
  display: block;
}
.dropdown.open > .dropdown-menu a {
  overflow: hidden;
}
.dropdown.open > .dropdown-menu .dropdown-header {
  background-color: var(--color-surface-low-initial);
  color: var(--color-text-soft-dark);
  padding: 3px 15px;
}
.dropdown.open > .dropdown-menu .dropdown-item {
  padding: 3px 10px;
}
.dropdown.open > .dropdown-menu .dropdown-item a:hover {
  text-decoration: none;
}
.dropdown.open > .dropdown-menu .dropdown-item .umts-error-message {
  text-align: center;
  margin-top: 1em;
}
.dropdown.open > .dropdown-menu table td.acc-image {
  width: 8px !important;
}
.dropdown.open > .dropdown-menu table td.acc-name,
.dropdown.open > .dropdown-menu table td .acc-name {
  font-size: 0.875rem;
  width: 100%;
}
.dropdown.open > .dropdown-menu table td.acc-iban,
.dropdown.open > .dropdown-menu table td .acc-iban {
  color: var(--color-text-soft-inverted);
  font-size: 0.74375rem;
}
.dropdown.open > .dropdown-menu table td.acc-balance,
.dropdown.open > .dropdown-menu table td .acc-balance {
  font-size: 0.74375rem;
}
.flex-table > .acc-image > .cell.image-count-2,
.accdd .dropdown-menu li table tr td .cell.image-count-2 {
  min-height: 48px;
  padding-top: 3px;
}
.flex-table > .acc-image > .cell.image-count-2 span:nth-child(1) img,
.accdd .dropdown-menu li table tr td .cell.image-count-2 span:nth-child(1) img {
  transform: translateY(0px) translateX(-2px);
}
.flex-table > .acc-image > .cell.image-count-2 span:nth-child(2) img,
.accdd .dropdown-menu li table tr td .cell.image-count-2 span:nth-child(2) img {
  transform: translateY(13px) translateX(-33px);
}
.flex-table > .acc-image > .cell.image-count-more,
.accdd .dropdown-menu li table tr td .cell.image-count-more {
  min-height: 48px;
  padding-top: 3px;
}
.flex-table > .acc-image > .cell.image-count-more span:nth-child(1) img,
.accdd .dropdown-menu li table tr td .cell.image-count-more span:nth-child(1) img {
  transform: translateY(0px) translateX(-2px);
}
.flex-table > .acc-image > .cell.image-count-more span:nth-child(2) img,
.accdd .dropdown-menu li table tr td .cell.image-count-more span:nth-child(2) img {
  transform: translateY(6px) translateX(-41px);
}
.flex-table > .acc-image > .cell.image-count-more span:nth-child(3) img,
.accdd .dropdown-menu li table tr td .cell.image-count-more span:nth-child(3) img {
  transform: translateY(13px) translateX(-82px);
}
.firefox .accdd .dropdown-menu li table tr td .cell.image-count-2 span:nth-child(2) img,
.opera .accdd .dropdown-menu li table tr td .cell.image-count-2 span:nth-child(2) img {
  transform: translateY(-15px) translateX(15px) !important;
  display: block !important;
}
.firefox .accdd .dropdown-menu li table tr td .cell.image-count-3 span:nth-child(2) img,
.opera .accdd .dropdown-menu li table tr td .cell.image-count-3 span:nth-child(2) img {
  transform: translateY(-21px) translateX(7px) !important;
  display: block !important;
}
.firefox .accdd .dropdown-menu li table tr td .cell.image-count-3 span:nth-child(3) img,
.opera .accdd .dropdown-menu li table tr td .cell.image-count-3 span:nth-child(3) img {
  transform: translateY(-42px) translateX(15px) !important;
  display: block !important;
}
.accdd .dropdown.selected,
.dropdown.typex.selected {
  border-color: var(--color-stroke-primary-initial);
}
.accdd .dropdown.selected button,
.dropdown.typex.selected button {
  color: var(--color-text-soft-dark);
}
.accdd .dropdown:not(.open) span.minus,
.accdd .dropdown:not(.open) span.plus,
.dropdown.typex:not(.open) span.minus,
.dropdown.typex:not(.open) span.plus {
  font-size: 1.09375rem;
}
.accdd .dropdown .dropdown-toggle,
.dropdown.typex .dropdown-toggle {
  padding: 20px;
  background-position: right 20px center;
  background-color: transparent;
  max-height: 118px;
}
.accdd .dropdown .dropdown-toggle table,
.accdd .dropdown .dropdown-toggle td,
.dropdown.typex .dropdown-toggle table,
.dropdown.typex .dropdown-toggle td {
  width: 100%;
  max-width: 226px;
}
@media (max-width: 1280px) {
  .accdd .dropdown .dropdown-toggle table,
  .accdd .dropdown .dropdown-toggle td,
  .dropdown.typex .dropdown-toggle table,
  .dropdown.typex .dropdown-toggle td {
    max-width: 166px;
  }
}
.accdd .dropdown .dropdown-toggle.compact,
.dropdown.typex .dropdown-toggle.compact {
  padding: 11px 38px 11px 10px;
  max-height: 45px;
  font-size: 0.875rem;
  background-position: right 15px center;
}
.accdd .dropdown .dropdown-toggle.compact.dropdown-pre-select,
.dropdown.typex .dropdown-toggle.compact.dropdown-pre-select {
  color: var(--color-text-strong-default);
}
.accdd .dropdown .dropdown-toggle.compact > div,
.dropdown.typex .dropdown-toggle.compact > div {
  padding-right: 0;
}
.accdd .dropdown .dropdown-toggle.compact .account-label,
.dropdown.typex .dropdown-toggle.compact .account-label {
  position: relative;
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.accdd .dropdown .dropdown-toggle.compact .account-label > span,
.dropdown.typex .dropdown-toggle.compact .account-label > span {
  display: inline-block;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 100%;
}
.accdd .dropdown .dropdown-toggle.compact .account-label > span.account-label-name,
.dropdown.typex .dropdown-toggle.compact .account-label > span.account-label-name {
  max-width: calc(100% - 15px - 105px);
}
.accdd .dropdown .dropdown-toggle.compact .account-label > span.account-label-balance,
.dropdown.typex .dropdown-toggle.compact .account-label > span.account-label-balance {
  max-width: 105px;
}
.accdd .dropdown .dropdown-toggle.compact .account-label > span.account-label-separator,
.dropdown.typex .dropdown-toggle.compact .account-label > span.account-label-separator {
  width: 15px;
  text-align: center;
}
.accdd .dropdown .dropdown-toggle.compact .account-label > span.account-label-primary,
.dropdown.typex .dropdown-toggle.compact .account-label > span.account-label-primary {
  display: none;
}
.accdd .dropdown .dropdown-toggle.compact .account-label.primary > span.account-label-name,
.dropdown.typex .dropdown-toggle.compact .account-label.primary > span.account-label-name {
  max-width: calc(100% - 15px - 105px - 25px);
}
.accdd .dropdown .dropdown-toggle.compact .account-label.primary > span.account-label-primary,
.dropdown.typex .dropdown-toggle.compact .account-label.primary > span.account-label-primary {
  display: inline-block;
  width: 25px;
  background: transparent url(/tbcrd/assets/img/icon-star.svg) no-repeat center right;
  background-size: 16px 16px;
}
.accdd .dropdown .dropdown-menu table.acc,
.dropdown.typex .dropdown-menu table.acc {
  width: 100%;
}
.accdd .dropdown .dropdown-menu td:not(.acc-image),
.dropdown.typex .dropdown-menu td:not(.acc-image) {
  max-width: 195px;
}
@media (max-width: 1280px) {
  .accdd .dropdown .dropdown-menu td:not(.acc-image),
  .dropdown.typex .dropdown-menu td:not(.acc-image) {
    max-width: 136px;
  }
}
.accdd .dropdown a.disabled,
.dropdown.typex a.disabled {
  background-color: transparent;
  color: var(--color-text-disabled-dark);
  pointer-events: none;
}
.accdd .dropdown a.disabled img,
.dropdown.typex a.disabled img {
  opacity: 0.5;
}
.accdd .dropdown.open .dropdown-toggle,
.dropdown.typex.open .dropdown-toggle {
  border-color: var(--color-stroke-primary-initial);
  background-image: url(/tbcrd/assets/img/login/arrow-up-purple.svg);
  background-size: 16px;
}
.accdd.soft-indication .dropdown .btn:active,
.accdd.soft-indication .dropdown .btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: var(--color-stroke-primary-initial) !important;
  background-image: url(/tbcrd/assets/img/login/arrow-down-purple.svg) !important;
  background-size: 16px;
}
.accdd.soft-indication .dropdown.selected .dropdown-toggle {
  color: var(--color-text-soft-dark);
  border-color: var(--color-text-disabled-dark);
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-color: var(--color-text-strong-light) !important;
  background-size: 16px 9px;
}
.home-widget .dropdown-menu {
  min-height: 114px;
}
.home-widget .dropdown.typex.selected button {
  color: var(--color-text-strong-light);
}
ul.type-notable {
  padding-top: 0px;
}
ul.type-notable .card {
  cursor: pointer;
  padding: 10px;
}
ul.type-notable .card:hover {
  background-color: var(--color-surface-low-initial);
}
ul.type-notable a {
  overflow: hidden;
  display: block;
}
ul.type-notable .info-dd {
  float: left;
  width: calc(100% - 80px);
}
ul.type-notable .info-dd span.iban {
  margin-left: 5px;
}
ul.type-notable .info-dd div {
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
ul.type-notable .acc-balance {
  font-size: 0.74375rem;
}
ul.type-notable .acc-name {
  font-size: 0.875rem;
  width: 100%;
}
ul.type-notable .product-image {
  margin: 0 15px 0 5px;
  width: 60px;
  height: 60px;
}
ul.type-notable .dropdown-header {
  background-color: var(--color-surface-low-initial);
  color: var(--color-text-soft-dark);
  padding: 3px 15px;
}
ib-dropdown.statements-cards {
  display: block;
}
ib-dropdown.large ib-select {
  height: 100px !important;
}
.dropdown.typex .dropdown-toggle table,
.dropdown.typex .dropdown-toggle td,
.accdd .dropdown .dropdown-toggle table,
.accdd .dropdown .dropdown-toggle td {
  max-width: inherit;
}
.dropdown.typex .dropdown-toggle table.acc-image,
.dropdown.typex .dropdown-toggle td.acc-image,
.accdd .dropdown .dropdown-toggle table.acc-image,
.accdd .dropdown .dropdown-toggle td.acc-image {
  width: 80px;
}
.dropdown.typex td.acc-name {
  background-image: none !important;
  padding-right: 0 !important;
}
.tbc-wizard-steps.active .dropdown .btn.btn-lg.dropdown-toggle {
  color: var(--color-text-strong-light);
  border-color: var(--color-text-strong-light) !important;
  background-image: url(/tbcrd/assets/img/login/arrow-down-white.svg);
  background-size: 16px 9px;
}
.open > .dropdown-toggle.selectpicker.btn-default {
  background-color: var(--color-text-strong-light);
  border-width: 1px;
  border-color: var(--color-text-strong-default);
  color: var(--color-text-soft-default);
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 16px 9px;
}
.someoneElse .dropdown .dropdown-menu table tr td.acc-name {
  padding-right: 0;
  background: none;
}
.dropdown .btn .ui-select-match-text {
  color: var(--color-text-soft-dark);
}
.form-control:focus {
  border-color: transparent;
}
.ui-select-container .ui-select-choices-row.active > a {
  color: inherit !important;
  text-decoration: none;
  background-color: transparent !important;
}
.ui-select-container .ui-select-choices-row > a {
  padding: 8px 3px !important;
}
.ui-select-container input[type=search] {
  background-image: url(/tbcrd/assets/img/search-icon-blue.svg);
  box-shadow: none;
  border: solid 2px var(--color-stroke-soft-initial);
  height: 100%;
  line-height: 44px;
  padding: 0 !important;
  text-indent: 43px;
}
.ui-select-container input[type=search]:focus::-webkit-search-cancel-button {
  margin-right: 14px !important;
}
.ui-select-container input[type=search].restyle {
  background-image: url(/tbcrd/assets/img/search-icon-gray.svg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--text-style-label-m-regular-font-family);
  font-weight: var(--text-style-label-m-regular-font-weight);
  line-height: var(--text-style-label-m-regular-line-height);
  font-size: var(--text-style-label-m-regular-font-size);
  -moz-font-feature-settings: unset;
  -webkit-font-feature-settings: unset;
  font-feature-settings: unset;
  text-decoration: var(--text-style-label-m-regular-text-decoration);
  font-size: 14px;
}
.ui-select-container .btn-default-focus {
  box-shadow: none !important;
  outline: inherit !important;
}
.ui-select-container .btn.form-control {
  font-size: 15px !important;
  border-width: 2px !important;
  box-shadow: none !important;
  border-color: var(--color-stroke-soft-initial);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-select-container .btn.form-control:focus {
  border-color: var(--color-text-soft-default);
}
.ui-select-container.open input[type=search] {
  border: solid 2px var(--color-stroke-primary-initial);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: var(--color-text-strong-light);
}
.dropdown.open > .ui-select-dropdown {
  top: inherit !important;
  border-top-width: 0 !important;
  border-radius: 0 0 5px 5px !important;
  margin-top: -5px;
  box-shadow: none;
  min-height: inherit;
}
.tbc-box-billpay .dropdown .dropdown-menu table tr td .cell,
.tbc-box-form .dropdown .dropdown-menu table tr td .cell {
  width: 189px;
}
@media (max-width: 1280px) {
  .tbc-box-billpay .dropdown .dropdown-menu table tr td .cell,
  .tbc-box-form .dropdown .dropdown-menu table tr td .cell {
    width: 131px;
  }
}
.tbc-box-billpay .dropdown .dropdown-menu table tr td.acc-image .cell,
.tbc-box-form .dropdown .dropdown-menu table tr td.acc-image .cell {
  width: 60px;
}
.tbc-box-billpay .dropdown .dropdown-menu table tr td.acc-name .cell,
.tbc-box-form .dropdown .dropdown-menu table tr td.acc-name .cell {
  width: 167px;
}
@media (max-width: 1280px) {
  .tbc-box-billpay .dropdown .dropdown-menu table tr td.acc-name .cell,
  .tbc-box-form .dropdown .dropdown-menu table tr td.acc-name .cell {
    width: 109px;
  }
}
.tbc-box-billpay .dropdown.selected .btn table tr td .cell,
.tbc-box-form .dropdown.selected .btn table tr td .cell {
  width: 232px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1280px) {
  .tbc-box-billpay .dropdown.selected .btn table tr td .cell,
  .tbc-box-form .dropdown.selected .btn table tr td .cell {
    width: 172px;
  }
}
.tbc-box-billpay .dropdown.selected .btn table tr td.acc-image .cell,
.tbc-box-form .dropdown.selected .btn table tr td.acc-image .cell {
  width: 60px;
}
.tbc-box-billpay .dropdown.selected .btn table.primary tr td.acc-name .cell,
.tbc-box-form .dropdown.selected .btn table.primary tr td.acc-name .cell {
  width: 212px;
}
@media (max-width: 1280px) {
  .tbc-box-billpay .dropdown.selected .btn table.primary tr td.acc-name .cell,
  .tbc-box-form .dropdown.selected .btn table.primary tr td.acc-name .cell {
    width: 152px;
  }
}
.firefox .home-widgets .dropdown.typex .dropdown-menu table tr td:not(.acc-image) .cell {
  width: 291px;
}
@media only screen and (max-width: 79.9375em) {
  .firefox .home-widgets .dropdown.typex .dropdown-menu table tr td:not(.acc-image) .cell {
    width: 202px;
  }
}
.dropdown-menu > ib-tooltip > li > a,
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #212529;
  white-space: nowrap;
}
.dropdown.dropdown-menu input.inp-with-search {
  background-color: transparent;
  background-image: url(/tbcrd/assets/img/search-icon-blue.svg);
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 18px 18px;
  padding: 13px 14px 13px 43px;
  width: 100%;
  color: var(--color-text-soft-default);
  font-size: 14px;
}
ib-account-view .flex-table,
.ib-account-view .flex-table {
  display: flex;
}
ib-account-view .flex-table.primary .acc-name,
.ib-account-view .flex-table.primary .acc-name {
  background-image: url(/tbcrd/assets/img/icon-star.svg) !important;
  background-size: 17px;
}
ib-account-view .flex-table div[class*=flex-t],
.ib-account-view .flex-table div[class*=flex-t] {
  display: flex;
}
@supports not (-ms-high-contrast: none) {
  ib-account-view .flex-table,
  .ib-account-view .flex-table {
  }
  ib-account-view .flex-table div[class*=flex-t],
  .ib-account-view .flex-table div[class*=flex-t] {
    flex: 1 1 100%;
    max-width: fit-content;
  }
}
ib-account-view .flex-table .flex-td,
.ib-account-view .flex-table .flex-td {
  flex-direction: column;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  ib-account-view .flex-table .flex-td,
  .ib-account-view .flex-table .flex-td {
    flex: 1;
  }
}
ib-account-view .flex-table .flex-tr,
.ib-account-view .flex-table .flex-tr {
  flex-direction: row;
}
ib-account-view .flex-table .acc-info,
.ib-account-view .flex-table .acc-info {
  width: calc(100% - 75px);
  float: right;
  position: relative;
  left: 0px;
  clear: both;
}
@media all and (max-width: 1279px) {
  ib-account-view .flex-table .acc-info .short,
  .ib-account-view .flex-table .acc-info .short {
    display: block !important;
  }
  ib-account-view .flex-table .acc-info .long,
  .ib-account-view .flex-table .acc-info .long {
    display: none !important;
  }
}
@media all and (min-width: 1280px) {
  ib-account-view .flex-table .acc-info .short,
  .ib-account-view .flex-table .acc-info .short {
    display: none !important;
  }
  ib-account-view .flex-table .acc-info .long,
  .ib-account-view .flex-table .acc-info .long {
    display: block !important;
  }
}
ib-account-view .flex-table .acc-image-container,
.ib-account-view .flex-table .acc-image-container {
  width: 85px;
  position: relative;
}
ib-account-view .flex-table .acc-image,
.ib-account-view .flex-table .acc-image {
  width: 8px !important;
}
ib-account-view .flex-table .acc-image .cell,
.ib-account-view .flex-table .acc-image .cell {
  width: 60px;
  height: 60px;
  margin: 0 20px 0 5px;
  height: 60px !important;
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
}
ib-account-view .flex-table .acc-image .cell.no-image,
.ib-account-view .flex-table .acc-image .cell.no-image {
  height: 35px;
  background-size: 60px 42px;
}
ib-account-view .flex-table .acc-image .cell img,
.ib-account-view .flex-table .acc-image .cell img {
  max-width: 60px;
  max-height: 60px;
  transform: translateY(11px) translateX(0px);
}
ib-account-view .flex-table .acc-image .cell img.special-card-img,
.ib-account-view .flex-table .acc-image .cell img.special-card-img {
  -webkit-border-radius: 4% "/" 6%;
  -moz-border-radius: 4% "/" 6%;
  border-radius: 4% "/" 6%;
}
@media (max-width: 1280px) {
  ib-account-view .flex-table .acc-image .cell,
  .ib-account-view .flex-table .acc-image .cell {
    width: 215px;
  }
}
ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img,
.ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img {
  opacity: 1;
}
ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img[src*="icon-which-blue.png"],
ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img[src*="icon-budget-blue.png"],
ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img[src*="icon-box-blue.png"],
.ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img[src*="icon-which-blue.png"],
.ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img[src*="icon-budget-blue.png"],
.ib-account-view .flex-table .acc-image .cell.image-count-1 img.special-card-img[src*="icon-box-blue.png"] {
  transform: translateY(0px) translateX(0px);
}
ib-account-view .flex-table .acc-image .cell.image-count-1 span,
.ib-account-view .flex-table .acc-image .cell.image-count-1 span {
  border-radius: 0;
  overflow: visible;
}
ib-account-view .flex-table .acc-image .cell.image-count-1 span img,
.ib-account-view .flex-table .acc-image .cell.image-count-1 span img {
  opacity: 1;
}
ib-account-view .flex-table .acc-image .cell.image-count-2 span,
.ib-account-view .flex-table .acc-image .cell.image-count-2 span {
  overflow: visible;
}
ib-account-view .flex-table .acc-image .cell.image-count-2 span img,
.ib-account-view .flex-table .acc-image .cell.image-count-2 span img {
  opacity: 1;
  top: auto;
  left: auto;
  max-width: 45px !important;
  max-height: 45px !important;
}
ib-account-view .flex-table .acc-image .cell.image-count-2 span:nth-child(1) img,
.ib-account-view .flex-table .acc-image .cell.image-count-2 span:nth-child(1) img {
  transform: translateY(7px) translateX(0px);
  z-index: 9;
}
ib-account-view .flex-table .acc-image .cell.image-count-2 span:nth-child(2) img,
.ib-account-view .flex-table .acc-image .cell.image-count-2 span:nth-child(2) img {
  transform: translateY(16px) translateX(-32px);
  z-index: 10;
}
ib-account-view .flex-table .acc-image .cell.image-count-2 span:nth-child(2),
.ib-account-view .flex-table .acc-image .cell.image-count-2 span:nth-child(2) {
  display: inline !important;
}
ib-account-view .flex-table .acc-image .cell.image-count-more span,
.ib-account-view .flex-table .acc-image .cell.image-count-more span {
  overflow: visible;
}
ib-account-view .flex-table .acc-image .cell.image-count-more span img,
.ib-account-view .flex-table .acc-image .cell.image-count-more span img {
  opacity: 1;
  top: auto;
  left: auto;
  max-width: 45px !important;
  max-height: 45px !important;
}
ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(1) img,
.ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(1) img {
  transform: translateY(8px) translateX(0px);
  z-index: 9;
}
ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(2) img,
.ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(2) img {
  transform: translateY(14px) translateX(-38px);
  z-index: 10;
}
ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(3) img,
.ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(3) img {
  transform: translateY(20px) translateX(-77px);
  z-index: 11;
}
ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(2),
ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(3),
.ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(2),
.ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(3) {
  display: inline !important;
}
ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(n+4),
.ib-account-view .flex-table .acc-image .cell.image-count-more span:nth-child(n+4) {
  display: none;
}
ib-account-view .flex-table .acc-name,
.ib-account-view .flex-table .acc-name {
  font-size: 12px;
}
ib-account-view .flex-table .over-hidden,
.ib-account-view .flex-table .over-hidden {
  overflow: hidden;
}
ib-account-view .flex-table .acc-iban.acc-iban-has-label,
.ib-account-view .flex-table .acc-iban.acc-iban-has-label {
  width: -moz-available;
}
ib-account-view .flex-table .acc-name-holder,
.ib-account-view .flex-table .acc-name-holder {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
ib-account-view .flex-table .acc-name,
.ib-account-view .flex-table .acc-name {
  font-size: 0.875rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-position: right 3px center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding-right: 22px;
  background-size: 17px;
  transition: background ease 0.3s;
}
ib-account-view .flex-table .acc-name.bg-pos-rg-0-ctr,
.ib-account-view .flex-table .acc-name.bg-pos-rg-0-ctr {
  background-position: right center;
}
ib-account-view .flex-table .acc-name.acc-name-star,
.ib-account-view .flex-table .acc-name.acc-name-star {
  background-image: url(/tbcrd/assets/img/icon-star-gray.svg);
  background-size: 17px;
}
ib-account-view .flex-table .acc-name.acc-name-star.acc-name-gold,
.ib-account-view .flex-table .acc-name.acc-name-star.acc-name-gold {
  background-image: url(/tbcrd/assets/img/icon-star.svg);
  background-size: 17px;
}
ib-account-view .flex-table .acc-name.acc-name-star.acc-name-blue,
.ib-account-view .flex-table .acc-name.acc-name-star.acc-name-blue {
  background-image: url(/tbcrd/assets/img/icon-star-dark-blue.svg);
  background-size: 17px;
}
ib-account-view .flex-table .acc-iban,
.ib-account-view .flex-table .acc-iban {
  color: var(--color-text-soft-inverted);
}
ib-account-view .flex-table .acc-iban .acc-iban-type,
.ib-account-view .flex-table .acc-iban .acc-iban-type {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ib-account-view .flex-table .acc-balance-container,
.ib-account-view .flex-table .acc-balance-container {
  white-space: nowrap;
  font-size: 13px;
}
ib-account-view .flex-table .acc-balance,
.ib-account-view .flex-table .acc-balance {
  font-size: 0.74375rem;
  font-size: 13px;
  justify-content: flex-end;
}
ib-account-view .flex-table .acc-balance .acc-balance-value,
.ib-account-view .flex-table .acc-balance .acc-balance-value {
  color: var(--color-text-soft-inverted);
}
ib-account-view .flex-table .acc-balance .acc-balance-currency,
.ib-account-view .flex-table .acc-balance .acc-balance-currency {
  color: var(--color-surface-high-dark-initial);
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  ib-account-view .flex-table .flex-tr,
  .ib-account-view .flex-table .flex-tr {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 1279px) {
  ib-account-view .flex-table .acc-name,
  .ib-account-view .flex-table .acc-name {
    text-overflow: ellipsis;
    overflow-x: hidden;
  }
  ib-account-view .flex-table .acc-info,
  .ib-account-view .flex-table .acc-info {
    overflow-x: hidden;
  }
  ib-account-view .flex-table .acc-info > .flex-tr > .flex-td,
  .ib-account-view .flex-table .acc-info > .flex-tr > .flex-td {
    width: 100%;
  }
}
ib-account-view .flex-table .account-error-message,
.ib-account-view .flex-table .account-error-message {
  font-size: 12px;
}
#dropdownMenu1 {
  background-color: var(--ibc-white) !important;
  border: var(--border) !important;
}
.dropdown.with-hidden-dropdown-toggle {
  display: flex;
  flex-direction: column;
}
button.hidden-dropdown-toggle {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  opacity: 0;
}
input.ng-invalid.ng-dirty.ng-touched:not(:focus),
input.ng-invalid.ng-pristine.ng-touched:not(:focus) {
  outline: var(--color-text-negative-initial) solid 2px !important;
}
.ng-submitted input.ng-invalid {
  outline: var(--color-text-negative-initial) solid 2px !important;
}
.ng-submitted .ui-select-container.ng-invalid .btn.selectpicker,
.ng-submitted .ui-select-container.ng-invalid .ui-select-match .ui-select-toggle,
.ng-submitted ib-select-picker.ng-invalid .btn.selectpicker,
.ng-submitted ib-select-picker.ng-invalid .ui-select-match .ui-select-toggle {
  border: var(--color-text-negative-initial) solid 2px !important;
}
input.ng-invalid.novalidate {
  outline-color: transparent !important;
}
.input-box.invalid.withIcon::before {
  content: url(/tbcrd/assets/img/tbc-icon-warring.svg);
  right: 18px;
  margin-top: 4px;
  position: absolute;
}
.input-box.invalid > div {
  width: 100%;
  color: var(--color-text-negative-initial);
  padding: 10px 5px;
  font-size: 13px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  outline: var(--color-text-negative-initial) solid 2px !important;
}
.input-box.invalid.without-border > div {
  outline: none !important;
}
.alert-danger,
.tbc-login .mfa-error-code {
  background-color: var(--color-text-negative-initial);
  color: var(--color-text-strong-light);
  font-size: 13px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border: none;
}
.active .input-box.invalid > div {
  background-color: var(--color-text-negative-initial);
  color: var(--color-text-strong-light);
}
.active .input-box.invalid.without-border.active-yes > div {
  outline: inherit !important;
}
ib-file-manager,
[ib-file-manager],
.ib-file-manager {
  display: block;
  position: relative;
}
ib-file-manager .files:after,
[ib-file-manager] .files:after,
.ib-file-manager .files:after {
  content: "";
  display: block;
  clear: both;
}
ib-file-manager .files .file,
[ib-file-manager] .files .file,
.ib-file-manager .files .file {
  display: block;
  position: relative;
  float: left;
  width: 50%;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 1920px) {
  ib-file-manager .files .file,
  [ib-file-manager] .files .file,
  .ib-file-manager .files .file {
    width: 33%;
  }
}
ib-file-manager .files .file span,
[ib-file-manager] .files .file span,
.ib-file-manager .files .file span {
  position: relative;
  float: left;
  display: inline-block;
  height: 100%;
  overflow: hidden;
}
ib-file-manager .files .file .name,
[ib-file-manager] .files .file .name,
.ib-file-manager .files .file .name {
  width: 85%;
}
ib-file-manager .files .file .name span,
[ib-file-manager] .files .file .name span,
.ib-file-manager .files .file .name span {
  position: absolute;
  height: 100%;
  width: 100%;
}
ib-file-manager .files .file .name span.progress-ratio,
[ib-file-manager] .files .file .name span.progress-ratio,
.ib-file-manager .files .file .name span.progress-ratio {
  z-index: 0;
  width: 0;
  opacity: 0.5;
  background: var(--color-icon-primary-initial);
  transition: "width .4s ease, background-color .4s .4s ease, opacity 1s 1s ease";
}
@media (prefers-reduced-motion: reduce) {
  ib-file-manager .files .file .name span.progress-ratio,
  [ib-file-manager] .files .file .name span.progress-ratio,
  .ib-file-manager .files .file .name span.progress-ratio {
    transition: none;
  }
}
ib-file-manager .files .file .name span.progress-ratio.ratio-5,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-5,
.ib-file-manager .files .file .name span.progress-ratio.ratio-5 {
  width: 5%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-10,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-10,
.ib-file-manager .files .file .name span.progress-ratio.ratio-10 {
  width: 10%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-15,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-15,
.ib-file-manager .files .file .name span.progress-ratio.ratio-15 {
  width: 15%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-20,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-20,
.ib-file-manager .files .file .name span.progress-ratio.ratio-20 {
  width: 20%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-25,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-25,
.ib-file-manager .files .file .name span.progress-ratio.ratio-25 {
  width: 25%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-30,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-30,
.ib-file-manager .files .file .name span.progress-ratio.ratio-30 {
  width: 30%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-35,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-35,
.ib-file-manager .files .file .name span.progress-ratio.ratio-35 {
  width: 35%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-40,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-40,
.ib-file-manager .files .file .name span.progress-ratio.ratio-40 {
  width: 40%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-45,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-45,
.ib-file-manager .files .file .name span.progress-ratio.ratio-45 {
  width: 45%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-50,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-50,
.ib-file-manager .files .file .name span.progress-ratio.ratio-50 {
  width: 50%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-55,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-55,
.ib-file-manager .files .file .name span.progress-ratio.ratio-55 {
  width: 55%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-60,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-60,
.ib-file-manager .files .file .name span.progress-ratio.ratio-60 {
  width: 60%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-65,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-65,
.ib-file-manager .files .file .name span.progress-ratio.ratio-65 {
  width: 65%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-70,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-70,
.ib-file-manager .files .file .name span.progress-ratio.ratio-70 {
  width: 70%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-75,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-75,
.ib-file-manager .files .file .name span.progress-ratio.ratio-75 {
  width: 75%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-80,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-80,
.ib-file-manager .files .file .name span.progress-ratio.ratio-80 {
  width: 80%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-85,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-85,
.ib-file-manager .files .file .name span.progress-ratio.ratio-85 {
  width: 85%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-90,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-90,
.ib-file-manager .files .file .name span.progress-ratio.ratio-90 {
  width: 90%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-95,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-95,
.ib-file-manager .files .file .name span.progress-ratio.ratio-95 {
  width: 95%;
}
ib-file-manager .files .file .name span.progress-ratio.ratio-100,
[ib-file-manager] .files .file .name span.progress-ratio.ratio-100,
.ib-file-manager .files .file .name span.progress-ratio.ratio-100 {
  width: 100%;
  background-color: var(--color-text-positive-initial);
  opacity: 0;
}
ib-file-manager .files .file .name span.text,
[ib-file-manager] .files .file .name span.text,
.ib-file-manager .files .file .name span.text {
  z-index: 1;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
ib-file-manager .files .file .name span.text .size,
[ib-file-manager] .files .file .name span.text .size,
.ib-file-manager .files .file .name span.text .size {
  text-transform: lowercase;
  margin-left: 3px;
}
ib-file-manager .files .cancel,
[ib-file-manager] .files .cancel,
.ib-file-manager .files .cancel {
  width: 15%;
  background-image: url(/tbcrd/assets/img/glyphicon/attach.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
ib-file-manager .files .cancel:hover,
[ib-file-manager] .files .cancel:hover,
.ib-file-manager .files .cancel:hover {
  background-image: url(/tbcrd/assets/img/deleteattach2.png);
}
ib-file-manager.allow-download .name,
[ib-file-manager].allow-download .name,
.ib-file-manager.allow-download .name {
  cursor: pointer;
}
.tbc-wizard-steps.active ib-file-manager .files .file,
.tbc-wizard-steps.active [ib-file-manager] .files .file,
.tbc-wizard-steps.active .ib-file-manager .files .file {
  color: white;
}
.tbc-wizard-steps.active ib-file-manager .cancel,
.tbc-wizard-steps.active [ib-file-manager] .cancel,
.tbc-wizard-steps.active .ib-file-manager .cancel {
  background: transparent url(/tbcrd/assets/img/deleteattach-white.png) no-repeat center center;
}
.tbc-wizard-steps.active ib-file-manager .cancel:hover,
.tbc-wizard-steps.active [ib-file-manager] .cancel:hover,
.tbc-wizard-steps.active .ib-file-manager .cancel:hover {
  background-image: url(/tbcrd/assets/img/deleteattach-white.png);
  opacity: 0.7;
}
.attach-file {
  padding-right: 26px;
  margin-right: 20px;
  background-image: url(/tbcrd/assets/img/glyphicon/attachWhite.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 17px;
  cursor: pointer;
}
.attach-file.left-icon {
  padding-left: 26px;
  padding-right: 0;
  background-position: left center;
}
.attach-file:hover {
  opacity: 0.6;
}
#attach_file {
  position: absolute;
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.tbc-wizard-steps ib-file-manager {
  text-align: left;
  position: relative;
  top: 100px;
}
.tbc-wizard-steps ib-file-manager.with-radio {
  top: 0;
}
.tbc-wizard-steps span.option {
  text-decoration: none;
  color: var(--color-text-strong-light);
  font-size: 0.74375rem;
}
.tbc-wizard-steps .radio-farm {
  text-align: left;
}
.tbc-wizard-steps .attach-file {
  color: var(--color-text-strong-light);
  text-decoration: underline;
  margin-right: 0;
}
.tbc-wizard-steps .attach-file:hover {
  color: var(--color-text-strong-light);
  text-decoration: underline;
  font-weight: bold;
  opacity: 1;
}
.gauge {
  color: var(--color-text-strong-light);
  background: var(--brand-primary);
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  border-radius: 50%;
  line-height: 1;
  padding: 2px 5px;
  position: relative;
}
.box-menu .gauge,
.offers .gauge {
  top: 0px;
  left: 6px;
  padding: 2px 8px;
}
.nav.navbar-nav .gauge {
  position: absolute;
  top: 0;
  right: -19px;
  margin-top: 3px;
  padding: 5px 7px;
}
.nav.navbar-nav .gauge.main-menu {
  position: relative;
  top: -1px;
  right: -5px;
  padding: 2px 7px;
}
ib-mailbox-notification-widget .gauge,
[ib-mailbox-notification-widget] .gauge,
.ib-mailbox-notification-widget .gauge {
  display: block;
  position: absolute;
  top: -8px;
  right: -10px;
  font-size: 0.875rem;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-header-image {
  background-color: var(--color-icon-primary-initial);
  vertical-align: middle;
}
.tbc-header-image-responsive {
  mask-image: url(/tbcrd/assets/img/homepage/Logo.svg);
  -webkit-mask-image: url(/tbcrd/assets/img/homepage/Logo.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 36px;
  height: 60px;
  background-color: var(--color-icon-primary-initial);
  background-color: var(--color-icon-primary-initial);
  float: left;
  cursor: pointer;
}
.tbc-header-image-wrapper {
  float: left;
  height: 65px;
  line-height: 82px;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url(/tbcrd/assets/img/homepage/Logo-ka-inner.svg);
  background-size: auto 32px;
  width: 190px;
  cursor: pointer;
}
.tbc-header-image-nobg {
  height: 32px;
  cursor: pointer;
}
.loggedOut .tbc-header-image-wrapper {
  height: 70px;
  background-size: auto 36px;
}
.standard[lang=en] .tbc-header-image-wrapper,
.standard[lang=en-US] .tbc-header-image-wrapper {
  background-image: url(/tbcrd/assets/img/homepage/Logo-en-inner.svg);
}
.status[lang=en] .tbc-header-image-wrapper,
.status[lang=en-US] .tbc-header-image-wrapper {
  background-image: url(/tbcrd/assets/img/skins/status/logo-status-en.svg) !important;
}
.vip[lang=en] .tbc-header-image-wrapper,
.vip[lang=en-US] .tbc-header-image-wrapper {
  background-image: url(/tbcrd/assets/img/skins/vip/logo-vip-en.svg) !important;
}
.tbc-header {
  height: 66px;
  align-content: center;
}
.tbc-user-bar {
  float: right;
  padding-top: 5px;
  height: 65px;
  position: relative;
  align-content: center;
}
.tbc-user-bar .tbc-user {
  margin: 3px 5px;
  float: right;
  color: var(--color-text-strong-light);
  font-size: 16px;
}
.tbc-user-bar .tbc-user span {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  float: left;
  color: var(--color-text-strong-default);
}
.tbc-user-bar .tbc-user ib-profile-picture,
.tbc-user-bar .tbc-user ib-profile-picture-new {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  float: left;
}
.tbc-user-bar .tbc-user img {
  cursor: pointer;
  max-width: 34px;
  max-height: 34px;
  min-height: 34px;
  min-width: 34px;
  transition: all ease 0.5s;
}
.tbc-user-bar .tbc-user img:hover {
  transform: scale(1.2);
}
.tbc-user-bar .tbc-user.switchEnabled {
  cursor: pointer;
}
.tbc-user-bar .tbc-user.switchEnabled img {
  transition: none;
  transform: none;
}
.tbc-user-bar .tbc-user:after {
  content: "";
  display: block;
  clear: both;
}
.tbc-user-bar .tbc-logout {
  mask-image: url(/tbcrd/assets/tbcx/icons/logout-outlined.svg);
  -webkit-mask-image: url(/tbcrd/assets/tbcx/icons/logout-outlined.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
  background-color: var(--color-icon-soft-default);
  float: right;
  margin: 7px 0 5px 23px;
  cursor: pointer;
  transition: all ease 0.5s;
}
.tbc-user-bar .tbc-logout:hover {
  transform: scale(1.2);
}
.demo-mode .tbc-user img {
  cursor: pointer;
  max-width: inherit;
  max-height: inherit;
  min-height: inherit;
  min-width: inherit;
  transition: all ease 0.5s;
}
.demo-mode .tbc-user img.img-circle {
  border-radius: 0;
}
.tbc-nav-items {
  display: flex;
  padding-top: 6px;
  height: 40px;
}
.tbc-nav-items ib-dm-new-mail {
  position: absolute;
  left: 65px;
}
.tbc-nav-items .tbc-nav-item {
  height: 23px;
  min-width: 20px;
  margin: 5px 0 5px 13px;
  cursor: pointer;
  background-repeat: no-repeat;
}
.tbc-nav-items .fee-debt {
  cursor: auto;
}
.tbc-nav-items .dolar {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-dolar.svg) !important;
  width: 37px;
  position: relative;
  top: 1px;
}
.tbc-nav-items .dolar:hover,
.tbc-nav-items .dolar.active {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-dolar-blue.svg) !important;
}
.tbc-nav-items .my-money-report {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-my-money-report.svg) !important;
  background-size: 18px auto;
  background-position: top center;
  background-repeat: no-repeat;
  float: left;
  margin-top: 2px;
}
.tbc-nav-items .my-money-report:hover {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-my-money-report-blue.svg) !important;
}
.tbc-nav-items .my-money-report .notification {
  height: 4px;
  width: 5px;
  background: red;
  float: right;
  margin-right: -7px;
  border-radius: 50%;
}
.tbc-nav-items .mail {
  mask-image: url(/tbcrd/assets/tbcx/icons/envelope-outlined.svg);
  -webkit-mask-image: url(/tbcrd/assets/tbcx/icons/envelope-outlined.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
  background-color: var(--color-icon-soft-default);
  position: relative;
  top: -2px;
}
.tbc-nav-items .mail:hover,
.tbc-nav-items .mail.active {
  background-color: var(--color-icon-primary-initial);
}
.tbc-nav-items .online-chat {
  mask-image: url(/tbcrd/assets/tbcx/icons/chat-outlined.svg);
  -webkit-mask-image: url(/tbcrd/assets/tbcx/icons/chat-outlined.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
  background-color: var(--color-icon-soft-default);
}
.tbc-nav-items .online-chat:hover,
.tbc-nav-items .online-chat.active {
  background-color: var(--color-icon-primary-initial);
}
.tbc-nav-items .question {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-question.svg) !important;
  width: 20px;
}
.tbc-nav-items .question:hover,
.tbc-nav-items .question.active {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-question-blue.svg) !important;
}
.tbc-nav-items .settings {
  mask-image: url(/tbcrd/assets/tbcx/icons/settings-outlined.svg);
  -webkit-mask-image: url(/tbcrd/assets/tbcx/icons/settings-outlined.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
  background-color: var(--color-icon-soft-default);
  position: relative;
  top: -2px;
}
.tbc-nav-items .settings:hover,
.tbc-nav-items .settings.active {
  background-color: var(--color-stroke-primary-initial);
}
.home {
  background-image: url(/tbcrd/assets/img/main/tbc-home-icon.svg);
  background-repeat: no-repeat;
  background-size: 24px 22px;
  width: 30px;
  height: 23px;
  margin: 11px 0 5px 16px;
  position: relative;
  top: -2px;
}
.home:hover,
.home.active {
  background-image: url(/tbcrd/assets/img/main/tbc-home-icon-active.svg);
}
.container > .navbar-collapse,
.bottomBanner .banner-navigation > .navbar-collapse,
.topBanner .banner-navigation > .navbar-collapse {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.navbar {
  height: 56px;
  min-height: 40px !important;
  max-height: 56px !important;
}
.navbar-nav li {
  position: relative;
  display: block;
}
.navbar-nav > li > a {
  padding: 10px 15px;
}
.navbar-nav > li > a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 79.9375em) {
  .navbar-nav {
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: max-content;
  }
}
@media only screen and (max-width: 79.9375em) {
  .navbar-nav li a.main-menu-item {
    padding: 10px 12px !important;
    font-size: 14px !important;
    text-decoration: none !important;
  }
}
@media (min-width: 0px) {
  .navbar-nav > li:first-child > a {
    padding-left: 0;
  }
  .navbar-nav > li:last-child > a {
    padding-right: 0 !important;
  }
  .navbar-nav > li ib-tooltip .tooltip {
    top: -40px !important;
  }
  .navbar-nav > li > a {
    display: block;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-toggle {
    display: none !important;
  }
}
.tbc-loc {
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  display: block;
  width: 100%;
  min-width: 320px;
  background-color: white;
  min-height: 55px;
  position: sticky;
  top: 122px;
  z-index: 1000;
  border-top: 1px solid var(--color-stroke-soft-initial);
}
@media screen and (max-width: 600px) {
  .tbc-loc {
    margin-top: 65px;
    top: 65px;
  }
}
.tbc-loc.logout-loc {
  height: 88px;
}
@media (max-width: 1280px) {
  .tbc-loc.logout-loc .bar .fblock80 {
    width: 75%;
  }
  .tbc-loc.logout-loc .bar .fblock20 {
    width: 25%;
  }
}
.tbc-loc.logout-loc .bar h1 {
  line-height: 24px !important;
}
.tbc-loc .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
.tbc-loc .bar {
  position: relative;
}
.tbc-loc .bar h1 {
  font-size: 22px;
  margin: 0;
  line-height: 55px;
  float: left;
}
.tbc-loc .bar .bar-widget {
  float: right;
  height: 100%;
  line-height: 65px;
  position: relative;
}
.tbc-loc .bar .bar-widget .user-widget {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  margin: 8px 9px 7px 9px;
  border: 2px solid var(--color-text-disabled-default);
  text-align: center;
  color: var(--color-text-disabled-default);
  font-size: 1.88125rem;
  border-radius: 50px;
  cursor: pointer;
  background-size: 80%;
  background-image: url(/tbcrd/assets/img/main/tbc-icon-settings-gray.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.tbc-loc .bar .bar-widget .user-widget:hover:not(.remove),
.tbc-loc .bar .bar-widget .user-widget.active {
  border-color: var(--color-stroke-primary-initial);
  background-image: url(/tbcrd/assets/img/main/tbc-icon-settings-blue.svg);
}
.tbc-loc .bar .bar-widget .user-widget:hover:not(.remove) span.substitution,
.tbc-loc .bar .bar-widget .user-widget.active span.substitution {
  color: var(--color-stroke-primary-initial);
}
.tbc-loc .bar .bar-widget .user-widget.preferences {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-settings-gray.svg);
}
.tbc-loc .bar .bar-widget .user-widget.preferences:hover,
.tbc-loc .bar .bar-widget .user-widget.preferences.active {
  background-image: url(/tbcrd/assets/img/main/tbc-icon-settings-dark-blue.svg);
}
.tbc-loc .bar .bar-widget .user-widget.transfers {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-transfer-gray.png);
}
.tbc-loc .bar .bar-widget .user-widget.transfers:hover:not(.remove),
.tbc-loc .bar .bar-widget .user-widget.transfers.active {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-transfer-blue.png);
}
.tbc-loc .bar .bar-widget .user-widget.transfer-mobile {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-mobile-number-gray.png);
}
.tbc-loc .bar .bar-widget .user-widget.transfer-mobile:hover:not(.remove),
.tbc-loc .bar .bar-widget .user-widget.transfer-mobile.active {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-mobile-number-blue.png);
}
.tbc-loc .bar .bar-widget .user-widget.transfer-someone-else {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-someone-gray.png);
}
.tbc-loc .bar .bar-widget .user-widget.transfer-someone-else:hover:not(.remove),
.tbc-loc .bar .bar-widget .user-widget.transfer-someone-else.active {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-someone-blue.png);
}
.tbc-loc .bar .bar-widget .user-widget.mobile {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-mobile-gray.png);
}
.tbc-loc .bar .bar-widget .user-widget.mobile:hover:not(.remove),
.tbc-loc .bar .bar-widget .user-widget.mobile.active {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-mobile-blue.png);
}
.tbc-loc .bar .bar-widget .user-widget.document {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-document-gray.png);
}
.tbc-loc .bar .bar-widget .user-widget.document:hover:not(.remove),
.tbc-loc .bar .bar-widget .user-widget.document.active {
  background-image: url(/tbcrd/assets/img/homepage/tbc-icon-quick-document-blue.png);
}
.tbc-loc .bar .bar-widget .user-widget.word-caps {
  background-image: none;
}
.tbc-loc .bar .bar-widget .user-widget.word-caps:hover:not(.remove),
.tbc-loc .bar .bar-widget .user-widget.word-caps.active {
  background-image: none;
  color: var(--color-stroke-primary-initial);
}
.tbc-loc .bar:after {
  content: "";
  display: block;
  clear: both;
}
.tbc-loc ul.submenu {
  list-style: none;
  margin-left: 0;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 20px;
  margin-right: auto;
}
.tbc-loc ul.submenu li {
  display: inline-block;
  margin-right: 36px !important;
  font-size: 16px;
  cursor: pointer !important;
}
.tbc-loc ul.submenu li a {
  color: var(--color-text-soft-dark);
  text-decoration: none;
}
.tbc-loc ul.submenu li a.active,
.tbc-loc ul.submenu li a.active:hover {
  color: var(--color-icon-primary-initial);
  border-bottom: 3px solid var(--color-icon-primary-initial);
  display: inline-block;
  padding-bottom: 10px;
}
.tbc-loc ul.submenu li:hover a {
  color: var(--color-text-soft-dark);
}
.tbc-loc ul.submenu li:hover a.active,
.tbc-loc ul.submenu li:hover a.active:hover {
  color: var(--color-icon-primary-initial);
}
.tbc-header-bar .bar-button {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  display: block;
  float: right;
  height: 70px;
  width: 219px;
}
.tbc-header-bar .bar-button .btn {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 70px;
  width: 100%;
  padding-left: 70px;
  white-space: normal;
  font-size: 15px;
  line-height: 15px;
  text-align: left;
  color: var(--color-text-soft-dark);
  background-color: var(--color-surface-warning-initial);
  background-image: url(/tbcrd/assets/img/login/corporate-icon.svg);
  background-repeat: no-repeat;
  background-position: center left 22px;
  background-size: 35px 30px;
}
.tbc-header-bar .bar-button .btn:hover {
  opacity: 0.9;
}
.registration-header {
  float: right;
  line-height: 70px;
  color: var(--color-text-strong-light);
}
body.public .tbc-header {
  height: 70px;
}
body.public .tbc-header-image-wrapper .tbc-header-image {
  position: relative;
  top: 6px;
}
body.public .tbc-loc {
  margin-top: 70px !important;
}
body.public .tbc-loc .bar h1 {
  line-height: 88px;
  color: var(--color-surface-high-initial);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
}
body.login .tbc-loc {
  height: 0;
  min-height: 0;
  max-height: 0;
  overflow: hidden;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.modal-selectphoto .modal-content .modal-body,
.modal-selectphoto .modal-error-content .modal-body,
.modal-selectphoto .modal-success-content .modal-body,
.modal-error-content .modal-selectphoto .modal-content .modal-error-body,
.modal-selectphoto .modal-error-content .modal-error-body,
.modal-error-content .modal-selectphoto .modal-success-content .modal-error-body,
.modal-success-content .modal-selectphoto .modal-content .modal-success-body,
.modal-success-content .modal-selectphoto .modal-error-content .modal-success-body,
.modal-selectphoto .modal-success-content .modal-success-body {
  padding: 0 0 30px 0;
}
.profile-image {
  float: left;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.profile-image.no-image {
  background-image: url(/tbcrd/assets/img/transfers/icon-to-blue.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.drop-box {
  width: 100%;
  min-height: 300px;
  text-align: center;
}
.dragover .dragPhoto {
  border: 3px dashed var(--color-stroke-primary-initial);
}
.dragPhoto {
  width: 125px;
  height: 125px;
  margin: 30px auto 0px;
  background-color: transparent;
  background-image: url(/tbcrd/assets/img/template/drag-photo-nophoto.png);
  background-repeat: no-repeat;
  overflow: hidden;
}
.dragPhoto.no-image {
  background-image: none;
}
.dragPhoto img {
  vertical-align: top;
  width: 125px;
}
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  margin: 30px 0 0 0;
}
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: var(--color-surface-high-dark-initial);
}
.progress-ratio {
  display: block;
  height: 30px;
  background-color: blue;
}
.progress-ratio.ratio-100 {
  width: 100%;
  background-color: var(--color-text-positive-initial);
}
.cropArea {
  overflow: hidden;
  height: 500px;
}
.big-hint,
.tbc-box-product .product-main-info .info-hint,
.homeList .info-hint,
.demo-mode .tbc-nav-items .info-hint,
.tbc-box-products.card .info-hint,
ib-fee-debt-hint .info-hint,
.info-hint.big-hint {
  width: 20px;
  height: 20px;
  line-height: 1.2em;
  background-size: 20px 20px !important;
}
.info-hint.small-hint {
  width: 14px;
  height: 14px;
  line-height: 1.2em;
  background-size: 14px 14px !important;
}
.info-hint {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 0.33em;
  font-size: 0.66em;
  text-align: center;
  vertical-align: baseline;
  border: none;
  max-width: 250px;
  max-height: 55px;
  cursor: pointer;
  background-image: url(/tbcrd/assets/img/products/info-icon-grey.svg);
  background-size: 14px 14px;
  background-repeat: no-repeat;
}
.info-hint.empty {
  display: none;
}
.info-hint.help-hint {
  width: 14px;
  height: 14px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 0 solid transparent;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/tbcrd/assets/img/login/hint-help.png);
}
.info-hint.help-hint::before {
  content: "";
}
.info-hint.help-hint:hover {
  border: 0 solid transparent;
  background-color: transparent;
  background-image: url(/tbcrd/assets/img/login/hint-help-blue.png);
}
.info-hint.help-hint:hover::before {
  content: "";
}
.info-hint.blue,
.tbc-box.tbc-box-product .info-hint.info {
  border: none;
  line-height: 1.5em;
  background-image: url(/tbcrd/assets/img/products/info-icon-blue.svg);
}
.info-hint.blue:hover,
.tbc-box.tbc-box-product .info-hint.info:hover {
  background-image: url(/tbcrd/assets/img/products/info-icon-blue-fill.svg);
}
.info-hint.floating {
  position: relative;
  margin-right: -1.5em;
}
.info-hint.error-hint {
  background-image: url(/tbcrd/assets/img/products/warn-hint-red.svg);
  background-size: 20px 20px;
}
.info-hint.error-hint:hover {
  background-image: url(/tbcrd/assets/img/products/warn-hint-red-fill.svg);
}
.info-hint.error-hint.no-hover {
  cursor: auto;
}
.info-hint.error-hint.no-hover:hover {
  background-image: url(/tbcrd/assets/img/products/warn-hint-red.svg);
}
.info-hint.error-hint-fill {
  background-image: url(/tbcrd/assets/img/products/warn-hint-red-fill.svg);
}
.info-hint.error-hint-fill:hover {
  cursor: auto;
  background-image: url(/tbcrd/assets/img/products/warn-hint-red-fill.svg);
}
.info-hint.wait-hint {
  background-image: url(/tbcrd/assets/img/homepage/tbc-wait-icon.svg);
}
.info-hint.wait-hint:hover {
  background-image: url(/tbcrd/assets/img/homepage/tbc-wait-icon.svg);
}
.info-hint.ready-hint {
  background-image: url(/tbcrd/assets/img/homepage/tbc-ready-icon.svg);
}
.info-hint.ready-hint:hover {
  background-image: url(/tbcrd/assets/img/homepage/tbc-ready-icon.svg);
}
.info-hint:hover {
  background-image: url(/tbcrd/assets/img/products/info-icon-blue-fill.svg);
}
.info-hint.currency-hint {
  position: relative;
  top: 5px;
}
.info-hint.info-hint-white {
  background-image: url(/tbcrd/assets/img/products/info-icon-white.svg);
  background-size: 14px 14px;
}
.info-hint.info-hint-white:hover {
  background-image: url(/tbcrd/assets/img/products/info-icon-white-fill.svg);
}
.info-hint.info-hint-red {
  border: none;
  line-height: 1.5em;
  background-image: url(/tbcrd/assets/img/products/info-icon-red.svg);
  background-size: 14px 14px;
  background-repeat: none;
}
.info-hint.info-hint-red:hover {
  color: var(--color-text-strong-light);
  background-image: url(/tbcrd/assets/img/products/info-icon-red-fill.svg);
}
.info-hint.info-hint-red .tooltip {
  color: var(--color-surface-negative-initial) !important;
}
.info-hint.info-hint-red .tooltip div,
.info-hint.info-hint-red .tooltip span {
  color: var(--color-surface-negative-initial) !important;
}
.info-hint.dueIcon {
  display: inline-block;
  height: 22px;
  width: 22px;
  background-image: url(/tbcrd/assets/img/bill-payment/due-date.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.info-hint.dueIcon:hover {
  background-image: url(/tbcrd/assets/img/bill-payment/due-date-hover.svg);
}
.info-hint.product-widget-overdue-hint {
  margin-top: -2px !important;
}
.homeList .info-hint,
.tbc-nav-items .info-hint,
ib-fee-debt-hint .info-hint {
  font-size: 13px;
  width: 20px;
  height: 20px;
  border: none;
  background-size: 20px 20px;
}
.tbc-nav-items .info-hint {
  line-height: 1.15em;
  top: 0px;
  background-size: 20px 20px !important;
  width: 20px;
  height: 20px;
}
.homeList .error-hint-dash-1 {
  min-height: 0;
}
.homeList .error-hint-dash-1 .error-hint {
  margin-top: 7px;
}
.homeList .error-hint-dash-2 {
  overflow: visible !important;
  min-height: 0;
  margin-top: -4px;
}
.homeList .error-hint-dash-2 .error-hint {
  margin-top: 6px;
}
.product-detail-info .info-hint {
  position: relative;
  top: 1px;
  left: 5px;
  width: 14px;
}
.product-total .info-hint {
  margin-left: 0 !important;
}
.currency-hint {
  margin-left: 0;
  margin-right: 8px;
}
.card-special-hint {
  min-width: 180px;
}
.card-special-hint tr td {
  text-align: right;
}
.card-special-hint tr td:first-child {
  text-align: left;
  padding-right: 20px;
}
.card-special-hint tr td:last-child {
  padding-left: 4px;
}
.error-red {
  color: var(--color-surface-negative-initial) !important;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.inp-white {
  background-color: var(--color-text-strong-light);
}
input,
.ib-wizard input[matInput] {
  background-color: var(--color-surface-low-initial);
  border: 0px solid transparent;
  border-top: 2px solid var(--color-surface-low-initial);
  color: var(--color-text-soft-dark);
  padding: 0px 10px;
  font-size: 1.09375rem;
  width: auto;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
.ib-wizard input[matInput][type=number]::-webkit-inner-spin-button,
.ib-wizard input[matInput][type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number],
.ib-wizard input[matInput][type=number] {
  -moz-appearance: textfield;
}
input:focus,
.ib-wizard input[matInput]:focus {
  outline: 2px solid var(--color-stroke-primary-initial) !important;
  color: var(--color-text-soft-dark);
}
input.inp-error,
input.inp-error:focus,
.ib-wizard input[matInput].inp-error,
.ib-wizard input[matInput].inp-error:focus {
  outline: 2px solid var(--color-surface-negative-initial) !important;
}
input:required,
.ib-wizard input[matInput]:required {
  box-shadow: none;
}
.app-card.so-form ib-template-edit-form input.input-group[disabled],
.app-card.so-form ib-template-edit-form input.input-group[readonly] {
  color: var(--color-text-disabled-default);
  -webkit-text-fill-color: var(--color-stroke-strong-initial);
}
.inp-error input,
.inp-error input:focus {
  outline: 2px solid var(--color-surface-negative-initial) !important;
}
input.inp-lg,
.inp-lg > input {
  height: 60px;
  line-height: 60px;
}
input.normal,
.normal > input {
  background-color: var(--color-text-strong-light);
  border: 1px solid var(--color-stroke-strong-initial);
  border-top: 1px solid var(--color-stroke-strong-initial);
}
input.inp-md,
.inp-md > input {
  height: 38px;
  line-height: 38px;
  font-size: 1.09375rem;
}
input.inp-md2,
.inp-md2 > input {
  height: 50px;
  line-height: 50px;
}
input.inp-med,
.inp-med > input {
  height: 48px;
  line-height: 48px;
}
.tbc-tu-edit input.inp-med,
.tbc-tu-edit .inp-med > input {
  height: 44px;
  line-height: 44px;
  font-size: 0.875rem;
}
ib-filter-range,
ib-filter-search {
  color: var(--color-text-soft-default);
  font-size: 13px;
}
ib-filter-range input,
ib-filter-search input {
  color: var(--color-text-soft-dark);
}
ib-filter-range input.hover,
ib-filter-search input.hover {
  color: var(--color-text-soft-dark);
}
ib-filter-range input:focus::-webkit-input-placeholder,
ib-filter-search input:focus::-webkit-input-placeholder {
  color: transparent;
}
ib-filter-range input:focus:-moz-placeholder,
ib-filter-search input:focus:-moz-placeholder {
  color: transparent;
}
ib-filter-range input:focus::-moz-placeholder,
ib-filter-search input:focus::-moz-placeholder {
  color: transparent;
}
ib-filter-range input:focus:-ms-input-placeholder,
ib-filter-search input:focus:-ms-input-placeholder {
  color: transparent;
}
ib-filter-range label,
ib-filter-search label {
  color: var(--color-text-soft-dark);
}
.tbc-wizard-steps.step2.active form .inp-lg > input,
.tbc-wizard-steps.step2.active form input.inp-lg {
  height: 48px;
  line-height: 48px;
  font-size: 1.09375rem;
}
.withGEL > input,
input.withGEL,
input.withgel {
  width: 100%;
  padding-right: 48px;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-image: url(/tbcrd/assets/img/currency/withgel.png);
}
.withUSD > input,
input.withUSD,
input.withusd {
  width: 100%;
  padding-right: 48px;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-image: url(/tbcrd/assets/img/currency/withusd.png);
}
.withCZK > input,
input.withCZK,
input.withczk {
  width: 100%;
  padding-right: 48px;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-image: url(/tbcrd/assets/img/currency/withczk.png);
}
.withEUR > input,
input.withEUR,
input.witheur {
  width: 100%;
  padding-right: 48px;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-image: url(/tbcrd/assets/img/currency/witheur.png);
}
.withGBP > input,
input.withGBP,
input.withgbp {
  width: 100%;
  padding-right: 48px;
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-image: url(/tbcrd/assets/img/currency/withgbp.png);
}
.tbc-wizard-steps:not(.active) input[disabled],
.tbc-wizard-steps:not(.active) *[disabled] > input {
  color: var(--color-text-disabled-default);
}
input[type=search] {
  background-color: var(--color-surface-low-hovered);
  background-image: url(/tbcrd/assets/img/search-icon.svg);
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 18px 18px;
  border-top: solid 2px transparent;
  padding: 13px 14px 13px 43px;
  width: 100%;
  color: var(--color-text-disabled-default);
  font-size: 0.875rem;
}
input[type=search]:focus,
input[type=search]:hover {
  outline: 0 solid transparent !important;
  border-top: solid 2px var(--color-stroke-soft-initial);
  color: var(--color-text-soft-dark);
}
input[type=search]:focus::-webkit-search-cancel-button,
input[type=search]:hover::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  background: transparent url(/tbcrd/assets/img/tbc-icon-close.svg) no-repeat 0 center;
  cursor: pointer;
  display: none;
  margin-left: 5px;
}
input[type=search]:hover::-webkit-search-cancel-button,
input[type=search]:focus::-webkit-search-cancel-button {
  display: block;
}
.quick-filters input[type=search].non-empty {
  color: var(--color-text-soft-dark);
}
.quick-filters input[type=search].collapsible {
  background-image: url(/tbcrd/assets/img/search-icon.svg);
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 18px;
  border-top: solid 0 transparent;
  cursor: pointer;
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  width: 20px !important;
}
.quick-filters input[type=search].collapsible:hover {
  background-image: url(/tbcrd/assets/img/search-icon-hover.svg);
}
.quick-filters input[type=search].collapsible:focus,
.quick-filters input[type=search].collapsible.non-empty {
  background-color: var(--color-surface-low-hovered) !important;
  background-image: none;
  border-top: solid 2px transparent !important;
  cursor: text;
  padding-left: 14px;
  padding-right: 14px;
  color: var(--color-text-soft-dark);
  width: 210px !important;
  opacity: 1;
}
.quick-filters input[type=search].collapsible:focus {
  transition: width 1s;
}
.ib-dropdown-header input[type=search] {
  background-color: transparent;
  background-image: url(/tbcrd/assets/img/search-icon-blue.svg);
  background-repeat: no-repeat;
  background-position: 14px center;
  border-top: solid 0 transparent;
  cursor: pointer;
  padding-left: 42px;
  color: var(--color-text-soft-dark);
  transition: none;
}
.ib-dropdown-header input[type=search]::placeholder {
  color: var(--color-text-soft-dark) !important;
}
.ib-dropdown-header input[type=search]:hover {
  opacity: 0.8;
}
.ib-dropdown-header input[type=search]:focus {
  background-image: none !important;
  cursor: text;
  color: var(--color-text-soft-dark);
  padding-left: 14px;
  opacity: 1;
}
div.delete-input {
  display: inline-block;
  background: transparent url(/tbcrd/assets/img/tbc-icon-close.svg) no-repeat center center;
  cursor: pointer;
  height: 18px;
  width: 18px;
  opacity: 0.6;
  background-size: 18px;
}
div.delete-input:hover {
  opacity: 0.4;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  background-color: white !important;
  background-image: inherit !important;
  color: inherit !important;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
input::-webkit-calendar-picker-indicator {
  display: none;
}
input[type=date]::-webkit-input-placeholder {
  visibility: hidden !important;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
[ib-loader] {
  position: relative;
}
.ib-loader {
  display: none;
}
.ib-loader-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-overlay-lighten-subtle-initial);
  z-index: 11;
}
.ib-loader-overlay.transparent {
  background-color: transparent;
}
.ib-loader-overlay .ib-loader {
  display: block;
  width: 64px;
  margin-left: -32px;
  height: 32px;
  margin-top: -16px;
  position: absolute;
  z-index: 12;
  top: 50%;
  left: 50%;
  opacity: 0.7;
}
.ib-loader-overlay .ib-loader::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-top: 2px solid var(--color-icon-primary-initial);
  border-right: 2px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.ib-loader-overlay .ib-loader.white::after {
  position: absolute;
  left: 25%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-top: 2px solid var(--color-text-strong-light);
  border-right: 2px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.ib-loader-overlay.ib-big-loader {
  background-color: var(--color-overlay-lighten-subtle-initial);
  z-index: 1050 !important;
  position: fixed !important;
}
.ib-tiny-loader {
  display: none;
}
.ib-tiny-loader-overlay {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--color-surface-high-dark-hovered);
  z-index: 11;
}
.ib-tiny-loader-overlay.transparent {
  background-color: transparent;
}
.ib-tiny-loader-overlay .ib-tiny-loader {
  display: block !important;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  margin-top: -9px;
  background-size: 100%;
  position: absolute;
  z-index: 12;
  top: 50%;
  left: 50%;
}
.ib-tiny-loader-overlay .ib-tiny-loader::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-top: 2px solid var(--color-icon-primary-initial);
  border-right: 2px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  width: 15px;
  height: 15px;
}
.ib-loader-tiny-inline {
  position: relative;
  background-size: 15px !important;
  display: inline-block;
  height: 15px;
  margin-left: 10px;
  width: 15px;
}
.ib-loader-tiny-inline::after {
  content: "";
  position: absolute;
  left: 25%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-top: 2px solid var(--color-icon-primary-initial);
  border-right: 2px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ib-agreement-loader-overlay {
  display: block;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  border: 2px solid var(--color-stroke-soft-initial);
  background-color: var(--color-text-soft-inverted);
  z-index: 11;
}
.ib-agreement-loader-overlay.transparent {
  background-color: transparent;
}
.ib-agreement-loader-overlay .ib-agreement-loader {
  display: block !important;
  width: 100%;
  height: 32px;
  margin-top: -16px;
  background-size: auto;
  position: absolute;
  z-index: 12;
  top: 36%;
  padding-top: 40px;
  text-align: center;
}
.ib-agreement-loader-overlay .ib-agreement-loader::after {
  content: "";
  top: -18%;
  position: absolute;
  left: 25%;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border-top: 2px solid var(--color-icon-primary-initial);
  border-right: 2px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  left: 50%;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.messageSuccess,
.messageSuccessNew,
.messageWarning {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 35px 35px;
  padding-left: 50px;
  min-height: 35px;
  font-size: 24px;
}
.messageSuccess.tiny,
.tiny.messageSuccessNew,
.messageWarning.tiny {
  background-position: left center;
  background-size: 25px;
  padding-left: 35px !important;
  min-height: 25px;
  font-size: 14px;
}
.messageSuccess.withoutText,
.withoutText.messageSuccessNew,
.messageWarning.withoutText {
  font-size: 20px;
}
.messageSuccess,
.messageSuccessNew {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-size: 35px 35px;
  color: var(--color-text-positive-initial);
}
.messageSuccessNew {
  background-image: url(/tbcrd/assets/img/clock.svg);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  color: var(--color-text-soft-inverted);
}
.messageWarning {
  background-image: url(/tbcrd/assets/img/tbc-icon-warring.svg);
  color: var(--color-text-negative-initial);
}
.messageWarning-text {
  color: var(--color-text-negative-initial);
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .msg-block {
    height: 41px;
    margin-top: 1px;
  }
}
.confirm-security-level .marbott30.padleft115,
ib-signatures .certificationForm .marbott30.padleft150,
ib-signatures .certificationForm .marbott30.padleft115 {
  padding-left: 156px !important;
}
ib-signatures .certificationForm .marbott30.padleft115 {
  padding-top: 10px;
}
.tbc-box.tbc-box-overview {
  padding: 0px;
}
.tbc-box.tbc-box-overview .overview-info,
.tbc-box.tbc-box-overview .box-menu,
.tbc-box.tbc-box-overview .offer-menu,
.tbc-box.tbc-box-overview .overview-main,
.tbc-box.tbc-box-overview .offer-main {
  min-height: 200px;
  height: auto;
}
.tbc-box.tbc-box-overview .overview-info,
.tbc-box.tbc-box-overview .box-menu,
.tbc-box.tbc-box-overview .offer-menu {
  padding: 30px;
  background-color: var(--color-surface-higher-initial);
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
  font-size: 13px;
  min-height: 575px;
}
.tbc-box.tbc-box-overview .overview-info h4,
.tbc-box.tbc-box-overview .box-menu h4,
.tbc-box.tbc-box-overview .offer-menu h4 {
  font-size: 16px;
}
.tbc-box.tbc-box-overview .overview-info a,
.tbc-box.tbc-box-overview .box-menu a,
.tbc-box.tbc-box-overview .offer-menu a {
  font-size: inherit;
}
.tbc-box.tbc-box-overview .overview-info .description,
.tbc-box.tbc-box-overview .box-menu .description,
.tbc-box.tbc-box-overview .offer-menu .description {
  max-height: 40px;
  overflow: hidden;
}
.tbc-box.tbc-box-overview .overview-main,
.tbc-box.tbc-box-overview .offer-main {
  padding: 30px 120px 30px 60px;
  background-color: var(--color-text-strong-light);
  border-left: 1px solid var(--color-stroke-soft-initial);
  font-size: 13px;
}
.tbc-box.tbc-box-overview .overview-main h4,
.tbc-box.tbc-box-overview .offer-main h4 {
  font-size: 16px;
  margin-bottom: 25px;
}
.tbc-box.tbc-box-overview .overview-main a,
.tbc-box.tbc-box-overview .offer-main a {
  font-size: inherit;
}
.tbc-box.tbc-box-overview ib-transaction-categorization,
.tbc-box.tbc-box-overview ib-history-details-categorization {
  display: block;
}
.tbc-box.tbc-box-overview ib-transaction-categorization a,
.tbc-box.tbc-box-overview ib-history-details-categorization a {
  cursor: pointer;
}
.tbc-box.tbc-box-overview ib-transaction-categorization small.currency,
.tbc-box.tbc-box-overview ib-history-details-categorization small.currency {
  color: var(--color-text-disabled-default);
  margin-left: 5px;
}
.tbc-box.tbc-box-overview ib-transaction-categorization .cat-label,
.tbc-box.tbc-box-overview ib-history-details-categorization .cat-label {
  margin-right: 5px;
}
.tbc-box.tbc-box-overview ib-transaction-category,
.tbc-box.tbc-box-overview ib-transaction-category-old {
  display: block;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-image,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-image {
  width: 67%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  cursor: pointer;
}
@media (max-width: 1280px) {
  .tbc-box.tbc-box-overview ib-transaction-category .cat-image,
  .tbc-box.tbc-box-overview ib-transaction-category-old .cat-image {
    width: 35%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: block;
    min-height: 1px;
  }
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-image .cat-image-box,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-image .cat-image-box {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent none no-repeat center center;
  background-size: contain;
  float: left;
  width: 40px;
  height: 40px;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-image .cat-image-box img,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-image .cat-image-box img {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-image .cat-image-box img[src],
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-image .cat-image-box img[src] {
  display: block;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-image .cat-name,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-image .cat-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  font-size: 16px;
  line-height: 37px;
  text-indent: 5px;
  width: calc(100% - 40px);
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info {
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  position: relative;
  display: flex;
}
@media (max-width: 1280px) {
  .tbc-box.tbc-box-overview ib-transaction-category .cat-info,
  .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info {
    width: 35%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: block;
    min-height: 1px;
  }
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-label,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-label {
  margin-right: 5px;
  line-height: 0.875rem;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-amount,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-amount {
  line-height: 40px;
  flex: 1;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-input {
  height: 40px;
  line-height: 40px;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-input input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-input input {
  margin-right: 15px;
  width: 65%;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-iban,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-iban {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 0.875rem;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-links,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-links {
  line-height: 40px;
  flex: 1;
  display: flex;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-links .cat-link,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-links .cat-link {
  margin-right: 5px;
  flex: 1;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-links .cat-link.split:hover,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-links .cat-link.split:hover {
  color: var(--color-icon-primary-initial);
  cursor: pointer;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-links .cat-link:last-child,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-links .cat-link:last-child {
  margin-right: 0;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-links .cat-link.remove,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-links .cat-link.remove {
  display: block;
  background-image: url(/tbcrd/assets/img/tbc-icon-close.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-color: transparent;
  background-size: 14px 14px;
  cursor: pointer;
  height: 14px;
  width: 14px;
  position: relative;
  margin-left: 10px;
  top: 12px;
  right: 0;
  flex: 1;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-text,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-text {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.875rem;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-buttons,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-buttons {
  position: relative;
  height: 40px;
  line-height: 40px;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-buttons .cat-button,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-buttons .cat-button {
  display: inline-block;
  line-height: inherit;
  height: 100%;
  float: right;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-buttons .cat-button.split .btn,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-buttons .cat-button.split .btn {
  height: 100%;
  line-height: inherit;
  padding-top: 0;
  padding-bottom: 0;
}
.tbc-box.tbc-box-overview ib-transaction-category .cat-buttons:after,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-buttons:after {
  content: "";
  display: block;
  clear: both;
}
.tbc-box.tbc-box-overview .detail-list h4 {
  margin-top: 0px;
}
.tbc-box.tbc-box-overview .detail-list .detail-line {
  width: 100%;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
}
.tbc-box.tbc-box-overview .detail-list .detail-line ib-profile-picture,
.tbc-box.tbc-box-overview .detail-list .detail-line ib-profile-picture-new {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .uppercase-text {
  text-transform: uppercase;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .hide-toggle-button {
  margin-right: 10px;
  float: left;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .hide-toggle-button:hover {
  text-decoration: underline;
}
.tbc-box.tbc-box-overview .detail-list .detail-line:after {
  content: "";
  display: block;
  clear: both;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .detail-half {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  overflow: hidden;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .detail-half:nth-child(2n) {
  padding-right: 10px;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .detail-half:nth-child(2n+1):after {
  content: "";
  display: block;
  clear: both;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .detail-half ul.attachments {
  list-style-type: none;
  color: var(--color-text-soft-inverted);
  padding: 0;
  margin: 0;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .detail-half ul.attachments span {
  padding-right: 20px;
  background-image: url(/tbcrd/assets/img/glyphicon/attach.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center right;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 5px;
  margin-top: 3px;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-1,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-2 {
  background-image: url(/tbcrd/assets/img/homepage/tbc-wait-icon.svg);
  background-size: 13px 13px;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-3 {
  background-image: url(/tbcrd/assets/img/homepage/tbc-ready-icon.svg);
  background-size: 13px 13px;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-4 {
  background-image: url(/tbcrd/assets/img/homepage/tbc-pending-icon.svg);
  background-size: 13px 13px;
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-f,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-succeed {
  background-color: var(--color-text-positive-initial);
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-verif,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-ws,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-processing,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-draft,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-waiting_for_signature {
  background-color: var(--color-stroke-warning-subtle-initial);
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-c,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-cancelled {
  background-color: var(--color-text-disabled-default);
}
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-fl,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-failed,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-rejected,
.tbc-box.tbc-box-overview .detail-list .detail-line .icon.status-suspisious {
  background-color: var(--color-surface-negative-initial);
}
.tbc-box.tbc-box-overview.current .detail-list .detail-line:last-child,
.tbc-box.tbc-box-overview.current .detail-list .detail-line.no-border {
  border-bottom: none;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
ib-radio-menu.horizontal-layout .tbc-radio {
  display: flex;
}
ib-radio-menu.horizontal-layout .tbc-radio > * {
  margin-right: 20px;
}
ib-radio-menu.horizontal-layout .tbc-radio > * label > span {
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
}
ib-radio-menu.horizontal-layout .tbc-radio > * label > span:after {
  top: 0 !important;
}
.status-digital-application ib-radio-menu.horizontal-layout .tbc-radio {
  display: block;
}
.status-digital-application .tbc-box-form.my-goal-form form .radio label,
.status-digital-application .tbc-box-form.my-goal-form .checkbox label {
  padding-left: 0;
}
.remove-overlap {
  padding: 30px !important;
}
.tbc-radio {
  margin: 0 0 0.75em 0;
}
.tbc-radio input[type=radio] {
  display: none !important;
}
.tbc-radio input[type=radio] + label {
  color: var(--color-text-soft-dark);
  font-size: 13px;
  padding-left: 0;
}
.tbc-radio input[type=radio][disabled] + label {
  color: var(--color-text-soft-inverted);
}
.tbc-radio input[type=radio][disabled] + label span {
  cursor: inherit;
}
.tbc-radio input[type=radio] + label span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  background-color: var(--color-text-soft-inverted);
  -webkit-box-shadow: inset 0 2px 5px 0 var(--color-text-disabled-default);
  box-shadow: inset 0 2px 5px 0 var(--color-text-disabled-default);
  cursor: pointer;
}
.tbc-radio input[type=radio]:checked + label span {
  background-color: var(--color-icon-primary-initial);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tbc-radio input[type=radio]:checked + label span::after {
  background-image: url(/tbcrd/assets/img/transfers/radio-point.svg);
  background-size: 50% 50%;
  margin-bottom: 1px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  height: 100%;
  width: 100%;
  content: "";
}
.tbc-radio input[type=radio] + label span,
.tbc-radio input[type=radio]:checked + label span {
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
}
.tbc-radio.radio-with-hint label {
  margin-bottom: 0;
}
.tbc-radio.radio-with-hint label .mat-radio-container {
  position: relative;
  top: -3px;
}
.tbc-radio .radio-hint {
  color: var(--color-text-disabled-default);
  margin-bottom: 5px;
}
.tbc-wizard-steps.active .tbc-radio input[type=radio] + label {
  color: var(--color-text-strong-light);
}
ib-filter-range:not(.label-on-new-line) label,
ib-filter-range .range-block,
ib-filter-range .range-first,
ib-filter-range .range-second,
ib-filter-range .range-label,
ib-filter-range .range-icon,
ib-filter-range input,
ib-date-field:not(.label-on-new-line) label,
ib-date-field .range-block,
ib-date-field .range-first,
ib-date-field .range-second,
ib-date-field .range-label,
ib-date-field .range-icon,
ib-date-field input {
  height: 38px;
  line-height: 38px;
  font-size: 1.09375rem;
  font-size: 17px !important;
}
ib-filter-range.basefont label,
ib-filter-range.basefont .range-block,
ib-filter-range.basefont .range-first,
ib-filter-range.basefont .range-second,
ib-filter-range.basefont .range-label,
ib-filter-range.basefont .range-icon,
ib-filter-range.basefont input,
ib-date-field.basefont label,
ib-date-field.basefont .range-block,
ib-date-field.basefont .range-first,
ib-date-field.basefont .range-second,
ib-date-field.basefont .range-label,
ib-date-field.basefont .range-icon,
ib-date-field.basefont input {
  font-size: 0.875rem !important;
}
ib-filter-range.range-sm:not(.label-on-new-line) label,
ib-filter-range.range-sm .range-block,
ib-filter-range.range-sm .range-first,
ib-filter-range.range-sm .range-second,
ib-filter-range.range-sm .range-label,
ib-filter-range.range-sm .range-icon,
ib-filter-range.range-sm input,
ib-date-field.range-sm:not(.label-on-new-line) label,
ib-date-field.range-sm .range-block,
ib-date-field.range-sm .range-first,
ib-date-field.range-sm .range-second,
ib-date-field.range-sm .range-label,
ib-date-field.range-sm .range-icon,
ib-date-field.range-sm input {
  height: 45px;
  line-height: 45px;
  font-size: 0.875rem;
}
ib-filter-range.range-lg:not(.label-on-new-line) label,
ib-filter-range.range-lg .range-block,
ib-filter-range.range-lg .range-first,
ib-filter-range.range-lg .range-second,
ib-filter-range.range-lg .range-label,
ib-filter-range.range-lg .range-icon,
ib-filter-range.range-lg input,
ib-date-field.range-lg:not(.label-on-new-line) label,
ib-date-field.range-lg .range-block,
ib-date-field.range-lg .range-first,
ib-date-field.range-lg .range-second,
ib-date-field.range-lg .range-label,
ib-date-field.range-lg .range-icon,
ib-date-field.range-lg input {
  height: 60px;
  line-height: 60px;
}
ib-filter-range.range-md2:not(.label-on-new-line) label,
ib-filter-range.range-md2 .range-block,
ib-filter-range.range-md2 .range-first,
ib-filter-range.range-md2 .range-second,
ib-filter-range.range-md2 .range-label,
ib-filter-range.range-md2 .range-icon,
ib-filter-range.range-md2 input,
ib-date-field.range-md2:not(.label-on-new-line) label,
ib-date-field.range-md2 .range-block,
ib-date-field.range-md2 .range-first,
ib-date-field.range-md2 .range-second,
ib-date-field.range-md2 .range-label,
ib-date-field.range-md2 .range-icon,
ib-date-field.range-md2 input {
  height: 50px;
  line-height: 50px;
}
ib-filter-range label,
ib-date-field label {
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ib-filter-range input,
ib-date-field input {
  width: 100%;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
ib-filter-range input:focus::-webkit-input-placeholder,
ib-date-field input:focus::-webkit-input-placeholder {
  color: transparent;
}
ib-filter-range input:focus:-moz-placeholder,
ib-date-field input:focus:-moz-placeholder {
  color: transparent;
}
ib-filter-range input:focus::-moz-placeholder,
ib-date-field input:focus::-moz-placeholder {
  color: transparent;
}
ib-filter-range input:focus:-ms-input-placeholder,
ib-date-field input:focus:-ms-input-placeholder {
  color: transparent;
}
ib-filter-range .range-block,
ib-date-field .range-block {
  width: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ib-filter-range .range-block .range-first,
ib-filter-range .range-block .range-second,
ib-date-field .range-block .range-first,
ib-date-field .range-block .range-second {
  width: 45%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ib-filter-range .range-block .range-label,
ib-date-field .range-block .range-label {
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ib-filter-range .range-icon,
ib-date-field .range-icon {
  width: 7.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  background-image: url(/tbcrd/assets/img/datepicker.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 22px;
  cursor: pointer;
}
ib-filter-range .range-icon:focus,
ib-date-field .range-icon:focus {
  opacity: 0.5;
}
ib-filter-range .range-icon:hover,
ib-date-field .range-icon:hover {
  opacity: 0.8;
}
ib-filter-range.with-icon .range-block,
ib-date-field.with-icon .range-block {
  width: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ib-filter-range.with-icon .range-icon,
ib-date-field.with-icon .range-icon {
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ib-filter-range.label-on-new-line.with-icon .range-block,
ib-date-field.label-on-new-line.with-icon .range-block {
  width: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ib-filter-range.label-on-new-line.with-icon .range-icon,
ib-date-field.label-on-new-line.with-icon .range-icon {
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
.date-picker-only {
  display: inline-block;
  width: 100%;
}
.date-picker-only .range-block {
  width: 80%;
}
.date-picker-only .range-block .range-first {
  width: 100%;
}
.date-picker-only .range-icon {
  width: 20%;
}
.date-after .range-icon {
  background-position: center left 10px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
ib-select-picker,
ib-select-card-picker,
[ib-select-picker] {
  display: inline-block;
}
ib-select-picker ul.select.dropdown-menu.sodd,
ib-select-card-picker ul.select.dropdown-menu.sodd,
[ib-select-picker] ul.select.dropdown-menu.sodd {
  max-height: initial;
}
ib-select-picker span.branch-name,
ib-select-card-picker span.branch-name,
[ib-select-picker] span.branch-name {
  width: 96%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ib-select-picker ul.select.dropdown-menu,
ib-select-card-picker ul.select.dropdown-menu,
[ib-select-picker] ul.select.dropdown-menu {
  max-height: 350px;
  width: 100%;
  overflow: auto;
  top: -2px !important;
  border: 1px solid var(--ibc-gray-1);
  min-height: 50px;
}
ib-select-picker ul.select.dropdown-menu li,
ib-select-card-picker ul.select.dropdown-menu li,
[ib-select-picker] ul.select.dropdown-menu li {
  width: 100% !important;
  display: block;
}
ib-select-picker ul.select.dropdown-menu li div.payment-date,
ib-select-card-picker ul.select.dropdown-menu li div.payment-date,
[ib-select-picker] ul.select.dropdown-menu li div.payment-date {
  padding: 0 15px 0 8px;
}
ib-select-picker ul.select.dropdown-menu li div.payment-date h4,
ib-select-card-picker ul.select.dropdown-menu li div.payment-date h4,
[ib-select-picker] ul.select.dropdown-menu li div.payment-date h4 {
  font-size: 16px;
}
ib-select-picker ul.select.dropdown-menu li div.payment-date button.close,
ib-select-card-picker ul.select.dropdown-menu li div.payment-date button.close,
[ib-select-picker] ul.select.dropdown-menu li div.payment-date button.close {
  background-repeat: no-repeat;
  background-image: url(/tbcrd/assets/img/tbc-icon-close.svg);
  opacity: 1;
  height: 14px;
  width: 14px;
  background-size: contain;
  margin-top: 1px;
}
ib-select-picker ul.select.dropdown-menu li a,
ib-select-card-picker ul.select.dropdown-menu li a,
[ib-select-picker] ul.select.dropdown-menu li a {
  padding: 8px 10px;
  text-decoration: none;
  outline: 0;
  background-color: transparent !important;
  cursor: pointer;
  white-space: inherit;
}
ib-select-picker ul.select.dropdown-menu li a span,
ib-select-card-picker ul.select.dropdown-menu li a span,
[ib-select-picker] ul.select.dropdown-menu li a span {
  color: var(--color-text-soft-inverted) !important;
}
ib-select-picker ul.select.dropdown-menu li a:hover span,
ib-select-card-picker ul.select.dropdown-menu li a:hover span,
[ib-select-picker] ul.select.dropdown-menu li a:hover span {
  color: var(--color-text-soft-dark) !important;
}
ib-select-picker ul.select.dropdown-menu li a.branch-link span.branch-name,
ib-select-card-picker ul.select.dropdown-menu li a.branch-link span.branch-name,
[ib-select-picker] ul.select.dropdown-menu li a.branch-link span.branch-name {
  color: var(--color-text-soft-dark) !important;
}
ib-select-picker ul.select.dropdown-menu li span.code,
ib-select-card-picker ul.select.dropdown-menu li span.code,
[ib-select-picker] ul.select.dropdown-menu li span.code {
  color: var(--color-text-soft-inverted) !important;
  display: inline-block;
  width: 15%;
  vertical-align: top;
  text-align: right;
  padding-right: 10px;
  white-space: normal;
}
ib-select-picker ul.select.dropdown-menu li span.text,
ib-select-card-picker ul.select.dropdown-menu li span.text,
[ib-select-picker] ul.select.dropdown-menu li span.text {
  color: var(--color-text-soft-inverted) !important;
  display: inline-block;
  width: 85%;
  white-space: normal;
}
ib-select-picker ul.select.dropdown-menu li .cell,
ib-select-card-picker ul.select.dropdown-menu li .cell,
[ib-select-picker] ul.select.dropdown-menu li .cell {
  padding: 0 5px;
  text-align: right;
  line-height: 20px;
  overflow: hidden;
}
ib-select-picker ul.select.dropdown-menu li .cell:first-child,
ib-select-card-picker ul.select.dropdown-menu li .cell:first-child,
[ib-select-picker] ul.select.dropdown-menu li .cell:first-child {
  text-align: left;
}
@media (max-width: 1280px) {
  ib-select-picker ul.select.dropdown-menu li .cell,
  ib-select-card-picker ul.select.dropdown-menu li .cell,
  [ib-select-picker] ul.select.dropdown-menu li .cell {
    float: left;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-1,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-1,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-1 {
    width: 8.33333333%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-2,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-2,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-2 {
    width: 16.66666667%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-3,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-3,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-3 {
    width: 25%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-4,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-4,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-4 {
    width: 33.33333333%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-5,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-5,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-5 {
    width: 41.66666667%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-6,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-6,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-6 {
    width: 50%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-7,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-7,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-7 {
    width: 58.33333333%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-8,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-8,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-8 {
    width: 66.66666667%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-9,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-9,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-9 {
    width: 75%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-10,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-10,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-10 {
    width: 83.33333333%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-11,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-11,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-11 {
    width: 91.66666667%;
  }
  ib-select-picker ul.select.dropdown-menu li .cell.col-sm-12,
  ib-select-card-picker ul.select.dropdown-menu li .cell.col-sm-12,
  [ib-select-picker] ul.select.dropdown-menu li .cell.col-sm-12 {
    width: 100%;
  }
}
ib-select-picker ul.select.dropdown-menu li.header,
ib-select-card-picker ul.select.dropdown-menu li.header,
[ib-select-picker] ul.select.dropdown-menu li.header {
  background-color: var(--color-surface-low-pressed);
  color: var(--color-surface-high-dark-initial);
  margin-top: -5px;
  padding: 5px 15px;
}
ib-select-picker ul.select.dropdown-menu li.deposit,
ib-select-card-picker ul.select.dropdown-menu li.deposit,
[ib-select-picker] ul.select.dropdown-menu li.deposit {
  padding: 0 10px;
}
ib-select-picker ul.select.dropdown-menu li.deposit a,
ib-select-card-picker ul.select.dropdown-menu li.deposit a,
[ib-select-picker] ul.select.dropdown-menu li.deposit a {
  padding-left: 5px;
  padding-right: 5px;
  color: var(--color-text-soft-dark);
}
ib-select-picker ul.select.dropdown-menu li.deposit a span,
ib-select-card-picker ul.select.dropdown-menu li.deposit a span,
[ib-select-picker] ul.select.dropdown-menu li.deposit a span {
  color: var(--color-text-soft-dark) !important;
}
ib-select-picker ul.select.dropdown-menu li.deposit a:hover,
ib-select-card-picker ul.select.dropdown-menu li.deposit a:hover,
[ib-select-picker] ul.select.dropdown-menu li.deposit a:hover {
  background-color: var(--color-text-disabled-dark) !important;
  color: var(--color-text-strong-light);
}
ib-select-picker ul.select.dropdown-menu li.deposit a:hover span,
ib-select-card-picker ul.select.dropdown-menu li.deposit a:hover span,
[ib-select-picker] ul.select.dropdown-menu li.deposit a:hover span {
  color: var(--color-text-strong-light) !important;
}
ib-select-picker ul.select.dropdown-menu li.rate a,
ib-select-card-picker ul.select.dropdown-menu li.rate a,
[ib-select-picker] ul.select.dropdown-menu li.rate a {
  overflow: hidden;
}
ib-select-picker ul.select.dropdown-menu li.rate a span,
ib-select-card-picker ul.select.dropdown-menu li.rate a span,
[ib-select-picker] ul.select.dropdown-menu li.rate a span {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  float: left;
}
ib-select-picker ul.select.dropdown-menu li.rate a:after,
ib-select-card-picker ul.select.dropdown-menu li.rate a:after,
[ib-select-picker] ul.select.dropdown-menu li.rate a:after {
  content: "";
  display: block;
  clear: both;
}
ib-select-picker ul.select.dropdown-menu li.account a,
ib-select-card-picker ul.select.dropdown-menu li.account a,
[ib-select-picker] ul.select.dropdown-menu li.account a {
  line-height: 20px;
}
ib-select-picker ul.select.dropdown-menu li.account a span.info,
ib-select-card-picker ul.select.dropdown-menu li.account a span.info,
[ib-select-picker] ul.select.dropdown-menu li.account a span.info {
  padding: 0;
}
ib-select-picker ul.select.dropdown-menu li.account a span.iban,
ib-select-card-picker ul.select.dropdown-menu li.account a span.iban,
[ib-select-picker] ul.select.dropdown-menu li.account a span.iban {
  margin-left: 5px;
}
ib-select-picker ul.select.dropdown-menu li.reset a,
ib-select-card-picker ul.select.dropdown-menu li.reset a,
[ib-select-picker] ul.select.dropdown-menu li.reset a {
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: var(--color-text-soft-dark);
}
ib-select-picker ul.select.dropdown-menu li.reset a:hover,
ib-select-card-picker ul.select.dropdown-menu li.reset a:hover,
[ib-select-picker] ul.select.dropdown-menu li.reset a:hover {
  color: var(--color-text-strong-default);
}
ib-select-picker ul.select.dropdown-menu li.paymentProduct:hover,
ib-select-card-picker ul.select.dropdown-menu li.paymentProduct:hover,
[ib-select-picker] ul.select.dropdown-menu li.paymentProduct:hover {
  background-color: #e9ecef;
  cursor: pointer;
}
ib-select-picker ul.select.dropdown-menu li.paymentProduct a:hover span,
ib-select-card-picker ul.select.dropdown-menu li.paymentProduct a:hover span,
[ib-select-picker] ul.select.dropdown-menu li.paymentProduct a:hover span {
  color: var(--color-text-soft-inverted) !important;
}
ib-select-picker ul.select.dropdown-menu li.paymentProduct.li-border,
ib-select-card-picker ul.select.dropdown-menu li.paymentProduct.li-border,
[ib-select-picker] ul.select.dropdown-menu li.paymentProduct.li-border {
  border-bottom: 1px solid;
  padding-bottom: 10px;
  border-color: var(--color-text-disabled-default);
}
ib-select-picker ul.select.dropdown-menu.schedule,
ib-select-card-picker ul.select.dropdown-menu.schedule,
[ib-select-picker] ul.select.dropdown-menu.schedule {
  color: var(--color-text-soft-dark);
}
ib-select-picker.error .btn.selectpicker,
ib-select-card-picker.error .btn.selectpicker,
[ib-select-picker].error .btn.selectpicker {
  border-color: var(--color-text-negative-initial) !important;
}
ib-select-picker.history-category-filter button span.category-icon,
ib-select-card-picker.history-category-filter button span.category-icon,
[ib-select-picker].history-category-filter button span.category-icon {
  display: none;
}
ib-select-picker.history-category-filter ul.dropdown-menu li.item a.category,
ib-select-card-picker.history-category-filter ul.dropdown-menu li.item a.category,
[ib-select-picker].history-category-filter ul.dropdown-menu li.item a.category {
  padding: 10px;
  overflow: hidden;
}
ib-select-picker.history-category-filter ul.dropdown-menu li.item a.category:focus,
ib-select-picker.history-category-filter ul.dropdown-menu li.item a.category:hover,
ib-select-card-picker.history-category-filter ul.dropdown-menu li.item a.category:focus,
ib-select-card-picker.history-category-filter ul.dropdown-menu li.item a.category:hover,
[ib-select-picker].history-category-filter ul.dropdown-menu li.item a.category:focus,
[ib-select-picker].history-category-filter ul.dropdown-menu li.item a.category:hover {
  background-color: var(--color-surface-low-initial) !important;
}
ib-select-picker.history-category-filter ul.dropdown-menu li.item span.category,
ib-select-card-picker.history-category-filter ul.dropdown-menu li.item span.category,
[ib-select-picker].history-category-filter ul.dropdown-menu li.item span.category {
  display: inline-block;
  vertical-align: middle;
}
ib-select-picker.history-category-filter ul.dropdown-menu li.item span.category.category-icon,
ib-select-card-picker.history-category-filter ul.dropdown-menu li.item span.category.category-icon,
[ib-select-picker].history-category-filter ul.dropdown-menu li.item span.category.category-icon {
  width: 39px;
  height: 39px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent none no-repeat center center;
  background-size: contain;
  margin-right: 10px;
}
ib-select-picker.history-category-filter ul.dropdown-menu li.item span.category.category-text,
ib-select-card-picker.history-category-filter ul.dropdown-menu li.item span.category.category-text,
[ib-select-picker].history-category-filter ul.dropdown-menu li.item span.category.category-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 49px);
}
ib-select-picker.history-category-filter ul.dropdown-menu li.item.dropdown-header,
ib-select-card-picker.history-category-filter ul.dropdown-menu li.item.dropdown-header,
[ib-select-picker].history-category-filter ul.dropdown-menu li.item.dropdown-header {
  background-color: var(--color-surface-low-initial);
  color: var(--color-text-soft-dark);
  padding: 3px 15px;
}
ib-select-picker.high ul.select.dropdown-menu,
ib-select-card-picker.high ul.select.dropdown-menu,
[ib-select-picker].high ul.select.dropdown-menu {
  max-height: 350px;
}
.has-checkbox ib-checkbox {
  position: absolute;
  margin: 10px 11px;
  width: 10px;
}
.has-checkbox .selectpicker {
  padding-left: 42px !important;
  position: static;
}
.btn.selectpicker {
  min-width: 120px;
  background-color: transparent;
  color: var(--color-text-soft-dark);
  border-width: 2px;
  border-color: var(--color-text-strong-default);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 38px 8px 11px;
  text-align: left;
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-size: 16px 9px;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.btn.selectpicker.w100,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.selectpicker.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.selectpicker.cat-input,
ib-filter-range.label-on-new-line label.btn.selectpicker,
ib-filter-range.label-on-new-line .btn.selectpicker.range-block,
ib-date-field.label-on-new-line label.btn.selectpicker,
ib-date-field.label-on-new-line .btn.selectpicker.range-block {
  width: 100%;
}
.btn.selectpicker.w50 {
  width: 50%;
}
.btn.selectpicker.select-line {
  background-color: transparent;
  color: var(--color-text-soft-default);
  border: 1px solid var(--color-text-disabled-default);
}
.btn.selectpicker.select-line.twopx {
  border-width: 2px;
}
.btn.selectpicker.select-line.twopx:hover {
  border-width: 2px;
}
.btn.selectpicker.select-line.white {
  border-color: var(--color-text-strong-light);
  background-color: transparent;
  color: var(--color-text-strong-light);
  background-image: url(/tbcrd/assets/img/login/arrow-down-white.svg);
  background-size: 16px 9px;
  background-repeat: no-repeat;
}
.btn.selectpicker.select-line.white option {
  color: var(--color-text-soft-dark);
}
.btn.selectpicker.select-line.white:hover {
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.btn.selectpicker.select-line.gray,
.tbc-box.tbc-box-product .filters .summary small.btn.selectpicker.select-line {
  border-color: var(--color-text-disabled-default);
  background-color: transparent;
  color: var(--color-text-disabled-default);
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-repeat: no-repeat;
  background-size: 16px 9px;
}
.btn.selectpicker.select-line.gray option,
.tbc-box.tbc-box-product .filters .summary small.btn.selectpicker.select-line option {
  color: var(--color-text-soft-dark);
}
.btn.selectpicker.select-line.gray:hover,
.tbc-box.tbc-box-product .filters .summary small.btn.selectpicker.select-line:hover {
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.btn.selectpicker .caret {
  display: none;
}
.btn-rounded .btn.selectpicker {
  border-width: 2px;
  border-color: var(--color-text-strong-default);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.open > .dropdown-toggle.btn-default .btn.disabled {
  background-color: var(--color-text-disabled-default);
}
.w100 > .selectpicker,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-input > .selectpicker,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-input > .selectpicker,
ib-filter-range.label-on-new-line label > .selectpicker,
ib-filter-range.label-on-new-line .range-block > .selectpicker,
ib-date-field.label-on-new-line label > .selectpicker,
ib-date-field.label-on-new-line .range-block > .selectpicker {
  width: 100%;
}
ib-select.selectpicker {
  background-color: white !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.app-card.increase-limit .cardImage .btn.selectpicker {
  background-color: var(--color-text-strong-light);
}
.transactions.statements .btn.selectpicker {
  padding: 11px 38px 11px 10px;
}
.text-muted .btn.selectpicker.ng-pristine {
  color: var(--color-text-soft-default) !important;
}
ib-filter-select .btn {
  background-color: var(--color-text-strong-light) !important;
  height: 50px;
}
.selectpicker.slc-pink,
.slc-pink .selectpicker {
  border-color: var(--color-stroke-primary-initial);
  background-color: transparent;
  color: var(--color-text-soft-dark);
  background-image: url(/tbcrd/assets/img/login/arrow-down-purple.svg);
  background-size: 16px 9px;
  background-repeat: no-repeat;
}
.selectpicker.slc-pink option,
.slc-pink .selectpicker option {
  color: var(--color-text-soft-dark);
}
.selectpicker.slc-pink:hover,
.slc-pink .selectpicker:hover {
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.selectpicker.slc-lg,
.slc-lg .selectpicker {
  height: 50px;
}
.slc-card .dropdown-menu {
  padding-top: 0;
}
.slc-card .btn {
  min-width: 350px;
}
.slc-card ul {
  max-height: 250px;
}
.slc-card .select.dropdown-menu a .head {
  color: var(--color-text-soft-dark);
}
.slc-card li.card {
  margin: 0;
  height: 53px;
  padding: 2px 15px;
}
.slc-card li.card a {
  padding: 0 !important;
}
.slc-card li.card a:hover .des {
  color: var(--color-text-soft-inverted);
}
.slc-card li.card:hover {
  color: inherit;
  background-color: var(--color-surface-lower-initial);
}
.slc-card li.card .product-image {
  margin: 0;
  margin-right: 15px;
  height: 50px;
  width: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.slc-card li.card .info-sel div {
  line-height: 18px;
}
.slc-card li.card .info-sel div.gray-dark {
  padding-top: 6px;
}
.tbc-wizard-steps.editing .selectpicker {
  border-color: var(--color-text-disabled-default);
  background-color: transparent;
  color: var(--color-text-disabled-default);
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-repeat: no-repeat;
  background-size: 16px 9px;
}
.tbc-wizard-steps.editing .selectpicker option {
  color: var(--color-text-soft-dark);
}
.tbc-wizard-steps.editing .selectpicker:hover {
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.tbc-wizard-steps.active .selectpicker {
  border-color: var(--color-text-strong-light);
  background-color: transparent;
  color: var(--color-text-strong-light);
  background-image: url(/tbcrd/assets/img/login/arrow-down-white.svg);
  background-size: 16px 9px;
  background-repeat: no-repeat;
  color: var(--ibc-gray-1);
  height: 60px;
}
.tbc-wizard-steps.active .selectpicker option {
  color: var(--color-text-soft-dark);
}
.tbc-wizard-steps.active .selectpicker:hover {
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.tbc-wizard-steps.active .text-muted .btn.selectpicker.ng-pristine {
  color: var(--color-text-strong-light) !important;
}
.tbc-wizard-steps.active .no-selection .btn.selectpicker {
  background-image: none;
  opacity: 1 !important;
}
.bill-sub-item .dropdown-menu li {
  border: 0 solid transparent !important;
}
.bill-sub-item .dropdown-menu li a,
.bill-sub-item .dropdown-menu li span {
  border: 0 solid transparent !important;
}
ul.steps {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  width: 100%;
  height: 60px;
  z-index: 102;
  position: relative;
}
ul.steps li {
  position: relative;
  display: block;
  float: left;
  width: 25%;
  height: 60px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/tbcrd/assets/img/form/arrow-gray-s.png);
}
ul.steps li:last-child:after {
  content: "";
  display: block;
  clear: both;
}
ul.steps li.done {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-size: 27px;
  background-repeat: no-repeat;
  background-position: 90% center;
}
ul.steps li.done a:hover {
  color: var(--color-text-soft-dark);
}
ul.steps li.done::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(/tbcrd/assets/img/form/arrow-gray-s.png);
}
ul.steps li a,
ul.steps li .no-link {
  display: block;
  padding: 10px 20px;
  color: var(--color-text-soft-default);
  text-decoration: none;
}
ul.steps li a div,
ul.steps li .no-link div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
ul.steps li a:hover,
ul.steps li .no-link:hover {
  color: var(--color-text-soft-dark);
}
ul.steps li a.disabled:hover,
ul.steps li .no-link.disabled:hover {
  color: var(--color-text-soft-default);
}
ul.steps li a .head,
ul.steps li .no-link .head {
  font-size: 15px;
  line-height: 21px;
}
ul.steps li a div:not(.head),
ul.steps li .no-link div:not(.head) {
  line-height: 15px;
  font-size: 0.74375rem;
  max-width: 87%;
}
ul.steps li.one-line a {
  padding-top: 20px;
  padding-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ul.steps li.one-line a span {
  font-size: -0.90625rem;
  line-height: 1.09375rem;
}
ul.steps li.one-line.success a {
  padding-right: 55px;
}
@media (max-width: 1280px) {
  ul.steps li.one-line span.head,
  ul.steps li.one-line span.separator {
    display: none;
  }
}
ul.steps li.success a {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-size: 35px;
  background-repeat: no-repeat;
  background-position: 90% center;
}
ul.steps li.previous {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-size: 27px;
  background-repeat: no-repeat;
  background-position: 90% center;
}
ul.steps li.previous::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-top: 30px solid var(--color-icon-primary-initial);
  border-right: 0px solid transparent;
  border-bottom: 30px solid var(--color-icon-primary-initial);
  border-left: 15px solid transparent;
}
ul.steps li:first-child {
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}
ul.steps li.active a,
ul.steps li.active .no-link {
  background-color: var(--color-icon-primary-initial);
  width: calc(100% - calc(15px - 1px));
  height: 100%;
  padding-right: 0px;
  color: var(--color-text-strong-light);
}
ul.steps li.active a:hover,
ul.steps li.active .no-link:hover {
  color: var(--color-text-strong-light);
}
ul.steps li.active:last-child a,
ul.steps li.active:last-child .no-link {
  width: 100%;
}
ul.steps li.active:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-style: solid;
  border-top: 30px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 15px solid var(--color-icon-primary-initial);
}
ul.steps li:last-child {
  -webkit-border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
  background-image: none;
}
ul.steps.number-of-steps2 li {
  width: 50%;
}
ul.steps.number-of-steps3 li {
  width: 33.33%;
}
ul.steps.number-of-steps4 li {
  width: 25%;
}
ul.steps.number-of-steps5 li {
  width: 20%;
}
.border {
  border: 2px solid var(--color-text-disabled-dark);
  z-index: 100;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 100%;
  height: 60px;
  position: relative;
  top: -60px;
  margin-bottom: -10px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
#navbar .dropdown-menu {
  opacity: 1;
  margin: 0 0 0 -3px;
  border-radius: 6px;
  box-shadow: 0px 21px 21px -5px rgba(0, 30, 45, 0.08), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  padding: 0;
  border-width: 0;
  background-repeat: repeat;
  background-color: var(--color-surface-popover-initial);
  padding-bottom: 14px;
  border: 1px solid var(--color-stroke-softer-initial);
}
#navbar .dropdown-menu li {
  margin: 0 0 0 0;
  height: 35px;
  line-height: 35px;
  cursor: pointer !important;
}
#navbar .dropdown-menu li.divider {
  height: 1px;
  margin: 9px 16px;
  background-color: var(--color-surface-lower-initial);
  pointer-events: none;
}
#navbar .dropdown-menu li .menu-item-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#navbar .dropdown-menu li .menu-item-container .menu-item-label-container .menu-item-label {
  color: var(--color-text-strong-light);
  background: var(--color-text-negative-initial);
  font-size: 0.74375rem;
  border-radius: 0.75em;
  line-height: 1;
  padding: 0.4em 0.65em;
  margin-left: 1em;
  height: 1.8em;
  text-align: center;
}
#navbar .dropdown-menu li a {
  color: var(--color-text-strong-default) !important;
  height: 35px;
  line-height: 30px;
  min-width: 240px;
  font-size: 0.875rem;
  cursor: pointer !important;
}
#navbar .dropdown-menu li a:hover {
  text-decoration: none;
  color: inherit !important;
}
#navbar .dropdown-menu li:hover {
  background: var(--color-surface-popover-hovered);
  width: 100%;
}
#navbar .dropdown-menu li[state="main.wizardNewMoneyTransfer"] .menu-item-label.en {
  padding: 0.4em 1em;
  font-size: 10px;
}
#navbar .dropdown-menu ib-tooltip {
  z-index: 1110;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.home-widgets {
  background-color: var(--color-stroke-primary-initial);
}
.home-widgets .home-widget {
  min-height: 330px;
  padding-bottom: 30px;
}
.home-widgets .home-widget.prefs {
  min-height: 200px;
}
.home-widgets .tbc-radio input[type=radio] + label,
.home-widgets div.smalltext {
  color: var(--color-text-strong-light);
}
.home-widgets .tbc-radio input[type=radio] + label {
  margin-right: 50px;
}
.home-widgets .rate-stat {
  margin-bottom: 10px;
}
.home-widgets .dropdown .dropdown-toggle table tr:first-child td {
  display: table-cell;
}
.home-widgets .dropdown .dropdown-toggle .flex-table .acc-image-container {
  display: inherit;
  margin-right: 20px;
}
.home-widgets .dropdown .dropdown-menu td:not(.acc-image) {
  max-width: 282px;
}
@media only screen and (max-width: 79.9375em) {
  .home-widgets .dropdown .dropdown-menu td:not(.acc-image) {
    max-width: 218px;
  }
}
.home-widgets .dropdown.typex .dropdown-menu td:not(.acc-image) {
  max-width: 255px;
}
@media only screen and (max-width: 79.9375em) {
  .home-widgets .dropdown.typex .dropdown-menu td:not(.acc-image) {
    max-width: 197px;
  }
}
.home-widgets .wid-control {
  padding-top: 35px;
  padding-bottom: 35px;
}
.home-widgets h2 {
  font-size: 21px;
  color: var(--color-text-strong-light);
  margin: 0;
}
.home-widgets .wid-text {
  color: var(--color-text-strong-light);
  font-size: 1.09375rem;
  margin-bottom: 10px;
}
.home-widgets .wid-arr {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/tbcrd/assets/img/widgets/widgets-next.png);
  min-height: 165px;
}
.home-widgets .widget-close a {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/tbcrd/assets/img/widgets/widgets-close.png);
  width: 24px;
  height: 24px;
}
.home-widgets .pith-arround {
  padding: 16px;
  background-color: var(--color-stroke-primary-initial);
  margin-bottom: 22px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.home-widgets .pith-arround input {
  width: 100%;
}
.home-widgets .carousel-link.previous-link {
  left: 0;
  left: -44px;
}
.home-widgets .carousel-link.next-link {
  right: 0;
  right: -44px;
}
.home-widgets .carousel-link.inactive,
.home-widgets .carousel-link[disabled] {
  background-color: var(--color-text-soft-inverted);
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-wizard-steps {
  float: left;
  width: 25%;
  padding: 25px 30px 25px 30px;
  min-height: 312px;
  transition: width 0.4s;
  background-repeat: no-repeat;
  background-position: 50% 70px;
  background-size: 96px;
}
.tbc-wizard-steps.tbc-wizard-steps-long {
  min-height: 345px;
}
.tbc-wizard-steps .tbc-wizard-steps-box.short {
  padding: 0 10%;
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps .dropdown .btn.btn-lg {
  padding: 19px 28px 18px 28px;
  height: 71px;
  font-size: 15px;
}
.tbc-wizard-steps .btn.btn-lg,
.tbc-wizard-steps input.inp-md2,
.tbc-wizard-steps .inp-md2 > input,
.tbc-wizard-steps input.inp-lg,
.tbc-wizard-steps input.inp-md,
.tbc-wizard-steps .btn-sm3,
.tbc-wizard-steps .inp-md > input,
.tbc-wizard-steps .btn.selectpicker {
  font-size: 15px !important;
}
.tbc-wizard-steps .btn.btn-lg.btn-sm2.w100.fs-s,
.tbc-wizard-steps .tbc-box.tbc-box-overview ib-transaction-category .cat-info .btn.btn-lg.btn-sm2.fs-s.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .tbc-wizard-steps .btn.btn-lg.btn-sm2.fs-s.cat-input,
.tbc-wizard-steps .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .btn.btn-lg.btn-sm2.fs-s.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .tbc-wizard-steps .btn.btn-lg.btn-sm2.fs-s.cat-input,
.tbc-wizard-steps ib-filter-range.label-on-new-line label.btn.btn-lg.btn-sm2.fs-s,
ib-filter-range.label-on-new-line .tbc-wizard-steps label.btn.btn-lg.btn-sm2.fs-s,
.tbc-wizard-steps ib-filter-range.label-on-new-line .btn.btn-lg.btn-sm2.fs-s.range-block,
ib-filter-range.label-on-new-line .tbc-wizard-steps .btn.btn-lg.btn-sm2.fs-s.range-block,
.tbc-wizard-steps ib-date-field.label-on-new-line label.btn.btn-lg.btn-sm2.fs-s,
ib-date-field.label-on-new-line .tbc-wizard-steps label.btn.btn-lg.btn-sm2.fs-s,
.tbc-wizard-steps ib-date-field.label-on-new-line .btn.btn-lg.btn-sm2.fs-s.range-block,
ib-date-field.label-on-new-line .tbc-wizard-steps .btn.btn-lg.btn-sm2.fs-s.range-block {
  font-size: 0.74375rem !important;
  height: 48px;
}
.tbc-wizard-steps small.fs-m {
  font-size: 0.74375rem;
}
.tbc-wizard-steps .specific-btn {
  width: 190px;
}
.tbc-wizard-steps .radio-farm.martop30 .tbc-radio {
  margin: 0;
}
.tbc-wizard-steps .radio-farm.martop30 .tbc-radio input[type=radio] + label {
  font-size: 11px;
  margin-bottom: 0;
}
.tbc-wizard-steps.active {
  width: 50%;
  background-color: var(--color-stroke-primary-initial);
  font-size: 15px;
}
.tbc-wizard-steps.active .numberformat {
  font-size: 13px;
}
.tbc-wizard-steps.active h3 {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.active .spec-input {
  width: 100%;
}
.tbc-wizard-steps h3.header-tip {
  display: none;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox {
  display: block;
  padding-top: 101px;
  text-align: center;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .change-btn,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .change-btn {
  font-size: 13px;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-1 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-1 .image {
  border-radius: 0;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-2 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-2 .image {
  overflow: visible;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-2 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-2 .image img {
  top: auto;
  left: auto;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-2 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-2 .image-item-card:nth-child(1) img {
  transform: translateY(2px) translateX(-11px);
  z-index: 9;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-2 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-2 .image-item-card:nth-child(2) img {
  transform: translateY(31px) translateX(35px);
  z-index: 10;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-3 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-4 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-5 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-6 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-7 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-8 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-9 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-10 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-11 .image,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-12 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-3 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-4 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-5 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-6 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-7 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-8 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-9 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-10 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-11 .image,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-12 .image {
  overflow: visible;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-3 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-4 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-5 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-6 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-7 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-8 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-9 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-10 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-11 .image img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-12 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-3 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-4 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-5 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-6 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-7 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-8 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-9 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-10 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-11 .image img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-12 .image img {
  top: auto;
  left: auto;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-3 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-4 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-5 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-6 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-7 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-8 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-9 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-10 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-11 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-12 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-3 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-4 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-5 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-6 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-7 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-8 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-9 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-10 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-11 .image-item-card:nth-child(1) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-12 .image-item-card:nth-child(1) img {
  transform: translateY(-8px) translateX(-25px);
  z-index: 8;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-3 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-4 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-5 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-6 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-7 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-8 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-9 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-10 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-11 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-12 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-3 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-4 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-5 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-6 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-7 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-8 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-9 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-10 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-11 .image-item-card:nth-child(2) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-12 .image-item-card:nth-child(2) img {
  transform: translateY(17px) translateX(0px);
  z-index: 9;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-3 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-4 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-5 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-6 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-7 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-8 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-9 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-10 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-11 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox.image-count-12 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-3 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-4 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-5 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-6 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-7 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-8 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-9 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-10 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-11 .image-item-card:nth-child(3) img,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox.image-count-12 .image-item-card:nth-child(3) img {
  transform: translateY(42px) translateX(25px);
  z-index: 10;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .image-item-card:nth-child(n+4),
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .image-item-card:nth-child(n+4) {
  display: none;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table {
  width: 100%;
  min-height: 70px;
  margin-top: 25px;
  text-align: center;
  font-size: 0.74375rem;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .smallfont,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .smallfont {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table > div:last-child .smallfont,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table > div:last-child .smallfont {
  display: inline;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .one-line,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .one-line {
  max-height: 18px;
  overflow: hidden;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .two-lines,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .two-lines {
  max-height: 36px;
  overflow: hidden;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .three-lines,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .three-lines {
  max-height: 54px;
  overflow: hidden;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table div:not(.star),
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table div:not(.star) {
  width: 100%;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .friendlyNameView:not(.with-star) .inline-block-ni,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .friendlyNameView:not(.with-star) .inline-block-ni {
  display: none;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 230px;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span.withStar,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span.withStar {
  max-width: 215px;
}
@media (max-width: 1280px) {
  .tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span,
  .tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span {
    max-width: 180px;
  }
  .tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span.withStar,
  .tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span.withStar {
    max-width: 164px;
  }
}
@media (min-width: 1920px) {
  .tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span,
  .tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span {
    max-width: 276px;
  }
  .tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span.withStar,
  .tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView span.withStar {
    max-width: 250px;
  }
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .friendlyNameView .smallfont,
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accBalanceView,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .friendlyNameView .smallfont,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accBalanceView {
  font-size: 16px;
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .friendlyNameView .smallfont,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .friendlyNameView .smallfont {
  color: var(--color-text-soft-dark);
}
.tbc-wizard-steps.done .tbc-wizard-steps-box .contendbox .cbox-table .accNameView,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-box .contendbox .cbox-table .accNameView {
  height: 23px;
}
.tbc-wizard-steps.done .tbc-wizard-steps-controls,
.tbc-wizard-steps.full:not(.active) .tbc-wizard-steps-controls {
  display: none;
}
.tbc-wizard-steps .tbc-wizard-page-header {
  margin: 0;
  border-bottom: 0 solid transparent;
  height: 35px;
}
.tbc-wizard-steps h3 {
  color: var(--color-text-soft-default);
  height: 35px;
  white-space: nowrap;
  width: 100%;
  font-size: 15px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbc-wizard-steps h3.header-tip {
  display: none;
}
.tbc-wizard-steps.active h3 {
  display: none;
}
.tbc-wizard-steps.active h3.header-tip {
  display: block;
}
.tbc-wizard-steps.step1 {
  -webkit-border-radius: 14px 0px 0px 14px;
  -moz-border-radius: 14px 0px 0px 14px;
  border-radius: 14px 0px 0px 14px;
  background-image: url(/tbcrd/assets/img/transfers/icon-which-gray.png);
}
.tbc-wizard-steps.step1.active,
.tbc-wizard-steps.step1.done,
.tbc-wizard-steps.step1.full {
  background-image: url(/tbcrd/assets/img/transfers/icon-which-blue.png);
}
.tbc-wizard-steps.step1.transfer {
  background-image: url(/tbcrd/assets/img/transfers/icon-which-gray-active.png) !important;
}
.tbc-wizard-steps.step2 {
  background-image: url(/tbcrd/assets/img/transfers/icon-to-blue-active.png);
}
.tbc-wizard-steps.step2:not(.active) {
  background-image: url(/tbcrd/assets/img/transfers/icon-to-blue.png);
}
.tbc-wizard-steps.step2 .radio label,
.tbc-wizard-steps.step2 .checkbox label {
  padding-left: 28px;
}
.tbc-wizard-steps.step2 .tbc-wizard-steps-box {
  text-align: right;
}
.tbc-wizard-steps.step2 .tbc-wizard-steps-box .accNameView span {
  display: block;
  margin: 0 auto;
}
.tbc-wizard-steps.step2 .tbc-wizard-steps-box a.manageTemplates {
  position: relative;
  top: 105px;
  cursor: pointer;
  text-decoration: underline;
  color: var(--color-text-disabled-dark);
}
.tbc-wizard-steps.step2 .tbc-wizard-steps-box a.manageTemplates:hover {
  text-decoration: none;
}
.tbc-wizard-steps.step2 .tbc-wizard-steps-box a.manageTemplates.disabled {
  text-decoration: none;
  cursor: default;
}
.tbc-wizard-steps.step2.done a.manageTemplates {
  display: none;
}
.tbc-wizard-steps.step2.editing:not(.active) {
  color: var(--color-text-soft-dark);
}
.tbc-wizard-steps.step2.editing:not(.active) .tbc-wizard-steps-box,
.tbc-wizard-steps.step2.editing:not(.active) .tbc-wizard-steps-box.short {
  color: var(--color-text-soft-dark);
}
.tbc-wizard-steps.step2.active.editing,
.tbc-wizard-steps.step2.done.editing,
.tbc-wizard-steps.step2.full.editing {
  background-image: none;
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.step2.active.editing .tbc-wizard-steps-box,
.tbc-wizard-steps.step2.active.editing .tbc-wizard-steps-box.short,
.tbc-wizard-steps.step2.done.editing .tbc-wizard-steps-box,
.tbc-wizard-steps.step2.done.editing .tbc-wizard-steps-box.short,
.tbc-wizard-steps.step2.full.editing .tbc-wizard-steps-box,
.tbc-wizard-steps.step2.full.editing .tbc-wizard-steps-box.short {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.step2.active.editing a,
.tbc-wizard-steps.step2.done.editing a,
.tbc-wizard-steps.step2.full.editing a {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.step2.active.editing a:visited,
.tbc-wizard-steps.step2.done.editing a:visited,
.tbc-wizard-steps.step2.full.editing a:visited {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.step2.active.editing a:focus,
.tbc-wizard-steps.step2.active.editing a:hover,
.tbc-wizard-steps.step2.active.editing a:active,
.tbc-wizard-steps.step2.done.editing a:focus,
.tbc-wizard-steps.step2.done.editing a:hover,
.tbc-wizard-steps.step2.done.editing a:active,
.tbc-wizard-steps.step2.full.editing a:focus,
.tbc-wizard-steps.step2.full.editing a:hover,
.tbc-wizard-steps.step2.full.editing a:active {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.step2.active a.manageTemplates,
.tbc-wizard-steps.step2.done a.manageTemplates,
.tbc-wizard-steps.step2.full a.manageTemplates {
  color: var(--color-text-strong-light);
  left: -61px;
  font-size: 0.875rem;
}
.tbc-wizard-steps.step3 {
  -webkit-border-radius: 0px 14px 14px 0px;
  -moz-border-radius: 0px 14px 14px 0px;
  border-radius: 0px 14px 14px 0px;
  background-image: url(/tbcrd/assets/img/transfers/icon-amount-gray.png);
}
.tbc-wizard-steps.step3:not(.active) {
  background-image: url(/tbcrd/assets/img/transfers/icon-amount-blue.png);
}
.tbc-wizard-steps.step3.active,
.tbc-wizard-steps.step3.done,
.tbc-wizard-steps.step3.full {
  background-image: url(/tbcrd/assets/img/transfers/icon-amount-blue-active.png);
}
.tbc-wizard-steps.step3.no-background-image {
  background-image: none;
}
.tbc-wizard-steps.step3.various-currencies {
  background-image: none;
}
.tbc-wizard-steps.step3.various-currencies .txtleft {
  color: var(--color-text-strong-light);
  display: none;
}
.tbc-wizard-steps.step3.various-currencies .smalltext {
  display: none;
  color: white;
  font-size: 11px;
  text-align: left;
}
.tbc-wizard-steps.step3.various-currencies form .fblock50 input {
  width: 100%;
}
.tbc-wizard-steps.step3.various-currencies form .fblock50 button {
  margin-left: 0;
  width: 100%;
}
.tbc-wizard-steps.step3.various-currencies form .fblock50:last-child {
  padding-left: 10px;
}
.tbc-wizard-steps.step3.various-currencies.active .smalltext,
.tbc-wizard-steps.step3.various-currencies.active .txtleft,
.tbc-wizard-steps.step3.various-currencies.done .smalltext,
.tbc-wizard-steps.step3.various-currencies.done .txtleft,
.tbc-wizard-steps.step3.various-currencies.full .smalltext,
.tbc-wizard-steps.step3.various-currencies.full .txtleft {
  display: block;
}
.tbc-wizard-steps.step3.various-currencies.active .tbc-wizard-steps-box,
.tbc-wizard-steps.step3.various-currencies.done .tbc-wizard-steps-box,
.tbc-wizard-steps.step3.various-currencies.full .tbc-wizard-steps-box {
  min-height: 40px;
}
.step1.done.no-background,
.step2.done.no-background {
  background-image: none !important;
}
.step1.done.no-background .tbc-wizard-steps-box,
.step2.done.no-background .tbc-wizard-steps-box {
  text-align: center;
}
.step1.done.no-background .tbc-wizard-steps-box .contendbox,
.step2.done.no-background .tbc-wizard-steps-box .contendbox {
  padding-top: 5px;
}
.step1.done.no-background .tbc-wizard-steps-box .image,
.step2.done.no-background .tbc-wizard-steps-box .image {
  width: 96px;
  height: 96px;
  position: relative;
  top: 0;
  margin: 0 auto;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
.step1.done.no-background .tbc-wizard-steps-box .image.card,
.step2.done.no-background .tbc-wizard-steps-box .image.card {
  overflow: visible;
}
.step1.done.no-background .tbc-wizard-steps-box .image img,
.step2.done.no-background .tbc-wizard-steps-box .image img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 4% "/" 6%;
  -moz-border-radius: 4% "/" 6%;
  border-radius: 4% "/" 6%;
}
.step1.done.no-background .tbc-wizard-steps-box .image img[ib-no-image],
.step1.done.no-background .tbc-wizard-steps-box .image img[ibNoImage],
.step1.done.no-background .tbc-wizard-steps-box .image img[ng-reflect-ib-no-image],
.step2.done.no-background .tbc-wizard-steps-box .image img[ib-no-image],
.step2.done.no-background .tbc-wizard-steps-box .image img[ibNoImage],
.step2.done.no-background .tbc-wizard-steps-box .image img[ng-reflect-ib-no-image] {
  border-radius: 50%;
  height: 96px;
  width: 96px;
}
.step1.done.no-background .tbc-wizard-steps-box .image img.rounded,
.step2.done.no-background .tbc-wizard-steps-box .image img.rounded {
  border-radius: 50%;
}
.step1.done.no-background .tbc-wizard-steps-box img,
.tbc-wizard-steps.img-money.no-background .tbc-wizard-steps-box img {
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  border-radius: 0%;
}
.tbc-wizard-steps.step1,
.tbc-wizard-steps.step2 {
  border-right: 1px solid var(--color-stroke-soft-initial);
}
.tbc-wizard-steps.step1.noback,
.tbc-wizard-steps.step2.noback {
  background-image: none;
}
.tbc-wizard-steps.step1.active,
.tbc-wizard-steps.step2.active {
  border-right: 1px solid transparent;
}
.tbc-wizard-steps.step3:not(.active) .tbc-wizard-steps-controls form input:not(.wj-form-control),
.tbc-wizard-steps.step3:not(.active) .tbc-wizard-steps-controls form .inp-lg.wj-content {
  position: relative;
  top: 13px;
}
.tbc-wizard-steps-box {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-height: 139px;
  overflow: visible;
}
.tbc-wizard-steps-box.short {
  text-align: left !important;
  padding-top: 25px;
}
.tbc-wizard-steps-box .tbc-wizard-tip {
  font-size: 0.875rem;
  color: var(--color-text-strong-light);
  text-align: left;
}
.tbc-box-wizard .tbc-wizard-steps.active {
}
.tbc-box-wizard .tbc-wizard-steps.active .mat-form-field-infix {
  margin-top: -0.4em;
}
.tbc-box-wizard .tbc-wizard-steps.active ib-dynamic-form .mat-form-field-infix {
  margin-top: 0;
}
.tbc-wizard-steps.active .tbc-wizard-steps-box.short {
  padding-top: 25px;
}
.tbc-wizard-steps.active .tbc-wizard-steps-box.short span {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.active label {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.active .license-agreement-checkbox {
  height: auto;
}
.tbc-wizard-steps.active .license-agreement-list {
  color: var(--color-text-strong-light);
  padding-left: 25px;
}
.tbc-wizard-steps.active .agreement-link {
  text-decoration: underline;
  font-weight: bold;
}
.tbc-wizard-steps.active a.agreement-link,
.tbc-wizard-steps.active a.agreement-link:hover {
  color: var(--color-text-strong-light);
}
.tbc-box-wizard .tbc-wizard-steps.active form[name=ticketForm] {
  min-height: 200px;
}
.system-container {
  flex-direction: row;
  align-items: center;
}
.system-container .umts-image .system-logo {
  height: 4em;
  max-width: 7.35rem;
  display: flex;
  margin-right: 1em;
  border-radius: 50%;
}
.modal.umts .modal-header .icon-error,
.modal.umts .modal-error-content .modal-error-header .icon-error,
.modal-error-content .modal.umts .modal-error-header .icon-error,
.modal.umts .modal-success-content .modal-success-header .icon-error,
.modal-success-content .modal.umts .modal-success-header .icon-error {
  height: 20px;
}
.mat-primary.mat-mdc-select-panel {
  border-color: var(--color-stroke-primary-initial);
  border-width: 2px;
}
.mat-primary.mat-mdc-select-panel .mat-select-value-text {
  color: var(--color-surface-high-dark-initial);
}
.mat-primary.mat-mdc-select-panel .mat-select-value {
  color: var(--color-text-strong-light);
}
.steps-flex {
  display: flex;
}
.steps-flex .active-flex {
  width: 50%;
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: ease;
}
.steps-flex .inactive-flex {
  width: 25%;
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: ease;
}
.steps-flex .tbc-wizard-steps.umts {
  width: 100%;
  height: 100%;
}
.tbc-wizard-steps.step2 {
}
.tbc-wizard-steps.step2 mat-form-field.dynamic-field {
}
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-input {
  width: 100%;
}
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-input .mat-form-field-outline {
}
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-input .mat-form-field-outline .mat-select-placeholder {
  display: none;
}
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-input .mat-mdc-input-element {
  color: var(--color-text-soft-dark);
}
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-select {
  width: 100%;
}
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-select .mat-select-placeholder,
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-select .mat-select-arrow,
.tbc-wizard-steps.step2 mat-form-field.dynamic-field.mat-form-field-type-mat-select .mat-select-value-text {
  color: var(--color-text-strong-light);
}
.tbc-wizard-steps.step2 .mat-form-field-subscript-wrapper {
  margin-top: 0;
}
.tbc-wizard-steps.step2 .mat-form-field-subscript-wrapper div {
  margin-top: 0;
}
.tbc-wizard-steps.step2 .mat-form-field-subscript-wrapper div .mat-mdc-form-field-error {
  background-color: var(--color-text-negative-initial);
  color: var(--color-text-strong-light);
  padding: 3px;
}
.tbc-wizard-steps.step2 .dynamic-label {
  color: var(--color-text-strong-light);
  text-align: left;
}
.tbc-wizard-steps.umts {
  min-height: 319px;
}
.tbc-wizard-steps.umts .short {
  padding-top: 25px;
  padding-left: 10% !important;
  padding-right: 10% !important;
}
.step1.umts {
  font-size: 15px;
}
.step1.umts .system-props {
  width: 100%;
  margin-top: 25px;
  text-align: center;
  color: var(--color-surface-high-dark-initial);
}
.step1.umts .umts-info {
  font-size: 15px;
}
.step1.umts .friendlyNameView {
  margin-bottom: 5px;
  margin-top: 25px;
}
.step1.umts .image-item-card img {
  max-width: 200px !important;
}
.step1.umts .image {
  width: auto !important;
}
.step2.umts.active:not(.editing) {
  background-image: none !important;
}
.step2.enterDetails {
  background-image: none;
}
.step2.enterDetails.active,
.step2.enterDetails.full {
  background-image: none;
}
.step2.enterDetails .mat-form-field-outline,
.step2.enterDetails .inp-lg {
  height: 60px !important;
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to {
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to mat-form-field.dynamic-field {
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to mat-form-field.dynamic-field.mat-form-field-type-mat-input {
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to mat-form-field.dynamic-field.mat-form-field-type-mat-input .mat-form-field-outline {
  height: 60px !important;
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to mat-form-field.dynamic-field.mat-form-field-type-mat-select {
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to mat-form-field.dynamic-field.mat-form-field-type-mat-select .mat-select-placeholder,
.step2.enterDetails .tbc-wizard-steps-controls.step-to mat-form-field.dynamic-field.mat-form-field-type-mat-select .mat-select-arrow,
.step2.enterDetails .tbc-wizard-steps-controls.step-to mat-form-field.dynamic-field.mat-form-field-type-mat-select .mat-select-value-text {
  color: var(--color-text-strong-light);
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to .mat-mdc-form-field .mat-form-field-flex {
  height: 60px;
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to input {
  margin-bottom: 20px;
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to .btn.selectpicker {
  font-size: 12px !important;
  height: 60px !important;
}
.step2.enterDetails .tbc-wizard-steps-controls.step-to .field-title {
  color: var(--color-text-strong-light);
  text-align: left;
}
.step2.enterDetails .cbox-table {
  margin-bottom: 5px;
  margin-top: 32px;
  min-height: 0 !important;
  font-size: 15px !important;
}
.step2.enterDetails .cbox-table .transfer-data .currency-label,
.step2.enterDetails .cbox-table .transfer-data .tran-code {
  color: var(--color-surface-high-dark-initial);
}
.step2.enterDetails .cbox-table .transfer-data .currency-label {
  color: var(--color-text-soft-inverted);
}
.step3.umts ib-dropdown .btn {
  display: block;
  margin-bottom: 20px !important;
}
.step3.umts.active .dropdown:not(.open) .acc-balance-value {
  display: none;
}
.step3.umts.active .tbc-wizard-steps-box {
  min-height: 125px;
}
.step3.umts .btn {
  margin-left: 0 !important;
}
.step3.umts .dropdown {
  width: 80%;
  margin: auto;
}
.step3.umts .dropdown.btn.btn-lg {
  padding: 18px 28px 18px 18px;
  margin-bottom: 0.5em;
  margin-left: 0;
}
.step3.umts .dropdown.btn.btn-lg.dropdown-toggle {
  width: 80%;
  margin: auto;
}
.step3.umts .dropdown.btn.btn-lg .dropdown-label {
  margin-top: 12px;
}
.step3.umts .transfer {
  width: 35%;
  float: right;
}
.step3.umts .dropdownTo .open .acc-iban {
  color: var(--color-text-soft-inverted) !important;
}
.step3.umts .open .acc-name {
  color: var(--color-surface-high-dark-initial) !important;
}
.step3.umts.active .not-selected-list {
  padding-top: 7px;
}
.step3.umts.active .dropdownTo :not(.open).acc-name,
.step3.umts.active .dropdownTo :not(.open).acc-iban {
  color: var(--color-surface-high-dark-initial);
}
.step3.umts.active .dropdownTo :not(.open).btn.btn-lg {
  padding-top: 10px;
}
.tbc-wizard-steps.img-money-transfer {
  background-image: url(/tbcrd/assets/img/transfers/money-transfer-icon-gray.svg);
}
.tbc-wizard-steps.img-details {
  background-image: url(/tbcrd/assets/img/transfers/enter-details-icon-gray.svg);
}
.tbc-wizard-steps.img-budget {
  background-image: url(/tbcrd/assets/img/transfers/icon-budget-gray.png);
}
.tbc-wizard-steps.img-card {
  background-image: url(/tbcrd/assets/img/transfers/icon-card-gray.png);
}
.tbc-wizard-steps.img-card-real {
  background-image: url(/tbcrd/assets/img/transfers/tbcbank-icon-card1.png);
}
.tbc-wizard-steps.img-money {
  background-image: url(/tbcrd/assets/img/transfers/icon-money-gray.png);
}
.tbc-wizard-steps.img-home {
  background-image: url(/tbcrd/assets/img/transfers/icon-home-gray.png);
}
.tbc-wizard-steps.img-bank {
  background-image: url(/tbcrd/assets/img/transfers/icon-bank-gray.png);
}
.tbc-wizard-steps.img-sec-box {
  background-image: url(/tbcrd/assets/img/transfers/icon-box-gray.png);
}
.tbc-wizard-steps.img-wallet {
  background-image: url(/tbcrd/assets/img/transfers/icon-which-gray.png);
}
.tbc-wizard-steps.active.img-money-transfer,
.tbc-wizard-steps.done.img-money-transfer {
  background-image: url(/tbcrd/assets/img/transfers/money-transfer-icon-blue.svg);
}
.tbc-wizard-steps.active.img-budget,
.tbc-wizard-steps.done.img-budget {
  background-image: url(/tbcrd/assets/img/transfers/icon-budget-blue.png);
}
.tbc-wizard-steps.active.img-card,
.tbc-wizard-steps.done.img-card {
  background-image: url(/tbcrd/assets/img/transfers/icon-card-blue.png);
}
.tbc-wizard-steps.active.img-money,
.tbc-wizard-steps.done.img-money {
  background-image: url(/tbcrd/assets/img/transfers/icon-money-blue.png);
}
.tbc-wizard-steps.active.img-home,
.tbc-wizard-steps.done.img-home {
  background-image: url(/tbcrd/assets/img/transfers/icon-home-blue.png);
}
.tbc-wizard-steps.active.img-bank,
.tbc-wizard-steps.done.img-bank {
  background-image: url(/tbcrd/assets/img/transfers/icon-bank-blue-active.png);
}
.tbc-wizard-steps.active.img-sec-box,
.tbc-wizard-steps.done.img-sec-box {
  background-image: url(/tbcrd/assets/img/transfers/icon-box-blue.png);
}
.tbc-wizard-steps.active.img-wallet,
.tbc-wizard-steps.done.img-wallet {
  background-image: url(/tbcrd/assets/img/transfers/icon-which-gray-active.png);
}
.disable {
  pointer-events: none;
}
.diff-currencies-info {
  margin: 0;
  float: left;
}
.diff-currencies-info a {
  color: var(--color-text-strong-light) !important;
  font-size: 13px;
  vertical-align: middle;
  background-position: left center;
  font-weight: bold;
}
.diff-currencies-info a:hover {
  text-decoration: none;
}
.diff-currencies-info::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  background-color: var(--color-text-strong-light);
  vertical-align: middle;
  mask-image: url(/tbcrd/assets/tbcx/icons/external-link-outlined.svg);
  -webkit-mask-image: url(/tbcrd/assets/tbcx/icons/external-link-outlined.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 20px;
  height: 20px;
  background-color: var(--color-icon-primary-initial);
}
.international-transfer-hint {
  color: var(--color-text-strong-light) !important;
  font-size: 13px;
}
.no-background-i {
  background-image: none !important;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.manager-contact .manager-contact-phone,
.manager-contact .manager-contact-email,
.manager-contact .manager-contact-web,
.manager-contact .manager-contact-adress {
  height: 27px;
  line-height: 27px;
  padding-left: 37px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.manager-contact .manager-contact-phone {
  color: var(--color-text-strong-default);
  background-image: url(/tbcrd/assets/img/homepage/pb-phone-icon.png);
}
.manager-contact .manager-contact-email {
  background-image: url(/tbcrd/assets/img/homepage/pb-mail-icon.png);
}
.manager-contact .manager-contact-web {
  background-image: url(/tbcrd/assets/img/homepage/pb-web-icon.png);
}
.manager-contact .manager-contact-adress {
  background-image: url(/tbcrd/assets/img/homepage/pb-adress-icon.png);
  white-space: normal;
  line-height: normal;
  height: auto;
  overflow: inherit;
}
@media (max-width: 1280px) {
  .manager-contact .manager-contact-adress br {
    display: block;
  }
  .manager-contact .manager-contact-adress a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.my-money-dialog.report-dialog .modal-header,
.my-money-dialog.report-dialog .modal-error-content .modal-error-header,
.modal-error-content .my-money-dialog.report-dialog .modal-error-header,
.my-money-dialog.report-dialog .modal-success-content .modal-success-header,
.modal-success-content .my-money-dialog.report-dialog .modal-success-header {
  border-bottom: 1px solid var(--color-icon-primary-initial);
}
.my-money-dialog.report-dialog .modal-header .modal-title,
.my-money-dialog.report-dialog .modal-error-content .modal-error-header .modal-title,
.modal-error-content .my-money-dialog.report-dialog .modal-error-header .modal-title,
.my-money-dialog.report-dialog .modal-success-content .modal-success-header .modal-title,
.modal-success-content .my-money-dialog.report-dialog .modal-success-header .modal-title {
  color: #333333;
}
.my-money-dialog.report-dialog .modal-content,
.my-money-dialog.report-dialog .modal-error-content,
.my-money-dialog.report-dialog .modal-success-content {
  overflow: hidden;
  padding-left: 40px;
}
.my-money-dialog.report-dialog .modal-content .modal-loader,
.my-money-dialog.report-dialog .modal-error-content .modal-loader,
.my-money-dialog.report-dialog .modal-success-content .modal-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 1;
}
.my-money-dialog.report-dialog .modal-body,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body {
  padding: 0;
}
.my-money-dialog.report-dialog .modal-body .error-message,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .error-message,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .error-message,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .error-message,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .error-message {
  color: #ee373d;
}
.my-money-dialog.report-dialog .modal-body .currency,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .currency,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .currency,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .currency,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .currency {
  font-size: 14px;
  color: var(--color-text-soft-default);
}
.my-money-dialog.report-dialog .modal-body .report-symbol,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-symbol,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-symbol,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-symbol,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-symbol {
  font-size: 15px;
  line-height: 25px;
  align-self: center;
  margin-top: -1px;
  margin-right: 4px;
}
.my-money-dialog.report-dialog .modal-body .report-symbol.plus,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-symbol.plus,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-symbol.plus,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-symbol.plus,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-symbol.plus {
  color: #91c73e;
}
.my-money-dialog.report-dialog .modal-body .report-symbol.minus,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-symbol.minus,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-symbol.minus,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-symbol.minus,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-symbol.minus {
  color: #c82226;
}
.my-money-dialog.report-dialog .modal-body .report-step-title,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step-title,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step-title,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step-title,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step-title {
  margin-top: 29px;
  font-size: 24px;
  color: var(--color-text-soft-inverted);
}
.my-money-dialog.report-dialog .modal-body .report-step-description,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step-description,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step-description,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step-description,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step-description {
  margin-top: 10px;
  margin-bottom: 25px;
  font-size: 14px;
  color: var(--color-text-soft-inverted);
}
.my-money-dialog.report-dialog .modal-body .report-step-description b,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step-description b,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step-description b,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step-description b,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step-description b {
  color: var(--color-text-soft-inverted);
}
.my-money-dialog.report-dialog .modal-body .report-step.step-1 .report-container,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-1 .report-container,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-1 .report-container,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-1 .report-container,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-1 .report-container {
  flex-direction: column;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-graph,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-graph,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-graph,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-graph,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-graph {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200px;
  min-width: 165px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg {
  width: 225px;
  height: 225px;
  position: absolute;
  top: 0;
  left: 0;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pieLabels,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pieLabels,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pieLabels,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pieLabels,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pieLabels,
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pie image,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pie image,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pie image,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pie image,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-graph svg#mm-report-expenses-svg .nv-pie image {
  display: none;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-list,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-list,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-list,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-list,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-list {
  flex: 1;
  width: 355px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 145px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-list .category-list-title,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-list .category-list-title,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-list .category-list-title,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-list .category-list-title,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-list .category-list-title {
  font-size: 20px;
  color: var(--color-text-soft-inverted);
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-item,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-item,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-item,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-item,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-item {
  display: flex;
  flex-direction: row;
  height: 30px;
  align-items: center;
  width: 100%;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-item .category-color,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-item .category-color,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-item .category-color,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-item .category-color,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-item .category-color {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 10px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-item .category-title,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-item .category-title,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-item .category-title,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-item .category-title,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-item .category-title {
  display: flex;
  flex: 1;
  color: var(--color-text-soft-default);
  font-size: 16px;
  margin-right: 10px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-item .category-amount,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-item .category-amount,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-item .category-amount,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-item .category-amount,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-item .category-amount {
  text-align: right;
  color: var(--color-text-soft-inverted);
  font-size: 20px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-2 .category-item .category-amount .currency,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-2 .category-item .category-amount .currency,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-2 .category-item .category-amount .currency,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-2 .category-item .category-amount .currency,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-2 .category-item .category-amount .currency {
  margin-left: 5px;
  font-size: 14px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-titles,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-titles,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-titles,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-titles,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-titles {
  color: #a4abb1;
  padding-right: 10px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-titles .bar-average,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-titles .bar-average,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-titles .bar-average,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-titles .bar-average,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-titles .bar-average {
  height: 130px;
  display: flex;
  position: relative;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-titles .bar-average span,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-titles .bar-average span,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-titles .bar-average span,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-titles .bar-average span,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-titles .bar-average span {
  height: 20px;
  line-height: 10px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-titles .bar-currency,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-titles .bar-currency,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-titles .bar-currency,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-titles .bar-currency,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-titles .bar-currency {
  margin-bottom: 10px;
  height: 35px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-titles .bar-date,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-titles .bar-date,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-titles .bar-date,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-titles .bar-date,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-titles .bar-date {
  height: 28px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  border-left: 1px solid #d9e0ea;
  position: relative;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container .average-container,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container .average-container,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container .average-container,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container .average-container,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container .average-container {
  position: absolute;
  width: 100%;
  height: 130px;
  bottom: 30px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container .average-container .dots,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container .average-container .dots,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container .average-container .dots,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container .average-container .dots,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container .average-container .dots {
  width: 100%;
  position: absolute;
  z-index: 100;
  border-bottom: 1px dashed #bbcbda;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container .bar-container,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container .bar-container,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container .bar-container,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container .bar-container,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container .bar-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container .bar-container .bar-value,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-value,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-value,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-value,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-value {
  color: #6f7d88;
  margin-bottom: 15px;
  font-size: 12px;
  height: 35px;
  text-align: center;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container .bar-container .bar-graph,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-graph,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-graph,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-graph,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-graph {
  height: 130px;
  width: 32px;
  position: relative;
  background: #e5ecf4;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container .bar-container .bar-graph .bar-graph-filled,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-graph .bar-graph-filled,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-graph .bar-graph-filled,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-graph .bar-graph-filled,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-graph .bar-graph-filled {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #0b82dc;
  z-index: 12;
  width: 100%;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-3 .bars-container .bar-container .bar-date,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-date,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-3 .bars-container .bar-container .bar-date,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-date,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-3 .bars-container .bar-container .bar-date {
  color: #a4abb1;
  padding-top: 10px;
  display: flex;
  flex: 1;
  border-top: 1px solid #d9e0ea;
  width: 100%;
  text-align: center;
  justify-content: center;
  font-size: 12px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container {
  padding: 25px 40px;
  flex-direction: column;
  display: block;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container .tip-icon,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  margin: 10px 40px 10px 0;
  background-size: 100% 100%;
  background-position: center;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-home-icon,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-home-icon,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-home-icon,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-home-icon,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-home-icon {
  background-image: url(/tbcrd/assets/img/mymoney/tip-home-icon.svg);
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-dots-icon,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-dots-icon,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-dots-icon,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-dots-icon,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-dots-icon {
  background-image: url(/tbcrd/assets/img/mymoney/tip-dots-icon.svg);
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-eye-icon,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-eye-icon,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-eye-icon,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-eye-icon,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container .tip-icon.tip-eye-icon {
  background-image: url(/tbcrd/assets/img/mymoney/tip-eye-icon.svg);
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container .tip-texts,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container .tip-texts,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container .tip-texts,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container .tip-texts,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container .tip-texts {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-reason,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-reason,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-reason,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-reason,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-reason {
  color: #6f7d88;
  font-size: 12px;
}
.my-money-dialog.report-dialog .modal-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-text,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-text,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-text,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-text,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-step.step-4 .report-container .tip-container .tip-texts .tip-text {
  font-size: 17px;
  cursor: pointer;
}
.my-money-dialog.report-dialog .modal-body .report-container,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container {
  display: flex;
  flex-direction: row;
  background-color: var(--color-surface-canvas-pressed);
  margin-left: -40px;
  padding: 40px;
  position: relative;
  min-height: 225px;
}
.my-money-dialog.report-dialog .modal-body .report-container .report-row,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
  align-items: center;
}
.my-money-dialog.report-dialog .modal-body .report-container .report-row .report-title,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row .report-title,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row .report-title,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row .report-title,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row .report-title,
.my-money-dialog.report-dialog .modal-body .report-container .report-row .report-value,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row .report-value,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row .report-value,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row .report-value,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row .report-value {
  color: var(--color-text-soft-inverted);
  font-size: 14px;
  display: flex;
  flex: 1;
  align-items: baseline;
}
.my-money-dialog.report-dialog .modal-body .report-container .report-row .report-title .currency,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row .report-title .currency,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row .report-title .currency,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row .report-title .currency,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row .report-title .currency,
.my-money-dialog.report-dialog .modal-body .report-container .report-row .report-value .currency,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row .report-value .currency,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row .report-value .currency,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row .report-value .currency,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row .report-value .currency {
  margin-left: 5px;
}
.my-money-dialog.report-dialog .modal-body .report-container .report-row .report-value,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row .report-value,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row .report-value,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row .report-value,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row .report-value {
  justify-content: flex-end;
  font-size: 20px;
}
.my-money-dialog.report-dialog .modal-body .report-container .report-row:last-child,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row:last-child,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row:last-child,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row:last-child,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row:last-child {
  margin-top: 40px;
  margin-bottom: 0;
}
.my-money-dialog.report-dialog .modal-body .report-container .report-row:last-child .report-value,
.my-money-dialog.report-dialog .modal-error-content .modal-error-body .report-container .report-row:last-child .report-value,
.modal-error-content .my-money-dialog.report-dialog .modal-error-body .report-container .report-row:last-child .report-value,
.my-money-dialog.report-dialog .modal-success-content .modal-success-body .report-container .report-row:last-child .report-value,
.modal-success-content .my-money-dialog.report-dialog .modal-success-body .report-container .report-row:last-child .report-value {
  font-size: 28px;
}
.my-money-dialog.report-dialog .modal-footer,
.my-money-dialog.report-dialog .modal-error-content .modal-error-footer,
.modal-error-content .my-money-dialog.report-dialog .modal-error-footer,
.my-money-dialog.report-dialog .modal-success-content .modal-success-footer,
.modal-success-content .my-money-dialog.report-dialog .modal-success-footer {
  display: flex;
  flex-direction: row;
  padding: 0 40px 0 0;
  height: 115px;
}
.my-money-dialog.report-dialog .modal-footer .back-btn,
.my-money-dialog.report-dialog .modal-error-content .modal-error-footer .back-btn,
.modal-error-content .my-money-dialog.report-dialog .modal-error-footer .back-btn,
.my-money-dialog.report-dialog .modal-success-content .modal-success-footer .back-btn,
.modal-success-content .my-money-dialog.report-dialog .modal-success-footer .back-btn {
  display: block;
  background-image: url(/tbcrd/assets/img/mymoney/back.svg);
  background-repeat: no-repeat;
  height: 12px;
  width: 16px;
  margin-right: 10px;
}
.my-money-dialog.report-dialog .modal-footer a,
.my-money-dialog.report-dialog .modal-error-content .modal-error-footer a,
.modal-error-content .my-money-dialog.report-dialog .modal-error-footer a,
.my-money-dialog.report-dialog .modal-success-content .modal-success-footer a,
.modal-success-content .my-money-dialog.report-dialog .modal-success-footer a {
  cursor: pointer;
}
.my-money-dialog.report-dialog .modal-footer > *,
.my-money-dialog.report-dialog .modal-error-content .modal-error-footer > *,
.modal-error-content .my-money-dialog.report-dialog .modal-error-footer > *,
.my-money-dialog.report-dialog .modal-success-content .modal-success-footer > *,
.modal-success-content .my-money-dialog.report-dialog .modal-success-footer > * {
  display: flex;
  flex: 1;
  align-items: center;
}
.my-money-dialog.report-dialog .modal-footer > * .current-step,
.my-money-dialog.report-dialog .modal-error-content .modal-error-footer > * .current-step,
.modal-error-content .my-money-dialog.report-dialog .modal-error-footer > * .current-step,
.my-money-dialog.report-dialog .modal-success-content .modal-success-footer > * .current-step,
.modal-success-content .my-money-dialog.report-dialog .modal-success-footer > * .current-step {
  font-size: 24px;
  margin-right: 5px;
  color: var(--color-text-soft-inverted);
}
.my-money-dialog.report-dialog .modal-footer > * .max-steps,
.my-money-dialog.report-dialog .modal-error-content .modal-error-footer > * .max-steps,
.modal-error-content .my-money-dialog.report-dialog .modal-error-footer > * .max-steps,
.my-money-dialog.report-dialog .modal-success-content .modal-success-footer > * .max-steps,
.modal-success-content .my-money-dialog.report-dialog .modal-success-footer > * .max-steps {
  color: var(--color-text-soft-inverted);
  font-size: 16px;
}
.my-money-dialog.report-dialog .modal-footer > *:last-child,
.my-money-dialog.report-dialog .modal-error-content .modal-error-footer > *:last-child,
.modal-error-content .my-money-dialog.report-dialog .modal-error-footer > *:last-child,
.my-money-dialog.report-dialog .modal-success-content .modal-success-footer > *:last-child,
.modal-success-content .my-money-dialog.report-dialog .modal-success-footer > *:last-child {
  justify-content: flex-end;
  font-size: 16px;
}
.cdk-overlay-pane {
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.mat-mdc-tooltip-panel .mat-tooltip {
  font-family: "TBCX";
  font-weight: 500;
  overflow: hidden;
  pointer-events: none;
  padding: 0.5em;
  font-size: 14px;
  color: var(--color-text-soft-inverted);
  background-color: var(--color-text-strong-light);
  border: 1px solid var(--color-text-disabled-dark);
  max-width: 600px;
  white-space: normal;
}
.mask-tooltip {
  z-index: 5000 !important;
}
.flag-item {
  background-image: url(/tbcrd/assets/img/flag/default-flag.svg);
}
.flag-item.aud,
.flag-item.avd {
  background-image: url(/tbcrd/assets/img/flag/avd.svg);
}
.flag-item.gel {
  background-image: url(/tbcrd/assets/img/flag/gel.svg);
}
.flag-item.ats {
  background-image: url(/tbcrd/assets/img/flag/ats.png);
}
.flag-item.azn {
  background-image: url(/tbcrd/assets/img/flag/azn.svg);
}
.flag-item.byb,
.flag-item.byn {
  background-image: url(/tbcrd/assets/img/flag/byb.svg);
}
.flag-item.cad {
  background-image: url(/tbcrd/assets/img/flag/cad.svg);
}
.flag-item.chf {
  background-image: url(/tbcrd/assets/img/flag/chf.svg);
}
.flag-item.czk {
  background-image: url(/tbcrd/assets/img/flag/czk.svg);
}
.flag-item.eur {
  background-image: url(/tbcrd/assets/img/flag/eur.svg);
}
.flag-item.gbp {
  background-image: url(/tbcrd/assets/img/flag/gbp.svg);
}
.flag-item.hkd {
  background-image: url(/tbcrd/assets/img/flag/hkd.svg);
}
.flag-item.ils {
  background-image: url(/tbcrd/assets/img/flag/ils.svg);
}
.flag-item.jpy {
  background-image: url(/tbcrd/assets/img/flag/jpy.svg);
}
.flag-item.kzt {
  background-image: url(/tbcrd/assets/img/flag/kzt.png);
}
.flag-item.mdl {
  background-image: url(/tbcrd/assets/img/flag/mdl.svg);
}
.flag-item.nok {
  background-image: url(/tbcrd/assets/img/flag/nok.svg);
}
.flag-item.rur,
.flag-item.rub {
  background-image: url(/tbcrd/assets/img/flag/rur.svg);
}
.flag-item.sek {
  background-image: url(/tbcrd/assets/img/flag/sek.svg);
}
.flag-item.ukg,
.flag-item.uah {
  background-image: url(/tbcrd/assets/img/flag/ukg.png);
}
.flag-item.usd {
  background-image: url(/tbcrd/assets/img/flag/usd.svg);
}
.flag-item.try {
  background-image: url(/tbcrd/assets/img/flag/try.svg);
}
.flag-item.aed,
.flag-item.uzs {
  background-image: url(/tbcrd/assets/img/flag/aed.svg);
}
.flag-item.dkk {
  background-image: url(/tbcrd/assets/img/flag/dkk.svg);
}
.flag-item.ltl {
  background-image: url(/tbcrd/assets/img/flag/ltl.png);
}
.flag-item.pln {
  background-image: url(/tbcrd/assets/img/flag/pln.svg);
}
.flag-item.amd {
  background-image: url(/tbcrd/assets/img/flag/amd.svg);
}
.flag-item.cny {
  background-image: url(/tbcrd/assets/img/flag/cny.png);
}
.flag-item.sbd {
  background-image: url(/tbcrd/assets/img/flag/sbd.png);
}
.flag-item.bhd {
  background-image: url(/tbcrd/assets/img/flag/bhd.png);
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: var(--color-stroke-strong-initial);
}
.mat-form-field-type-mat-select {
}
.mat-form-field-type-mat-select.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--color-stroke-strong-initial);
}
.mat-form-field-type-mat-input {
}
.mat-form-field-type-mat-input.mat-form-field-appearance-outline .mat-form-field-outline {
  background-color: var(--color-surface-low-initial);
  border-radius: inherit;
}
.mat-form-field-type-mat-input.mat-form-field-appearance-outline .mat-form-field-outline-end,
.mat-form-field-type-mat-input.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: inherit;
  border-width: 1.5px !important;
}
.mat-form-field-type-mat-input.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: var(--color-stroke-primary-initial);
}
.mat-form-field-type-mat-input .mat-form-field-subscript-wrapper {
  margin-top: 0.4em;
}
.mat-form-field-type-mat-input.mat-form-field-appearance-outline .mat-form-field-suffix {
  top: -0.25em;
}
.mat-form-field-appearance-outline .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-width: 2px !important;
}
.mat-mdc-form-field {
  line-height: 1;
}
.mat-mdc-form-field .mat-form-field-flex {
  height: 50px;
}
.mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0px !important;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 0.7em 0 1em 0;
}
ib-dynamic-form .mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 1em;
}
ib-template-edit-form ib-dynamic-form .mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 0.2rem;
  font-size: 18px;
}
.tbc-wizard-steps-box ib-dynamic-form .mat-form-field-appearance-outline .mat-form-field-infix {
  padding-top: 0.2rem;
}
.mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding: 0 !important;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid:not(:focus-within) .mat-form-field-outline-thick {
  color: var(--color-text-negative-initial);
}
.mat-mdc-form-field {
  font-family: "TBCX";
  font-weight: 500;
}
.ng-submitted .mat-form-field-invalid input.mat-mdc-input-element,
.mat-form-field-invalid input.mat-input-element.ng-invalid.ng-dirty.ng-touched,
.mat-form-field-invalid input.mat-input-element.ng-invalid.ng-pristine.ng-touched:not(:focus) {
  outline: none !important;
}
.mat-form-field-subscript-wrapper {
  font-size: 12px;
  overflow: visible !important;
}
.input-box.brand:focus-within {
  outline: var(--color-stroke-primary-initial) 2px solid;
}
input[matInput] {
  caret-color: var(--color-surface-high-dark-initial) !important;
}
.ng-submitted input.ng-invalid {
  outline: none !important;
}
.mat-mdc-select,
.mat-mdc-option {
  font-family: "TBCX";
  font-weight: 400;
}
.mat-select-arrow {
  width: 0;
  height: 0;
  border-left: 0px solid transparent !important;
  border-right: 0px solid transparent !important;
  border-top: 0px solid !important;
  margin: 0 !important;
  padding: 14px 20px;
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-size: 16px 9px;
  background-repeat: no-repeat;
  background-position: right 5px center;
}
.mat-mdc-select-panel {
  margin-top: -20px;
  margin-bottom: -35px;
  max-height: 290px !important;
}
.mat-mdc-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
  border-style: solid;
  border-width: 2px;
  border-color: var(--color-stroke-primary-initial);
}
.mat-mdc-select-panel:not([class*=mat-elevation-z]).important-mat-color {
  box-shadow: none;
  border-style: solid;
  border-width: 2px;
  border-color: var(--color-stroke-primary-initial) !important;
}
.mat-mdc-select-panel:not([class*=mat-elevation-z]).restyle {
  border: solid 1px var(--color-stroke-softer-initial);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--text-style-label-m-regular-font-family);
  font-weight: var(--text-style-label-m-regular-font-weight);
  line-height: var(--text-style-label-m-regular-line-height);
  font-size: var(--text-style-label-m-regular-font-size);
  -moz-font-feature-settings: unset;
  -webkit-font-feature-settings: unset;
  font-feature-settings: unset;
  text-decoration: var(--text-style-label-m-regular-text-decoration);
  font-size: 14px;
}
.mat-select-panel mat-option.mat-mdc-option,
mat-option.mat-mdc-option {
  padding-top: 8px;
  padding-bottom: 8px;
  height: unset;
  line-height: inherit;
}
.mat-option-text.mat-option-text {
  white-space: normal;
}
.mat-primary .mat-mdc-option.mat-selected:not(.mat-option-disabled) {
  color: inherit;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
@-webkit-keyframes thumb {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(25deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
span.ovo {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  position: relative;
  width: 31px;
  height: 31px;
  background: transparent none no-repeat center center;
  background-size: contain;
}
span.ovo img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
span.ovo img[src] {
  display: block;
}
span.ovo.split {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: url(/tbcrd/assets/img/mymoney/icon-cat-split.png);
  background-size: 31px 31px;
}
span.ovo.split img {
  display: none;
}
span.ovo.display-as-hidden {
  display: inline-block;
  width: 36px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent url(/tbcrd/assets/img/collapseIcon.svg) no-repeat left center;
  background-size: 31px 31px;
}
span.ovo.display-as-hidden img {
  display: none;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
@-webkit-keyframes thumb {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(25deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
.mat-mdc-autocomplete-panel:not([class*=mat-elevation-z]) mat-option {
  font-family: "TBCX";
  font-weight: 500;
  font-size: 14px !important;
}
.mat-mdc-autocomplete-panel:not([class*=mat-elevation-z]).restyle mat-option {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--text-style-label-m-regular-font-family);
  font-weight: var(--text-style-label-m-regular-font-weight);
  line-height: var(--text-style-label-m-regular-line-height);
  font-size: var(--text-style-label-m-regular-font-size);
  -moz-font-feature-settings: unset;
  -webkit-font-feature-settings: unset;
  font-feature-settings: unset;
  text-decoration: var(--text-style-label-m-regular-text-decoration);
  font-size: 14px !important;
}
.purposeAutocomplete mat-option.mat-mdc-option {
  height: unset !important;
  white-space: normal;
  line-height: 36px !important;
}
.purposeAutocomplete mat-option.mat-mdc-option:hover:not(.mat-mdc-option-disabled) {
  background: none;
  color: var(--color-text-soft-inverted);
}
.purposeAutocomplete mat-option.mat-mdc-option .mdc-list-item__primary-text {
  border-top: 1px var(--color-text-disabled-dark) solid;
}
.mat-slide-toggle-bar {
  width: 29px !important;
}
.mat-slide-toggle-thumb-container {
  width: 12px !important;
  height: 12px !important;
  top: 1px !important;
  left: 0px !important;
}
.mat-mdc-slide-toggle:not(.mat-checked) {
}
.mat-mdc-slide-toggle:not(.mat-checked) .mat-slide-toggle-thumb-container {
  transform: translate3d(1px, 0, 0) !important;
}
.mat-mdc-slide-toggle:not(.mat-checked) .mat-slide-toggle-bar {
  background-color: var(--color-text-soft-inverted) !important;
}
.mat-slide-toggle-thumb {
  box-shadow: none;
  height: 12px !important;
  width: 12px !important;
}
.mat-mdc-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: var(--color-text-positive-initial) !important;
}
.mat-mdc-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: var(--color-text-strong-light) !important;
}
.mat-mdc-slide-toggle .mat-slide-toggle-ripple {
  display: none;
}
.cdk-overlay-container {
  z-index: 1111;
}
.mat-mdc-dialog-container {
  padding: inherit !important;
}
.priority-dialog-container .mat-mdc-dialog-container {
  border-radius: 10px;
}
mat-horizontal-stepper.ib-wizard {
  background: none !important;
}
mat-horizontal-stepper.ib-wizard .mat-horizontal-stepper-header-container {
  display: none !important;
}
mat-horizontal-stepper.ib-wizard .mat-horizontal-content-container {
  padding: 0 !important;
}
mat-horizontal-stepper.ib-wizard .mat-horizontal-stepper-content {
  visibility: visible !important;
  height: auto !important;
  transform: none !important;
}
mat-horizontal-stepper.ib-wizard .mat-horizontal-stepper-content[aria-expanded=false] {
  overflow: initial;
}
ib-wizard-umtss .mat-horizontal-content-container {
  overflow: unset;
}
.mat-mdc-button-touch-target {
  width: 24px !important;
  height: 24px !important;
}
.mat-mdc-icon-button {
  height: 24px !important;
  padding: 0 !important;
}
.mat-mdc-menu-item {
  min-height: 30px !important;
}
.mat-mdc-menu-item-text {
  white-space: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  font-weight: inherit !important;
}
.mat-mdc-radio-button *,
.mat-mdc-standard-chip *,
.mat-mdc-menu-item-text * {
  font-family: inherit !important;
}
@-webkit-keyframes fade-up-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fade-up-enter {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fade-up-enter {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fade-up-enter {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fade-up-leave {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fade-up-leave {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fade-up-leave {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fade-up-leave {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.animated-item.ng-enter,
.animated-item.ng-leave {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.animated-item.ng-leave.ng-leave-active {
  display: none;
}
.animated-item.ng-enter {
  opacity: 0;
}
.animated-item.ng-leave,
.animated-item.ng-enter.ng-enter-active {
  opacity: 1;
}
.animated-ui-view.ng-enter,
.animated-ui-view.ng-leave {
  -webkit-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.animated-ui-view.ng-enter,
.animated-ui-view.ng-leave.ng-leave-active {
  opacity: 0;
}
.animated-ui-view.ng-leave,
.animated-ui-view.ng-enter.ng-enter-active {
  opacity: 1;
}
.animate-fade-up.ng-enter {
  -webkit-animation: 0.35s fade-up-enter;
  -moz-animation: 0.35s fade-up-enter;
  -o-animation: 0.35s fade-up-enter;
  animation: 0.35s fade-up-enter;
}
.animate-fade-up.ng-leave {
  -webkit-animation: 0.35s fade-up-leave;
  -moz-animation: 0.35s fade-up-leave;
  -o-animation: 0.35s fade-up-leave;
  animation: 0.35s fade-up-leave;
}
.animated-show-item {
  opacity: 1;
}
.animated-show-item.ng-hide-add,
.animated-show-item.ng-hide-remove {
  -webkit-transition: all linear 0.5s;
  transition: all linear 0.5s;
}
.animated-show-item.ng-hide {
  opacity: 0;
}
.animated-show-item-fade-up {
  opacity: 1;
  transform: translateY(0);
}
.animated-show-item-fade-up.ng-hide-add,
.animated-show-item-fade-up.ng-hide-remove {
  -webkit-transition: all linear 0.3s;
  transition: all linear 0.3s;
}
.animated-show-item-fade-up.ng-hide {
  opacity: 0;
  transform: translateY(-20px);
}
.slideWrapper {
  position: relative;
  overflow: hidden;
}
.slideWrapper .slideTop {
  position: absolute;
  top: -100px;
  transition: 0.2s;
  opacity: 0;
  padding: 10px;
  z-index: 2000;
}
.slideWrapper:hover .slideTop {
  transition: 0.3s;
  top: 4px;
  opacity: 1;
}
.slideWrapper .slideTopN {
  position: absolute;
  top: 0;
  transition: 0.2s;
  opacity: 0;
  padding: 10px;
  z-index: 2000;
}
.slideWrapper[ov] {
  overflow: visible;
}
.slideWrapper:hover .slideTopN {
  transition: 0.3s;
  top: -30px;
  opacity: 1;
}
.slideWrapper .slideRight {
  position: absolute;
  left: 200px;
  right: -100px;
  transition: 0.2s;
}
.slideWrapper:hover .slideRight {
  transition: 0.1s;
  right: 0;
  left: 100px;
}
.animated-item-slide {
  display: block;
}
.animated-item-slide.ng-enter {
  -webkit-animation: slideInRight 0.5s both ease;
  -moz-animation: slideInRight 0.5s both ease;
  animation: slideInRight 0.5s both ease;
}
.animated-item-slide.ng-leave {
  -webkit-animation: slideOutLeft 0.5s both ease;
  -moz-animation: slideOutLeft 0.5s both ease;
  animation: slideOutLeft 0.5s both ease;
}
.animated-item-slide-reversed {
  display: block;
}
.animated-item-slide-reversed.ng-enter {
  -webkit-animation: slideInLeft 0.5s both ease;
  -moz-animation: slideInLeft 0.5s both ease;
  animation: slideInLeft 0.5s both ease;
}
.animated-item-slide-reversed.ng-leave {
  -webkit-animation: slideOutRight 0.5s both ease;
  -moz-animation: slideOutRight 0.5s both ease;
  animation: slideOutRight 0.5s both ease;
}
.animated-item-slide2 {
  display: block;
}
.animated-item-slide2.ng-enter {
  -webkit-animation: slideInRight 0.5s both ease;
  -moz-animation: slideInRight 0.5s both ease;
  animation: slideInRight 0.5s both ease;
}
.animated-item-slide2.ng-leave {
  -webkit-animation: slideOutRight 0.5s both ease;
  -moz-animation: slideOutRight 0.5s both ease;
  animation: slideOutRight 0.5s both ease;
}
.animated-item-slide-reversed2 {
  display: block;
}
.animated-item-slide-reversed2.ng-enter {
  -webkit-animation: slideInLeft 0.5s both ease;
  -moz-animation: slideInLeft 0.5s both ease;
  animation: slideInLeft 0.5s both ease;
}
.animated-item-slide-reversed2.ng-leave {
  -webkit-animation: slideOutLeft 0.5s both ease;
  -moz-animation: slideOutLeft 0.5s both ease;
  animation: slideOutLeft 0.5s both ease;
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  from {
    opacity: 0;
    -moz-transform: translateX(20%);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translateX(20%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slideOutRight {
  from {
    opacity: 1;
    transform: translateX(0%);
  }
  to {
    opacity: 0;
    transform: translateX(20%);
  }
}
@-moz-keyframes slideOutRight {
  from {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
  to {
    opacity: 0;
    -moz-transform: translateX(20%);
  }
}
@-webkit-keyframes slideOutRight {
  from {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(20%);
  }
}
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  from {
    opacity: 0;
    -moz-transform: translateX(-20%);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-webkit-keyframes slideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes slideOutLeft {
  from {
    opacity: 1;
    transform: translateX(0%);
  }
  to {
    opacity: 0;
    transform: translateX(-20%);
  }
}
@-moz-keyframes slideOutLeft {
  from {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
  to {
    opacity: 0;
    -moz-transform: translateX(-20%);
  }
}
@-webkit-keyframes slideOutLeft {
  from {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-20%);
  }
}
.carousel-wrapper {
  position: relative;
  margin: auto;
  width: 1200px;
}
@media only screen and (max-width: 79.9375em) {
  .carousel-wrapper {
    width: 1000px;
  }
}
@media (min-width: 1920px) {
  .carousel-wrapper {
    width: 1350px;
  }
}
.animated-page-carousel-slide {
  transition: all 0.5s ease;
}
.animated-page-carousel-slide .view {
  transition: all 0.5s ease;
  width: 1200px;
}
@media only screen and (max-width: 79.9375em) {
  .animated-page-carousel-slide .view {
    width: 1000px;
  }
}
@media (min-width: 1920px) {
  .animated-page-carousel-slide .view {
    width: 1350px;
  }
}
.animated-page-carousel-slide .view .carousel-item-wrapper {
  overflow: hidden;
}
.animated-page-carousel-slide .view .carousel-item-content {
  width: 1200px;
  display: block;
  -webkit-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}
@media only screen and (max-width: 79.9375em) {
  .animated-page-carousel-slide .view .carousel-item-content {
    width: 1000px;
  }
}
@media (min-width: 1920px) {
  .animated-page-carousel-slide .view .carousel-item-content {
    width: 1350px;
  }
}
.animated-page-carousel-slide .view.leave-active {
  position: absolute;
  top: 0;
}
.animated-page-carousel-slide .view.leave-active .carousel-wrapper ui-view {
  display: none;
}
.animated-page-carousel-slide .view.ng-enter .carousel-item {
  -webkit-animation: inRight 0.5s both ease;
  -moz-animation: inRight 0.5s both ease;
  animation: inRight 0.5s both ease;
}
.animated-page-carousel-slide .view.ng-leave .carousel-item {
  -webkit-animation: outLeft 0.5s both ease;
  -moz-animation: outLeft 0.5s both ease;
  animation: outLeft 0.5s both ease;
}
.animated-page-carousel-slide .view.ng-enter .carousel-item-content {
  opacity: 1;
}
.animated-page-carousel-slide .view.ng-leave .carousel-item-content {
  opacity: 0;
}
.animated-page-carousel-slide.reverse .view.ng-enter .carousel-item {
  -webkit-animation: inLeft 0.5s both ease;
  -moz-animation: inLeft 0.5s both ease;
  animation: inLeft 0.5s both ease;
}
.animated-page-carousel-slide.reverse .view.ng-leave .carousel-item {
  -webkit-animation: outRight 0.5s both ease;
  -moz-animation: outRight 0.5s both ease;
  animation: outRight 0.5s both ease;
}
@keyframes outLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@-moz-keyframes outLeft {
  from {
    -moz-transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-100%);
  }
}
@-webkit-keyframes outLeft {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes inRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@-moz-keyframes inRight {
  from {
    -moz-transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(0);
  }
}
@-webkit-keyframes inRight {
  from {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
@keyframes outRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@-moz-keyframes outRight {
  from {
    -moz-transform: translateX(0);
  }
  to {
    -moz-transform: translateX(100%);
  }
}
@-webkit-keyframes outRight {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(100%);
  }
}
@keyframes inLeft {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@-moz-keyframes inLeft {
  from {
    -moz-transform: translateX(-100%);
  }
  to {
    -moz-transform: translateX(0);
  }
}
@-webkit-keyframes inLeft {
  from {
    -webkit-transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(0);
  }
}
.animated-form-item:nth-child(2) {
  display: none;
  position: absolute;
}
.animated-step-form {
  transition: all 0.5s ease;
}
.animated-step-form .animated-form-wrapper {
  position: relative;
  overflow: hidden;
}
.animated-step-form .animated-form-item {
  display: block;
}
.animated-step-form .animated-form-item.ng-enter {
  -webkit-animation: inRight 0.5s both ease;
  -moz-animation: inRight 0.5s both ease;
  animation: inRight 0.5s both ease;
}
.animated-step-form .animated-form-item.ng-leave {
  -webkit-animation: outLeft 0.5s both ease;
  -moz-animation: outLeft 0.5s both ease;
  animation: outLeft 0.5s both ease;
}
.animated-step-form.reverse .animated-form-item.ng-enter {
  -webkit-animation: inLeft 0.5s both ease;
  -moz-animation: inLeft 0.5s both ease;
  animation: inLeft 0.5s both ease;
}
.animated-step-form.reverse .animated-form-item.ng-leave {
  -webkit-animation: outRight 0.5s both ease;
  -moz-animation: outRight 0.5s both ease;
  animation: outRight 0.5s both ease;
}
.carousel .carousel-animated-item {
  transition: all 1s ease;
  position: absolute;
  display: block;
}
.carousel .ng-enter.carousel-animated-item {
  -webkit-animation: inRight 1s both ease;
  -moz-animation: inRight 1s both ease;
  animation: inRight 1s both ease;
}
.carousel .ng-leave.carousel-animated-item {
  -webkit-animation: outLeft 1s both ease;
  -moz-animation: outLeft 1s both ease;
  animation: outLeft 1s both ease;
}
.carousel.reverse .ng-enter.carousel-animated-item {
  -webkit-animation: inLeft 1s both ease;
  -moz-animation: inLeft 1s both ease;
  animation: inLeft 1s both ease;
}
.carousel.reverse .ng-leave.carousel-animated-item {
  -webkit-animation: outRight 1s both ease;
  -moz-animation: outRight 1s both ease;
  animation: outRight 1s both ease;
}
@-webkit-keyframes fade-down-enter {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fade-down-enter {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fade-down-enter {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fade-down-enter {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fade-down-leave {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@-moz-keyframes fade-down-leave {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}
@-o-keyframes fade-down-leave {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}
@keyframes fade-down-leave {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.animate-fade-down.ng-enter {
  -webkit-animation: 0.35s fade-down-enter;
  -moz-animation: 0.35s fade-down-enter;
  -o-animation: 0.35s fade-down-enter;
  animation: 0.35s fade-down-enter;
}
.animate-fade-down.ng-leave {
  -webkit-animation: 0.35s fade-down-leave;
  -moz-animation: 0.35s fade-down-leave;
  -o-animation: 0.35s fade-down-leave;
  animation: 0.35s fade-down-leave;
}
.no-animate {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
}
.anim-width {
  -webkit-transition: width 0.6s ease-in-out 0.6s;
  -moz-transition: width 0.6s ease-in-out 0.6s;
  -ms-transition: width 0.6s ease-in-out 0.6s;
  -o-transition: width 0.6s ease-in-out 0.6s;
  transition: width 0.6s ease-in-out 0.6s;
}
.anim-height {
  -webkit-transition: height 0.6s ease-in-out 0.6s;
  -moz-transition: height 0.6s ease-in-out 0.6s;
  -ms-transition: height 0.6s ease-in-out 0.6s;
  -o-transition: height 0.6s ease-in-out 0.6s;
  transition: height 0.6s ease-in-out 0.6s;
}
.anim-opacity {
  -webkit-transition: opacity 0.6s ease-in-out 0.6s;
  -moz-transition: opacity 0.6s ease-in-out 0.6s;
  -ms-transition: opacity 0.6s ease-in-out 0.6s;
  -o-transition: opacity 0.6s ease-in-out 0.6s;
  transition: opacity 0.6s ease-in-out 0.6s;
}
.anim-opacity-fast {
  -webkit-transition: opacity 0.3s ease-in-out 0.3s;
  -moz-transition: opacity 0.3s ease-in-out 0.3s;
  -ms-transition: opacity 0.3s ease-in-out 0.3s;
  -o-transition: opacity 0.3s ease-in-out 0.3s;
  transition: opacity 0.3s ease-in-out 0.3s;
}
.animation {
  background:
    linear-gradient(
      to right,
      rgba(165, 170, 172, 0),
      rgba(165, 170, 172, 0.3),
      rgba(165, 170, 172, 0));
  height: 100%;
  left: 0;
  position: absolute;
  transform: translateX(-100%);
  width: 213px;
  opacity: 0.5;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
#loading-bar .bar {
  background: var(--color-surface-high-dark-hovered) !important;
  height: 3px !important;
}
#loading-bar .peg {
  height: 3px !important;
  -moz-box-shadow: var(--color-surface-high-dark-hovered) 1px 0 6px 1px !important;
  -ms-box-shadow: var(--color-surface-high-dark-hovered) 1px 0 6px 1px !important;
  -webkit-box-shadow: var(--color-surface-high-dark-hovered) 1px 0 6px 1px !important;
  box-shadow: var(--color-surface-high-dark-hovered) 1px 0 6px 1px !important;
}
.tbc-login .alert,
.tbc-login .mfa-error-code {
  padding: 5px !important;
  border-radius: 0 !important;
}
.tbc-login .alert-danger,
.tbc-login .mfa-error-code {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-surface-negative-initial);
}
.tbc-login .alert-danger-otp,
.tbc-login .mfa-error-code {
  margin-bottom: 0px;
}
.tbc-login .alert-success {
  background-color: var(--color-text-positive-initial);
  border-color: var(--color-text-positive-initial);
  color: var(--color-text-strong-light);
}
.tbc-login .mfa-error-code {
  display: inline-block;
  font-size: 13px;
}
.tbc-login .mfa-error-code .red {
  margin-left: inherit;
}
.topBanner .tbc-box {
  margin-bottom: 0;
}
.bottomBanner .padtop30 {
  padding-top: 0;
}
.fake-image,
.right-side-banner,
.image-banner-only-image,
.banner-top-wide {
  background-repeat: repeat;
  background-position: right top;
  background-image: url(/tbcrd/assets/img/homepage/imgbanner.png);
}
.image-banner .btn {
  position: absolute;
  right: 35px;
  top: 30%;
}
.image-banner-only-image {
  width: 100%;
  line-height: 50px;
  text-align: center;
}
.image-banner-only-image a {
  color: var(--color-text-strong-light);
  text-decoration: underline;
  font-size: 1.09375rem;
  cursor: pointer;
}
.image-banner-only-image a:hover {
  text-decoration: none;
  color: var(--color-text-strong-light);
}
.right-side-banner {
  height: 360px;
  display: block;
}
.right-side-banner.bnr-with-text .bnr-part-top,
.right-side-banner.bnr-with-text .bnr-part-bottom {
  height: 180px;
  width: 100%;
}
.right-side-banner.bnr-with-text .bnr-part-bottom {
  background-color: var(--color-text-strong-light);
  padding: 20px;
  font-size: 0.74375rem;
  color: var(--color-text-soft-dark);
}
.right-side-banner.bnr-with-text .bnr-part-bottom > div {
  max-height: 80px;
  overflow: hidden;
}
.right-side-banner.bnr-left-aligned {
  background-position: left top;
}
.right-side-banner h3 {
  margin-top: 0;
  font-size: 1.09375rem;
}
.right-side-banner .btn {
  position: absolute;
  right: 35px;
  top: 290px;
  width: 120px;
  line-height: 40px !important;
  height: 40px !important;
}
.line-banner-li {
  display: block;
  height: 70px;
  width: 101%;
  position: relative;
  left: -0.5%;
}
.line-banner-li ib-banner {
  width: 100%;
}
.wide-banner-homepage {
  position: relative;
}
.tbc-box-products.card {
  overflow: inherit;
}
.tbc-box.exchange-rates {
  overflow: inherit;
}
.tbc-box.exchange-rates .line-banner-li {
  width: 103%;
  left: -5px;
  height: inherit;
}
.tbc-box.exchange-rates .line-banner-li img {
  width: 100%;
}
.tbc-box.exchange-rates .line-banner {
  background-color: inherit;
  height: 20px;
}
.tbc-box.exchange-rates .line-banner .corner-eff-right {
  float: right;
}
.tbc-box.exchange-rates .line-banner .corner-eff .corner-eff-center {
  width: inherit;
}
.tbc-box.exchange-rates .line-banner .corner-eff-right,
.tbc-box.exchange-rates .line-banner .corner-eff-left {
  width: 5px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.line-banner {
  width: 100%;
  color: var(--color-text-strong-light);
  height: 50px;
  line-height: 50px;
  background-image: none;
  background-color: var(--color-icon-primary-initial);
}
.line-banner .line-banner-text {
  padding-left: 30px;
  float: left;
}
.line-banner .line-banner-text img {
  vertical-align: top;
  margin-right: 20px;
  margin-top: 5px;
}
.line-banner .corner-eff {
  height: 6px;
}
.line-banner .corner-eff .corner-eff-right,
.line-banner .corner-eff .corner-eff-left {
  float: left;
  width: 0.5%;
  height: 6px;
  background-repeat: no-repeat;
}
.line-banner .corner-eff .corner-eff-left {
  background-image: url(/tbcrd/assets/img/banners/left-corner.png);
  background-position: right bottom;
}
.line-banner .corner-eff .corner-eff-right {
  background-image: url(/tbcrd/assets/img/banners/right-corner.png);
  background-position: left bottom;
}
.line-banner .corner-eff .corner-eff-right:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.line-banner .corner-eff .corner-eff-center {
  float: left;
  width: 99%;
  height: 6px;
  content: "";
}
.line-banner.type-image .corner-eff-left {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.line-banner.type-image .line-banner-text {
  float: right;
  margin-right: 30px;
}
.line-banner .line-button {
  float: right;
  display: block;
  color: var(--color-text-strong-light);
  text-decoration: none;
  line-height: 50px;
  height: 50px;
  padding: 0 0 0 30px;
  background-image: url(/tbcrd/assets/img/banners/line-banner-button.png);
  background-repeat: no-repeat;
  background-position: left center;
}
.line-banner .line-button:hover {
  color: var(--color-text-disabled-dark) !important;
}
.line-banner .line-button .line-button-arrow {
  height: 50px;
  width: 70px;
  background-image: url(/tbcrd/assets/img/login/arrow-right-white.svg);
  background-size: 8px 14px;
  background-repeat: no-repeat;
  background-position: center center;
  float: right;
}
.tbc-box .tbc-box.banner-end-of-proces {
  margin: 0 30px 30px 0;
  width: 97%;
}
.tbc-box.banner-end-of-proces {
  padding: 0;
}
.tbc-box.banner-end-of-proces .offer-detail-1 h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
.tbc-box.banner-end-of-proces .offer-detail-1 {
  background-repeat: repeat;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  border-bottom: 0 solid transparent;
}
.tbc-box.banner-end-of-proces .image-banner-img {
  height: 370px;
  position: relative;
}
.tbc-box.banner-end-of-proces .image-banner-img .btn {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.demo-mode .tbc-loc {
  margin-top: 150px !important;
}
.demo-mode .navbar-fixed-top {
  top: 60px;
}
.demo-mode.loggedOut .tbc-loc {
  margin-top: 160px !important;
}
.demo-mode.loggedOut .unauth-header {
  top: 60px;
}
.demo-mode.loggedOut .navbar-fixed-top {
  top: 90px;
}
.tbc-box.demo-banner {
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  background-color: var(--color-icon-primary-initial);
  text-align: center;
  font-weight: bolder;
  font-size: larger;
  line-height: 60px;
  padding: 0;
  z-index: 1000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.has-navigation .tbc-box {
  margin-bottom: 0px;
}
.banner-navigation {
  margin: 0px 20px 20px 10px;
}
.banner-navigation .product-links .product-dot {
  margin: 0px 5px;
  cursor: pointer !important;
}
.banner-navigation .product-links .product-dot:hover {
  background-color: var(--color-icon-primary-initial);
}
.banner-navigation .arrows {
  float: right;
}
.banner-navigation .arrows .arrow {
  cursor: pointer;
  width: 16px;
  height: 10px;
  display: inline-block;
}
.banner-navigation .arrows svg {
  fill: var(--color-text-disabled-default);
}
.banner-navigation .arrows svg:hover {
  fill: var(--color-icon-primary-initial);
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: var(--color-surface-high-dark-initial);
}
::-webkit-scrollbar-track {
  background: var(--color-surface-high-dark-initial);
}
::-webkit-scrollbar-track-piece {
  background: var(--color-surface-highest-initial);
  border: 1px solid var(--color-stroke-soft-initial);
}
::-webkit-scrollbar-thumb {
  background: var(--color-surface-highest-inverted-initial);
  border-radius: 50px;
  -webkit-border-radius: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}
body {
  background-color: var(--color-surface-canvas-initial);
  background-repeat: no-repeat;
  font-family: "TBCX";
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  color: var(--color-text-soft-dark);
}
.bold,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span,
.tbc-box-product .movements .movement.total .movement-cell,
.debits-form .form-group .col-xs-3 {
  font-family: "TBCX";
  font-weight: 700;
}
html[lang=ka] body,
html[lang=ka-GE] body {
  font-family: "TBCX";
  font-weight: 500;
}
html[lang=ka] body .bold,
html[lang=ka] body .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active html[lang=ka] body span,
html[lang=ka] body .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active html[lang=ka] body span,
html[lang=ka] body .tbc-box-product .movements .movement.total .movement-cell,
.tbc-box-product .movements .movement.total html[lang=ka] body .movement-cell,
html[lang=ka] body .debits-form .form-group .col-xs-3,
.debits-form .form-group html[lang=ka] body .col-xs-3,
html[lang=ka-GE] body .bold,
html[lang=ka-GE] body .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active html[lang=ka-GE] body span,
html[lang=ka-GE] body .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active html[lang=ka-GE] body span,
html[lang=ka-GE] body .tbc-box-product .movements .movement.total .movement-cell,
.tbc-box-product .movements .movement.total html[lang=ka-GE] body .movement-cell,
html[lang=ka-GE] body .debits-form .form-group .col-xs-3,
.debits-form .form-group html[lang=ka-GE] body .col-xs-3 {
  font-family: "TBCX";
  font-weight: 700;
}
.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}
*:not(.input-group):not(.inp-lg):not(.inp-search):focus {
  outline-color: transparent !important;
  outline-offset: 0 !important;
  outline-width: 0 !important;
  outline-style: none !important;
}
.tbc-wizard-steps.active .typeahead li a {
  color: var(--color-text-soft-dark) !important;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .control-label {
    text-align: inherit !important;
  }
}
.tbc-header-bar {
  background-color: var(--color-surface-high-initial);
}
.page-header {
  margin: 0 0 20px;
}
.page-header h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px !important;
}
.unauth-header {
  display: none;
}
.lang-picker {
  margin: 7px 0 0 0;
  top: 2px;
  float: right;
}
.lang-picker .taglib-language-list-text {
  display: inline-block;
  width: 24px;
  height: 16px;
  border: 0;
  float: left;
  margin-left: 4px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.lang-picker .taglib-language-list-text.en-US {
  background-image: url(/tbcrd/assets/img/login/flag-gb.svg);
}
.lang-picker .taglib-language-list-text.ka-GE {
  background-image: url(/tbcrd/assets/img/login/flag-geo.svg);
  border: 1px solid var(--color-stroke-soft-initial);
}
.lang-picker .taglib-language-list-text:not(.selected) {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.7;
}
.lang-picker .flag-switch {
  background-repeat: no-repeat;
  width: 31px;
  height: 16px;
  float: left;
  cursor: pointer;
  margin-left: 4px;
  background-image: url(/tbcrd/assets/img/login/flag-switch2.svg);
  background-size: contain;
  background-position: center center;
}
.lang-picker .flag-switch.flag-switch-off {
  background-image: url(/tbcrd/assets/img/login/flag-switch.svg);
}
.tbc-box-settings .lang-picker {
  margin-top: 30px;
  float: none;
}
.tbc-box-settings .lang-picker .taglib-language-list-text.ka-GE {
  margin-left: 0;
}
.loggedOut .navbar-fixed-top {
  top: 0;
}
.loggedOut .unauth-header {
  background-color: var(--color-icon-primary-initial);
  min-height: 70px;
  padding: 30px 0;
  display: block;
  width: 100%;
  min-width: 450px;
  position: fixed;
  top: 0;
  z-index: 1030;
}
.loggedOut .unauth-header .not-logged-header-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: auto !important;
}
.loggedOut .unauth-header .not-logged-header-container::before,
.loggedOut .unauth-header .not-logged-header-container::after {
  display: none;
}
.loggedOut .unauth-header .not-logged-header-container .header-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.loggedOut .unauth-header .not-logged-header-container .corporate-btn {
  background-color: var(--color-text-strong-light);
  background-image: url(/tbcrd/assets/img/main/tbc-icon-corporate.png);
  background-repeat: no-repeat;
  background-position: 18px center;
  padding-left: 54px;
  min-width: 190px;
  transform: scale(1);
  transition: transform 0.2s ease;
}
.loggedOut .unauth-header .not-logged-header-container .corporate-btn:hover {
  transform: scale(1.05);
}
.loggedOut .unauth-header .not-logged-header-container .login-lang-toggle .lang-picker {
  width: 75px;
}
.loggedOut .unauth-header .not-logged-header-container .login-lang-toggle .lang-picker .taglib-language-list-text {
  width: 16px;
  border-radius: 50%;
}
.loggedOut .unauth-header .header-links {
  line-height: 30px;
  font-size: 11px;
}
.loggedOut .unauth-header .header-links a {
  cursor: pointer;
  font-size: 14px;
}
.loggedOut .unauth-header .header-links a:not(.btn) {
  color: var(--color-text-strong-light);
}
.loggedOut .unauth-header .header-links a.old {
  color: var(--color-text-soft-dark);
}
.loggedOut .unauth-header .header-links .externalLink {
  height: 30px;
  margin: 0 0 0 8px;
}
.loggedOut .unauth-header .container,
.loggedOut .unauth-header .topBanner .banner-navigation,
.topBanner .loggedOut .unauth-header .banner-navigation,
.loggedOut .unauth-header .bottomBanner .banner-navigation,
.bottomBanner .loggedOut .unauth-header .banner-navigation {
  height: 30px;
}
.navbar {
  margin-bottom: 0;
}
.navbar-inverse .navbar-nav li a {
  font-size: 16px;
  color: var(--color-text-strong-default) !important;
  cursor: default !important;
}
.navbar-inverse .navbar-nav li a:hover {
  color: var(--color-icon-primary-initial) !important;
  -webkit-transition: 800ms;
  -o-transition: 800ms;
  -moz-transition: 800ms;
  transition: 800ms;
  cursor: pointer !important;
}
.navbar-inverse .navbar-nav li a.active {
  color: var(--color-icon-primary-initial) !important;
  transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
}
.navbar-inverse .navbar-nav li:first-child a {
  cursor: pointer !important;
  margin-left: 0 !important;
}
.navbar-inverse .navbar-nav .active a,
.navbar-inverse .navbar-nav .active a:hover,
.navbar-inverse .navbar-nav .active a:focus {
  color: var(--color-text-primary-pressed);
  background-color: transparent;
}
.navbar-inverse {
  background-color: var(--color-surface-high-initial);
  border: solid 0 transparent;
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  border-top: 1px solid var(--color-stroke-soft-initial);
}
label {
  font-weight: normal;
}
.truncate {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-filled {
  box-shadow: 0 1px 1px 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  background-color: var(--color-surface-lower-initial);
}
ib-image-resolver[api-type=card] img {
  -webkit-border-radius: 4% "/" 6%;
  -moz-border-radius: 4% "/" 6%;
  border-radius: 4% "/" 6%;
}
.kampyle_button {
  background-color: var(--color-icon-primary-initial) !important;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box-car-fines {
  background-color: var(--color-surface-lower-initial);
  color: var(--color-text-soft-dark);
  padding: 0;
}
.tbc-box-car-fines .error-message {
  color: var(--color-text-negative-initial);
  font-size: 0.74375rem;
  min-width: 500px;
}
.tbc-box-car-fines .error-message img {
  margin-right: 8px;
}
.tbc-box-car-fines .tbc-car-fines-0 {
  background-color: var(--color-text-strong-light);
  min-height: 600px;
}
.tbc-box-car-fines .tbc-car-fines-1 {
  background-color: var(--color-text-strong-light);
  min-height: 575px;
  border-radius: 14px;
}
.tbc-box-car-fines .tbc-car-fines-1.empty {
  min-height: 372px;
}
.tbc-box-car-fines .tbc-car-fines-1 .welcome {
  padding: 24px 24px 20px 24px;
}
.tbc-box-car-fines .tbc-car-fines-1 .welcome .note {
  color: var(--color-text-soft-default);
  font-size: 0.875rem;
}
.tbc-box-car-fines .tbc-car-fines-1 .welcome .car-img {
  background-image: url(/tbcrd/assets/img/carfines/car-fines-background.svg);
  background-position: center;
  background-repeat: no-repeat;
  min-height: 168px;
}
.tbc-box-car-fines .tbc-car-fines-1 .one-time-payment,
.tbc-box-car-fines .tbc-car-fines-1 .edit-car,
.tbc-box-car-fines .tbc-car-fines-1 .buy-permit {
  padding: 30px 0 40px 30px;
  width: 50%;
}
.tbc-box-car-fines .tbc-car-fines-1 .buy-permit ul.dropdown-menu {
  max-height: 300px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines {
  min-height: 500px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .header {
  margin: 0;
  padding: 20px 25px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .header.active {
  background-color: var(--color-text-primary-pressed);
  color: var(--color-text-strong-light);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .buttons {
  padding: 15px 30px;
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .buttons .text-only:first-child {
  display: block;
  width: 260px !important;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .buttons .add-car {
  position: relative;
  text-align: center;
  width: 180px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .buttons .add-car:hover span {
  background-color: var(--color-stroke-primary-initial);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .buttons .add-car span {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  background-color: var(--color-icon-primary-initial);
  background-image: url(/tbcrd/assets/img/tbc-icon-plus-new.svg);
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  height: 16px;
  left: 154px;
  position: absolute;
  width: 16px;
}
@keyframes showSelected {
  0% {
    background-color: var(--color-surface-high-hovered) !important;
  }
  90% {
    background-color: var(--color-surface-high-hovered) !important;
  }
  100% {
    background-color: inherit;
  }
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section.highlightCarPlate {
  animation: showSelected 20s ease;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .car-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: -20px;
  min-width: 260px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .car-buttons .three-dots {
  background-image: url(/tbcrd/assets/img/bill-payment/drag-icon.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .car-buttons .dropdown-menu a:hover {
  background-color: var(--color-text-strong-light);
  color: var(--color-icon-primary-initial);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section h4 {
  margin-top: 0;
  margin-left: 68px;
  padding-top: 16px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section h4 div:first-child {
  font-size: 0.875rem;
  color: var(--color-surface-high-dark-hovered);
  line-height: 21px;
  margin-bottom: 2px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section h4 div:last-child {
  font-size: 0.74375rem;
  color: var(--color-text-soft-default);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .message-item {
  padding: 3px 0 3px 30px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .no-items {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-repeat: no-repeat;
  background-size: 25px 25px;
  color: var(--color-text-disabled-default);
  padding: 3px 0 3px 30px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .no-items button {
  padding: 0;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .note {
  color: var(--color-text-disabled-default);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .amount {
  padding-top: 7px;
  padding-right: 25px;
  text-align: right;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .selector input {
  width: 100%;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .section .selector .delete-input {
  height: 25px;
  margin-left: 5px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .patrol {
  background-image: url(/tbcrd/assets/img/carfines/car-fines-section-patrol.png);
  background-position: 47px 10px;
  background-repeat: no-repeat;
  background-size: 120px 120px;
  border-top: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .patrol .patrol-header {
  margin-left: 200px;
  min-height: 65px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .patrol .patrol-header .info b {
  color: var(--color-stroke-primary-initial);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .patrol .patrol-fines {
  background-color: var(--color-text-strong-light);
  padding: 20px 45px;
  min-height: 78px;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking {
  background-image: url(/tbcrd/assets/img/carfines/car-fines-section-parking.svg);
  background-position: 24px 18px;
  background-repeat: no-repeat;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  position: relative;
  padding-bottom: 16px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-header {
  margin-left: 70px;
  min-height: 18px;
  display: flex;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-header .info .image span {
  font-size: 0.74375rem;
  color: var(--color-text-soft-default);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-header .info .image img {
  margin-right: 4px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-header .info .name {
  max-width: 350px;
  padding: 0 20px 10px 20px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-header .info .name .clock-icon {
  background-image: url(/tbcrd/assets/img/clock.svg);
  height: 15px;
  width: 15px;
  position: relative;
  margin-right: 5px;
  display: inline-block;
  top: 2px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines {
  background-color: var(--color-text-strong-light);
  position: relative;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .show-older {
  position: absolute;
  right: 30px;
  top: 20px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .fine-item {
  padding-top: 24px;
  padding-left: 28px;
  margin-bottom: 25px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .item {
  padding: 15px 46px 0 46px;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .item span {
  font-size: 0.875rem;
  color: var(--color-surface-high-dark-hovered);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .item .fine-logo {
  height: 50px;
  width: 50px;
  overflow: hidden;
  border-radius: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .item .fine-logo img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .message {
  margin-left: 23.5px;
  font-size: 0.74375rem;
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .message.info {
  color: var(--color-text-soft-default);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .message.error {
  color: var(--color-text-negative-initial);
}
.tbc-box-car-fines .tbc-car-fines-1 .select-fines .parking .parking-fines .center-content {
  display: flex;
  justify-content: center;
}
.tbc-box-car-fines .tbc-car-fines-2 .benefits,
.tbc-box-car-fines .tbc-car-fines-2 .one-time-payment-cart {
  padding: 24px;
}
.tbc-box-car-fines .tbc-car-fines-2 .benefits ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.tbc-box-car-fines .tbc-car-fines-2 .benefits ul li {
  background-repeat: no-repeat;
  color: var(--color-text-soft-inverted);
  margin-top: 24px;
  padding-left: 28px;
}
.tbc-box-car-fines .tbc-car-fines-2 .benefits ul li.parking {
  background-image: url(/tbcrd/assets/img/carfines/car-fines-parking.svg);
}
.tbc-box-car-fines .tbc-car-fines-2 .benefits ul li.notification {
  background-image: url(/tbcrd/assets/img/carfines/car-fines-notification.svg);
}
.tbc-box-car-fines .tbc-car-fines-2 .benefits ul li.information {
  background-image: url(/tbcrd/assets/img/carfines/car-fines-information.svg);
}
.tbc-box-car-fines .tbc-car-fines-2 .one-time-payment-cart .note,
.tbc-box-car-fines .tbc-car-fines-2 .payment-cart .note {
  color: var(--color-text-soft-inverted);
  margin-top: 25px;
}
.tbc-box-car-fines .tbc-car-fines-2 .payment-cart .header {
  margin: 0;
  padding: 20px 24px;
}
.tbc-box-car-fines .tbc-car-fines-2 .payment-cart .header.active {
  background-color: var(--color-text-primary-pressed);
  color: var(--color-text-strong-light);
}
.tbc-box-car-fines .tbc-car-fines-2 .payment-cart > div {
  padding: 0 25px;
}
.modal-dialog.modal-payment {
  max-width: 650px;
  width: 45%;
}
.modal-dialog.modal-payment .modal-body,
.modal-dialog.modal-payment .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog.modal-payment .modal-error-body,
.modal-dialog.modal-payment .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog.modal-payment .modal-success-body {
  padding: 0 0 30px 0;
}
.modal-dialog.modal-payment .modal-footer.big-footer,
.modal-dialog.modal-payment .modal-error-content .big-footer.modal-error-footer,
.modal-error-content .modal-dialog.modal-payment .big-footer.modal-error-footer,
.modal-dialog.modal-payment .modal-success-content .big-footer.modal-success-footer,
.modal-success-content .modal-dialog.modal-payment .big-footer.modal-success-footer {
  padding: 0 20px 20px 0;
}
.modal-dialog.modal-payment .fine-payments .fine-payment {
  padding: 5px 0;
}
.modal-dialog.modal-payment .fine-payments .fine-payment:after {
  clear: both;
  content: "";
  display: block;
}
.modal-dialog.modal-payment .fine-payments .fine-payment.no-border {
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
}
.modal-dialog.modal-payment .fine-payments .fine-payment .image img {
  max-height: 50px;
}
.modal-dialog.modal-payment .fine-payments .fine-payment > div {
  display: block;
  float: left;
  height: 50px;
  line-height: 50px;
  text-align: left;
}
.modal-dialog.modal-payment .fine-payments .fine-payment > div.image {
  padding-right: 20px;
  width: 70px;
}
.modal-dialog.modal-payment .fine-payments .fine-payment > div.image img {
  border: none;
  height: 50px;
  width: 50px;
}
.modal-dialog.modal-payment .fine-payments .fine-payment > div.name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 345px);
}
.modal-dialog.modal-payment .fine-payments .fine-payment > div.fee {
  text-align: right;
  width: 80px;
}
.modal-dialog.modal-payment .fine-payments .fine-payment > div.amount {
  padding-right: 40px;
  text-align: right;
  width: 125px;
}
.modal-dialog.modal-payment .fine-payments .fine-payment.head {
  border-top: 1px solid var(--color-stroke-stronger-initial);
  border-bottom: 1px solid var(--color-stroke-stronger-initial);
}
.modal-dialog.modal-payment .fine-payments .fine-payment.head > div {
  height: 30px;
  line-height: 30px;
}
.modal-dialog.modal-payment .fine-payments .fine-payment.head > div.name {
  width: calc(100% - 265px);
}
html[lang=ka] .reserve-space-for-button .no-items {
  padding-right: 200px !important;
}
html[lang=en] .reserve-space-for-button .no-items {
  padding-right: 150px !important;
}
.tbc-box-debits-detail {
  background-color: var(--color-surface-lower-initial);
  min-height: 467px;
  padding: 0;
}
.tbc-box-debits-detail .form-group {
  float: left;
  width: 100%;
}
.tbc-box-debits-detail .inp-md {
  font-size: 0.875rem;
}
.tbc-box-debits-detail .debits-detail {
  background-color: white;
  min-height: 370px;
  padding: 30px;
}
.tbc-box-debits-detail .debits-info {
  background-color: transparent;
  padding: 0;
}
.tbc-box-debits-detail .debits-info h3 {
  margin-top: 30px;
}
.tbc-box-debits-detail .dd-detail-history {
  height: 200px;
  margin: 15px 0 10px;
}
.tbc-box-debits-detail .dd-detail-history .month {
  height: 100%;
}
.tbc-box-debits-detail .dd-detail-history .month .bar {
  height: 90%;
  padding: 0 10px;
}
.tbc-box-debits-detail .dd-detail-history .month .bar .dd-bar {
  background-color: var(--color-stroke-primary-initial);
  min-height: 2px;
}
.tbc-box-debits-detail .dd-detail-history .month .bar .dd-bar:hover {
  background-color: var(--color-icon-primary-initial);
}
.tbc-box-debits-detail .dd-detail-history .month .month-name {
  font-weight: bold;
  margin-top: 8px;
  text-align: center;
}
.tbc-box-debits-detail .dd-detail-history .month .amount {
  text-align: center;
}
.tbc-box-debits-detail .dd-detail-history .month .amount span {
  color: var(--color-text-strong-default);
}
.tbc-box-debits-detail .so-detail-history .detail-header {
  background-color: var(--color-surface-low-hovered);
  margin-top: -15px;
  padding: 15px;
}
.tbc-box-debits-detail .so-detail-history .history-table {
  min-height: 50px;
  width: 100%;
}
.tbc-box-debits-detail .so-detail-history .history-table th,
.tbc-box-debits-detail .so-detail-history .history-table td {
  border-top: 1px solid var(--color-text-disabled-dark);
}
.tbc-box-debits-detail .so-detail-history .history-table th {
  padding: 8px 0;
}
.tbc-box-debits-detail .so-detail-history .history-table td {
  padding: 12px 0;
}
.tbc-box-debits-detail .so-detail-history .history-table .date,
.tbc-box-debits-detail .so-detail-history .history-table .amount {
  width: 15%;
}
.tbc-box-debits-detail .so-detail-history .history-table .amount {
  text-align: right;
}
.tbc-box-debits .debits-detail {
  background-color: white;
  min-height: 500px;
  padding: 10px 0 30px 0;
}
.tbc-box-debits .header {
  font-size: 1.09375rem;
  height: 60px;
  line-height: 60px;
  margin-right: 30px;
}
.tbc-box-debits .withAdd,
.tbc-box-debits .withAddLeft,
.tbc-box-debits .withMinus,
.tbc-box-debits .withAddNew {
  color: var(--color-icon-primary-initial);
}
.tbc-box-debits .noDataMsg {
  margin-top: 100px;
  text-align: center;
}
.tbc-box-debits .overview-history {
  height: 100%;
}
.tbc-box-debits .overview-history .month {
  height: 75%;
}
.tbc-box-debits .overview-history .amount-bars {
  height: 100%;
  padding: 10px 3px 0;
}
.tbc-box-debits .overview-history .amount-bars .bar {
  height: 100%;
}
.tbc-box-debits .overview-history .amount-bars .dd-bar,
.tbc-box-debits .overview-history .amount-bars .so-bar {
  min-height: 18px;
  position: relative;
}
.tbc-box-debits .overview-history .amount-bars .dd-bar > div,
.tbc-box-debits .overview-history .amount-bars .so-bar > div {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.tbc-box-debits .overview-history .amount-bars .dd-bar > div span,
.tbc-box-debits .overview-history .amount-bars .so-bar > div span {
  color: var(--color-text-strong-light);
}
.tbc-box-debits .overview-history .amount-bars .dd-bar {
  background-color: var(--color-icon-primary-initial);
}
.tbc-box-debits .overview-history .amount-bars .so-bar {
  background-color: var(--color-stroke-primary-initial);
}
.tbc-box-debits .overview-history .month-name {
  text-align: center;
}
.tbc-box-debits .overview-history .legend {
  margin: 25px auto 0;
  width: 60%;
}
.tbc-box-debits .overview-history .legend div {
  margin: 2px 0;
}
.tbc-box-debits .overview-history .legend div::before {
  border-radius: 7px;
  content: "";
  display: inline-block;
  height: 14px;
  margin-right: 3px;
  vertical-align: -2px;
  width: 14px;
}
.tbc-box-debits .overview-history .legend .dd-legend::before {
  background-color: var(--color-icon-primary-initial);
}
.tbc-box-debits .overview-history .legend .so-legend::before {
  background-color: var(--color-stroke-primary-initial);
}
.tbc-box-debits .overview-history .amount-bars .bar,
.tbc-box-debits .dd-detail-history .bar,
.tbc-box-debits-detail .overview-history .amount-bars .bar,
.tbc-box-debits-detail .dd-detail-history .bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.tbc-box-debits .overview-history .amount-bars .bar .dd-bar,
.tbc-box-debits .overview-history .amount-bars .bar .so-bar,
.tbc-box-debits .dd-detail-history .bar .dd-bar,
.tbc-box-debits .dd-detail-history .bar .so-bar,
.tbc-box-debits-detail .overview-history .amount-bars .bar .dd-bar,
.tbc-box-debits-detail .overview-history .amount-bars .bar .so-bar,
.tbc-box-debits-detail .dd-detail-history .bar .dd-bar,
.tbc-box-debits-detail .dd-detail-history .bar .so-bar {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  width: 100%;
}
ul.debit-items {
  margin-right: 30px;
}
ul.debit-items .msg {
  text-align: center;
}
ul.debit-items li {
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
  background-size: 8px 14px;
  border: 0 transparent;
  color: var(--color-text-soft-dark);
}
ul.debit-items li:nth-child(2n+1) {
  background-color: var(--color-surface-lower-initial);
}
ul.debit-items li a {
  color: var(--color-text-soft-dark);
}
ul.debit-items li .icon {
  width: 7.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
ul.debit-items li .text {
  width: 55%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  padding-top: 5px;
}
ul.debit-items li .text div {
  color: var(--color-text-disabled-default);
}
ul.debit-items li .amount {
  width: 35%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  padding-top: 5px;
  padding-right: 30px;
  text-align: right;
}
ul.debit-items li .amount .info-hint.error-hint {
  margin-right: 5px;
  position: relative;
  top: -2px;
}
ul.debit-items li .oneline .amount {
  padding-top: 15px;
}
.debits-form .form-group.header h3 {
  margin-bottom: 15px;
  margin-top: 0;
}
.debits-form .form-group.header .actions {
  padding-top: 20px;
  text-align: right;
}
.debits-form .form-group.with-line {
  border-bottom: 1px solid var(--color-icon-primary-initial);
}
.debits-form .form-group .col-xs-3 {
  padding-left: 0;
}
.radio-table {
  margin-bottom: 20px;
}
.image-radio {
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  padding-top: 14px;
}
.radio-img-block {
  width: 17%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
}
@media only screen and (max-width: 79.9375em) {
  .radio-img-block {
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    display: block;
    min-height: 1px;
  }
}
.radio-img-block .radio-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  height: 50px;
  width: 50px;
}
.radio-txt {
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  color: var(--color-text-disabled-default);
  padding-top: 10px;
}
.radio-txt .main-txt {
  color: var(--color-text-soft-dark);
  font-size: 1.09375rem;
}
.radio-txt .info-hint.floating {
  right: -6px;
  top: -2px;
}
.radio-table:nth-child(1) .radio-img {
  background-image: url(/tbcrd/assets/img/transfers/icon-which-blue.png);
}
.radio-table:nth-child(2) .radio-img {
  background-image: url(/tbcrd/assets/img/transfers/icon-to-gray.png);
}
.radio-table:nth-child(3) .radio-img {
  background-image: url(/tbcrd/assets/img/transfers/icon-dock-blue.png);
}
.radio-table.selected:nth-child(1) .radio-img {
  background-image: url(/tbcrd/assets/img/transfers/icon-which-blue.png);
}
.radio-table.selected:nth-child(2) .radio-img {
  background-image: url(/tbcrd/assets/img/transfers/icon-to-blue.png);
}
.radio-table.selected:nth-child(3) .radio-img {
  background-image: url(/tbcrd/assets/img/transfers/icon-dock-blue.png);
}
.radio-table.disabled .radio-txt .main-txt {
  color: var(--color-text-disabled-default);
}
.radio-table.disabled .tbc-radio label {
  display: none;
}
.tbc-dd-so-welcome {
  min-height: 459px !important;
}
.tbc-dd-so-welcome .tbc-box-form-1,
.tbc-dd-so-welcome .tbc-box-form-2 {
  min-height: 464px;
}
.tbc-dd-so-welcome .tbc-box-form-1 .content {
  min-height: 464px;
}
.tbc-dd-so-welcome hr {
  background-color: var(--color-text-disabled-default);
  border: 0;
  height: 1px;
  margin-bottom: 30px;
  clear: both;
}
.tbc-dd-so-welcome .dd-so-text {
  min-height: 114px;
}
.tbc-dd-so-welcome .btn {
  min-width: 270px;
}
.so-form a .cat-image {
  float: left;
  height: 29px;
  margin-right: 10px;
  position: relative;
  width: 29px;
}
.so-form a .cat-image .cat-image-box {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent none no-repeat center center;
  background-size: contain;
  height: 100%;
  position: relative;
  width: 100%;
}
.so-form a .cat-image .cat-image-box img {
  display: none;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.so-form a .cat-image .cat-image-box img[src] {
  display: block;
}
.dd-so-images {
  width: 100%;
  margin: 50px 0 70px;
}
.dd-so-images .dd-so-image {
  background-position: top center;
  background-repeat: no-repeat;
  color: var(--color-text-disabled-default);
  float: left;
  padding-top: 55px;
  text-align: center;
  width: 14.28%;
}
.dd-so-images .dd-so-image.utility {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-wallet.png);
}
.dd-so-images .dd-so-image.phone {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-phone2.png);
}
.dd-so-images .dd-so-image.internet {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-internet2.png);
}
.dd-so-images .dd-so-image.education {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-school.png);
}
.dd-so-images .dd-so-image.charity {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-charity2.png);
}
.dd-so-images .dd-so-image.account {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-home.png);
}
.dd-so-images .dd-so-image.someone-else {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-user.png);
}
ib-s-o-d-d-list-item .icon {
  margin-right: 1rem;
}
ib-s-o-d-d-list-item .icon img {
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.so-box {
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  padding: 20px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.float-right {
  float: right;
}
.cardImage .form-group .control-label.col-sm-6 {
  width: 100%;
}
.cardImage .form-group .control-label.col-sm-6:first-child {
  padding-bottom: 5px;
}
form.ng-dirty ib-dropdown.ng-invalid button {
  border-color: var(--color-text-negative-initial) !important;
}
.tbc-box-form {
  background-color: var(--color-surface-higher-initial);
  padding: 0;
  color: var(--color-text-soft-dark);
  overflow: visible;
  min-height: 490px;
}
.tbc-box-form .tbc-box-form-1 {
  min-height: 490px;
}
@media (min-width: 0px) and (max-width: 1200px) {
  .tbc-box-form .col-sm-6 {
    width: 50%;
    float: left;
  }
}
.tbc-box-form .form-group-inline * {
  margin-right: 10px;
  display: inline-block;
  width: initial !important;
}
.tbc-box-form .big-amount {
  font-size: 20px;
  line-height: 20px;
}
.tbc-box-form .big-amount .big-currency {
  font-size: 17px;
  display: inline;
}
.tbc-box-form .big-amount .big-currency ::before {
  content: " ";
}
.tbc-box-form .password-strength {
  font-size: 13px;
}
.tbc-box-form .form-group {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.tbc-box-form form[name=form] > h3 {
  margin-bottom: 30px;
}
.tbc-box-form form[name=reviewForm] .form-group {
  margin-bottom: 15px;
}
.tbc-box-form form[name=reviewForm] .form-group h3,
.tbc-box-form form[name=reviewForm] .form-group h4 {
  display: inline-block;
  margin-right: 10px;
}
.tbc-box-form form[name=reviewForm] .form-group h3 {
  font-size: 3.09375rem;
}
.tbc-box-form .tbc-radio {
  margin: 0 0 0 0;
}
.tbc-box-form .tbc-radio input[type=radio] + label {
  font-size: 1.09375rem;
}
.tbc-box-form .tbc-radio input[type=radio] + label span {
  width: 16px;
  height: 16px;
}
.tbc-box-form .dropdown.selected .dropdown-toggle {
  border-color: var(--color-text-disabled-dark);
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-size: 16px 9px;
}
.tbc-box-form .dropdown .btn {
  padding: 14px 48px 8px 11px !important;
}
.tbc-box-form .table-condensed tbody > tr > td:first-child {
  padding: 5px 5px 5px 0;
}
.tbc-box-form .table-condensed tbody > tr:first-child > td {
  border: 0 solid transparent;
}
.tbc-box-form .col-xs-1,
.tbc-box-form .col-sm-1,
.tbc-box-form .col-md-1,
.tbc-box-form .col-lg-1,
.tbc-box-form .col-xs-2,
.tbc-box-form .col-sm-2,
.tbc-box-form .col-md-2,
.tbc-box-form .col-lg-2,
.tbc-box-form .col-xs-3,
.tbc-box-form .col-sm-3,
.tbc-box-form .col-md-3,
.tbc-box-form .col-lg-3,
.tbc-box-form .col-xs-4,
.tbc-box-form .col-sm-4,
.tbc-box-form .col-md-4,
.tbc-box-form .col-lg-4,
.tbc-box-form .col-xs-5,
.tbc-box-form .col-sm-5,
.tbc-box-form .col-md-5,
.tbc-box-form .col-lg-5,
.tbc-box-form .col-xs-6,
.tbc-box-form .col-sm-6,
.tbc-box-form .col-md-6,
.tbc-box-form .col-lg-6,
.tbc-box-form .col-xs-7,
.tbc-box-form .col-sm-7,
.tbc-box-form .col-md-7,
.tbc-box-form .col-lg-7,
.tbc-box-form .col-xs-8,
.tbc-box-form .col-sm-8,
.tbc-box-form .col-md-8,
.tbc-box-form .col-lg-8,
.tbc-box-form .col-xs-9,
.tbc-box-form .col-sm-9,
.tbc-box-form .col-md-9,
.tbc-box-form .col-lg-9,
.tbc-box-form .col-xs-10,
.tbc-box-form .col-sm-10,
.tbc-box-form .col-md-10,
.tbc-box-form .col-lg-10,
.tbc-box-form .col-xs-11,
.tbc-box-form .col-sm-11,
.tbc-box-form .col-md-11,
.tbc-box-form .col-lg-11,
.tbc-box-form .col-xs-12,
.tbc-box-form .col-sm-12,
.tbc-box-form .col-md-12,
.tbc-box-form .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
.tbc-box-form .form-horizontal .control-label {
  text-align: left;
  padding-top: 12px;
}
.tbc-box-form .review-form .form-group div {
  font-size: 1.09375rem;
}
.tbc-box-form .review-form .form-group a {
  font-size: 0.875rem;
}
.tbc-box-form .form-group .two-line-label label.control-label {
  padding-top: 4px;
}
.tbc-box-form .form-group.no-split {
  margin-bottom: 25px;
}
.tbc-box-form .form-group.no-split .control-label {
  width: 100%;
}
.tbc-box-form .form-group.no-split .col-sm-7.card-number {
  float: right;
}
.tbc-box-form .form-group.no-split .control-label {
  margin-bottom: 5px;
}
.tbc-box-form .form-group .card-number .last .red {
  padding-left: 20px;
}
.tbc-box-form .form-group .inp-lg {
  height: 50px;
  line-height: 50px;
}
.tbc-box-form .form-group .input-group,
.tbc-box-form .form-group ib-select-picker:not(.fblock47a5) {
  width: 100%;
}
.tbc-box-form .form-group .input-group.branch-name ib-select,
.tbc-box-form .form-group ib-select-picker:not(.fblock47a5).branch-name ib-select {
  align-items: center;
  flex-direction: initial;
  justify-content: initial;
}
.tbc-box-form .form-group .input-group.card-number-first {
  float: left;
}
.tbc-box-form .form-group .input-group.card-number-last {
  width: 90%;
  float: right;
}
.tbc-box-form .form-group ib-select-picker .btn {
  font-size: 1.09375rem;
  height: 50px;
}
.tbc-box-form .form-group h3 {
  margin-top: 0;
  font-size: 1.09375rem;
  font-family: "TBCX";
  font-weight: 700;
}
.tbc-box-form .form-group small {
  color: var(--color-text-soft-inverted);
  font-size: 0.74375rem;
}
.tbc-box-form .form-group a {
  cursor: pointer;
}
.tbc-box-form .form-group label {
  padding-right: 10px;
  font-size: 1.09375rem;
}
.tbc-box-form .form-group .with-hint {
  padding-right: 0;
}
.tbc-box-form.app-card-accept .invalid .agreeement {
  padding-top: 3em;
}
.tbc-box-form .conditions-check {
  padding: 5px 5px 5px 0;
  margin-top: 15px;
}
.tbc-box-form .conditions-check.invalid {
  color: var(--color-text-negative-initial);
}
.tbc-box-form .conditions-check .checkbox {
  float: left;
  padding-top: 5px;
  height: auto !important;
}
.tbc-box-form .conditions-check .checkbox label {
  margin-bottom: 0 !important;
  padding-left: 30px;
}
.tbc-box-form .conditions-check .checkbox label.disabled {
  color: gray;
}
.tbc-box-form .conditions-check .checkbox label.invalid {
  color: var(--color-text-negative-initial);
}
.tbc-box-form .conditions {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 2px solid var(--color-text-disabled-default);
  padding: 10px;
  height: 150px;
  font-size: 0.875rem !important;
  overflow-y: auto;
  overflow-x: hidden;
}
.tbc-box-form .conditions.invalid {
  border-color: var(--color-text-negative-initial);
}
.tbc-box-form .conditions .centeredParent {
  height: 100%;
  display: table;
  margin: 0 auto;
}
.tbc-box-form .conditions .centeredParent .centeredChild {
  display: table-cell;
  vertical-align: middle;
}
.tbc-box-form .agreement {
  display: block;
  height: 250px;
  width: 100%;
  border: 2px solid var(--color-text-disabled-default);
}
.tbc-box-form .scroll-required .agreement {
  border-color: var(--color-text-negative-initial);
}
.tbc-box-form .scroll-required .scrollbarHint {
  color: var(--color-text-negative-initial);
}
.tbc-box-form .review-form .selectedImage img {
  width: 280px;
  height: 180px;
}
.tbc-box-form .cardImage {
  background-color: var(--color-surface-lower-initial);
  padding: 30px;
}
@media (min-width: 1200px) {
  .tbc-box-form .cardImage .form-group:first-of-type ib-select-picker {
    padding-right: 20px;
  }
}
.tbc-box-form .cardImage .cardImageLabel {
  margin-bottom: 10px;
}
.tbc-box-form .cardImage .carousel {
  width: 322px;
  height: 203px;
  clear: both;
  margin: 0 auto;
  text-align: center;
  float: none;
}
.tbc-box-form .cardImage .rn-carousel-control.rn-carousel-control-prev {
  left: 130px;
}
.tbc-box-form .cardImage .rn-carousel-control.rn-carousel-control-next {
  right: 130px;
}
.tbc-box-form .cardImage .selectedImage {
  text-align: center;
}
.tbc-box-form .cardImage .selectedImage img {
  width: 322px;
  height: 203px;
}
@media (max-width: 1280px) {
  .tbc-box-form .cardImage .selectedImage img {
    width: 258px;
    height: 162px;
  }
}
.tbc-box-form .cardImage .cardImagesList {
  margin-top: 30px;
}
.tbc-box-form .cardImage .cardImages {
  float: left;
  position: relative;
}
.tbc-box-form .cardImage .cardImages.selected:after {
  opacity: 1;
}
.tbc-box-form .cardImage .cardImages:after {
  background: url(/tbcrd/assets/img/selected-image.svg);
  background-size: 32px 32px;
  background-position: center center;
  background-repeat: no-repeat;
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.tbc-box-form .cardImage .cardImages img {
  margin: 5px;
  width: 90px;
  height: 57px;
  cursor: pointer;
}
@media (min-width: 0px) and (max-width: 1280px) {
  .tbc-box-form .cardImage .cardImages img {
    margin: 3px;
  }
}
.tbc-box-form .cardImage.debitCard .carousel {
  width: 600px;
  height: 70px;
}
.tbc-box-form .cardImage.debitCard .rn-carousel-control {
  top: 20%;
}
.tbc-box-form .cardImage.debitCard .rn-carousel-control.rn-carousel-control-prev {
  left: 0;
}
.tbc-box-form .cardImage.debitCard .rn-carousel-control.rn-carousel-control-next {
  right: 0;
}
.tbc-box-form .cardImage.debitCard .selectedImage {
  text-align: right;
  float: right;
}
.tbc-box-form .cardImage.debitCard .selectedImage img {
  width: 300px;
}
.tbc-box-form .cardImage.debitCard .selectedProduct {
  padding-left: 14px;
}
@media (max-width: 1280px) {
  .tbc-box-form .cardImage.debitCard .selectedProduct {
    padding-left: 42px;
  }
}
.tbc-box-form .tbc-box-form-1 .content,
.tbc-box-form .tbc-box-form-2 .content {
  padding: 30px;
}
.tbc-box-form .tbc-box-form-1 {
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  -webkit-border-radius: 14px 0px 0px 14px;
  -moz-border-radius: 14px 0px 0px 14px;
  border-radius: 14px 0px 0px 14px;
  background-color: var(--color-text-strong-light);
  min-height: 242px;
  border-right: 2px solid var(--color-surface-low-hovered);
}
.tbc-box-form .tbc-box-form-2 {
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  -webkit-border-radius: 0px 14px 14px 0px;
  -moz-border-radius: 0px 14px 14px 0px;
  border-radius: 0px 14px 14px 0px;
}
.tbc-box-form .tbc-box-form-2.welcome {
  background-image: url(/tbcrd/assets/img/bill-payment/shoppingCart.png);
}
.tbc-box-form .tbc-box-form-2.active {
  background-image: none;
}
.tbc-box-form .tbc-box-form-2 .content {
  text-align: center;
  font-size: 15px;
}
.tbc-box-form .tbc-box-form-2 .content h3 {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 20px;
}
.tbc-box-form .tbc-box-form-2 .content .btn {
  font-size: 15px;
  height: 50px;
  width: 220px;
  padding: inherit;
}
.tbc-box-form .tbc-box-form-2 .stickyContent.affix {
  top: 90px !important;
}
.pre-approved-modal input.input-group {
  width: 300px;
}
.certificationForm .signature {
  width: 100%;
}
.certificationForm .signature .challenge {
  width: 60px;
  float: left;
}
.certificationForm .signature .challenge.no-error-message ib-message {
  display: none !important;
}
.certificationForm .signature .resend {
  padding-top: 13px;
  text-align: right;
}
.certificationForm .signature .resend .resend-btn {
  display: inline-block;
  background: none !important;
  border: none;
  padding: 0 !important;
  font: inherit;
  color: var(--color-icon-primary-initial);
}
.certificationForm .signature .resend .resend-btn:hover {
  color: var(--color-stroke-primary-initial);
  text-decoration: underline;
}
.certificationForm .signature .resend .resend-btn:disabled {
  color: inherit;
  text-decoration: none;
}
.certificationForm .signature.k_of_n .control-label {
  padding-top: 27px;
}
.certificationForm .signature.k_of_n input {
  text-align: center;
}
.certificationForm.form {
  margin-bottom: 30px;
}
.mfa a {
  cursor: pointer;
}
form.form-et-card .radio .tbc-radio {
  margin-top: 10px !important;
}
form.form-et-card .radio .tbc-radio:first-child {
  margin-bottom: 0;
}
.input-group.certification-failure {
  outline: 2px solid var(--color-text-negative-initial) !important;
}
.input-group.validation-failure,
.input-group.validation-success {
  position: relative;
}
.input-group.validation-failure:after,
.input-group.validation-success:after {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  background: transparent none no-repeat right center;
  background-size: 25px 25px;
  position: absolute;
  right: -40px;
  top: 0;
}
.input-group.validation-failure:after {
  background-image: url(/tbcrd/assets/img/tbc-icon-warring.svg);
}
.input-group.validation-success:after {
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
}
.tbc-box-debits-detail a.disabled,
.tbc-box-debits-detail a.disabled:hover {
  color: inherit !important;
  cursor: inherit !important;
  text-decoration: inherit !important;
}
.tbc-box-debits-detail a [role=button] {
  cursor: inherit !important;
}
.tbc-box-debits-detail a .categorize {
  position: relative;
  top: 5px;
}
.tbc-box-form.reset .form-group label,
.tbc-box-form.reset .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.reset .form-group .inp-lg,
.tbc-box-form.reset .form-group .input-group,
.tbc-box-form.reset .form-group ib-select-picker .btn,
.tbc-box-form.registration .form-group label,
.tbc-box-form.registration .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.registration .form-group .inp-lg,
.tbc-box-form.registration .form-group .input-group,
.tbc-box-form.registration .form-group ib-select-picker .btn,
.tbc-box-form.decrease-limit .form-group label,
.tbc-box-form.decrease-limit .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.decrease-limit .form-group .inp-lg,
.tbc-box-form.decrease-limit .form-group .input-group,
.tbc-box-form.decrease-limit .form-group ib-select-picker .btn,
.tbc-box-form.increase-limit .form-group label,
.tbc-box-form.increase-limit .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.increase-limit .form-group .inp-lg,
.tbc-box-form.increase-limit .form-group .input-group,
.tbc-box-form.increase-limit .form-group ib-select-picker .btn,
.tbc-box-form.my-goal-form .form-group label,
.tbc-box-form.my-goal-form .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.my-goal-form .form-group .inp-lg,
.tbc-box-form.my-goal-form .form-group .input-group,
.tbc-box-form.my-goal-form .form-group ib-select-picker .btn,
.tbc-box-form.app-pal-form .form-group label,
.tbc-box-form.app-pal-form .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.app-pal-form .form-group .inp-lg,
.tbc-box-form.app-pal-form .form-group .input-group,
.tbc-box-form.app-pal-form .form-group ib-select-picker .btn,
.tbc-box-form.so-form .form-group label,
.tbc-box-form.so-form .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.so-form .form-group .inp-lg,
.tbc-box-form.so-form .form-group .input-group,
.tbc-box-form.so-form .form-group ib-select-picker .btn,
.tbc-box-form.app-card-accept .form-group label,
.tbc-box-form.app-card-accept .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.app-card-accept .form-group .inp-lg,
.tbc-box-form.app-card-accept .form-group .input-group,
.tbc-box-form.app-card-accept .form-group ib-select-picker .btn {
  font-size: 16px;
}
.tbc-box-form.reset .form-group .inp-lg,
.tbc-box-form.reset .form-group .input-group,
.tbc-box-form.reset .form-group ib-select-picker .btn,
.tbc-box-form.registration .form-group .inp-lg,
.tbc-box-form.registration .form-group .input-group,
.tbc-box-form.registration .form-group ib-select-picker .btn,
.tbc-box-form.decrease-limit .form-group .inp-lg,
.tbc-box-form.decrease-limit .form-group .input-group,
.tbc-box-form.decrease-limit .form-group ib-select-picker .btn,
.tbc-box-form.increase-limit .form-group .inp-lg,
.tbc-box-form.increase-limit .form-group .input-group,
.tbc-box-form.increase-limit .form-group ib-select-picker .btn,
.tbc-box-form.my-goal-form .form-group .inp-lg,
.tbc-box-form.my-goal-form .form-group .input-group,
.tbc-box-form.my-goal-form .form-group ib-select-picker .btn,
.tbc-box-form.app-pal-form .form-group .inp-lg,
.tbc-box-form.app-pal-form .form-group .input-group,
.tbc-box-form.app-pal-form .form-group ib-select-picker .btn,
.tbc-box-form.so-form .form-group .inp-lg,
.tbc-box-form.so-form .form-group .input-group,
.tbc-box-form.so-form .form-group ib-select-picker .btn,
.tbc-box-form.app-card-accept .form-group .inp-lg,
.tbc-box-form.app-card-accept .form-group .input-group,
.tbc-box-form.app-card-accept .form-group ib-select-picker .btn {
  height: 45px;
  line-height: 45px;
  padding-top: 0;
  padding-bottom: 0;
}
.tbc-box-form.reset .form-group ib-message,
.tbc-box-form.registration .form-group ib-message,
.tbc-box-form.decrease-limit .form-group ib-message,
.tbc-box-form.increase-limit .form-group ib-message,
.tbc-box-form.my-goal-form .form-group ib-message,
.tbc-box-form.app-pal-form .form-group ib-message,
.tbc-box-form.so-form .form-group ib-message,
.tbc-box-form.app-card-accept .form-group ib-message {
  display: block;
}
.tbc-box-form.reset .small-font,
.tbc-box-form.reset small,
.tbc-box-form.reset .text-info,
.tbc-box-form.reset .info,
.tbc-box-form.reset .red,
.tbc-box-form.reset .minus,
.tbc-box-form.registration .small-font,
.tbc-box-form.registration small,
.tbc-box-form.registration .text-info,
.tbc-box-form.registration .info,
.tbc-box-form.registration .red,
.tbc-box-form.registration .minus,
.tbc-box-form.decrease-limit .small-font,
.tbc-box-form.decrease-limit small,
.tbc-box-form.decrease-limit .text-info,
.tbc-box-form.decrease-limit .info,
.tbc-box-form.decrease-limit .red,
.tbc-box-form.decrease-limit .minus,
.tbc-box-form.increase-limit .small-font,
.tbc-box-form.increase-limit small,
.tbc-box-form.increase-limit .text-info,
.tbc-box-form.increase-limit .info,
.tbc-box-form.increase-limit .red,
.tbc-box-form.increase-limit .minus,
.tbc-box-form.my-goal-form .small-font,
.tbc-box-form.my-goal-form small,
.tbc-box-form.my-goal-form .text-info,
.tbc-box-form.my-goal-form .info,
.tbc-box-form.my-goal-form .red,
.tbc-box-form.my-goal-form .minus,
.tbc-box-form.app-pal-form .small-font,
.tbc-box-form.app-pal-form small,
.tbc-box-form.app-pal-form .text-info,
.tbc-box-form.app-pal-form .info,
.tbc-box-form.app-pal-form .red,
.tbc-box-form.app-pal-form .minus,
.tbc-box-form.so-form .small-font,
.tbc-box-form.so-form small,
.tbc-box-form.so-form .text-info,
.tbc-box-form.so-form .info,
.tbc-box-form.so-form .red,
.tbc-box-form.so-form .minus,
.tbc-box-form.app-card-accept .small-font,
.tbc-box-form.app-card-accept small,
.tbc-box-form.app-card-accept .text-info,
.tbc-box-form.app-card-accept .info,
.tbc-box-form.app-card-accept .red,
.tbc-box-form.app-card-accept .minus {
  font-size: 0.74375rem;
}
.tbc-box-form.reset .small-font,
.tbc-box-form.reset small,
.tbc-box-form.reset .info,
.tbc-box-form.registration .small-font,
.tbc-box-form.registration small,
.tbc-box-form.registration .info,
.tbc-box-form.decrease-limit .small-font,
.tbc-box-form.decrease-limit small,
.tbc-box-form.decrease-limit .info,
.tbc-box-form.increase-limit .small-font,
.tbc-box-form.increase-limit small,
.tbc-box-form.increase-limit .info,
.tbc-box-form.my-goal-form .small-font,
.tbc-box-form.my-goal-form small,
.tbc-box-form.my-goal-form .info,
.tbc-box-form.app-pal-form .small-font,
.tbc-box-form.app-pal-form small,
.tbc-box-form.app-pal-form .info,
.tbc-box-form.so-form .small-font,
.tbc-box-form.so-form small,
.tbc-box-form.so-form .info,
.tbc-box-form.app-card-accept .small-font,
.tbc-box-form.app-card-accept small,
.tbc-box-form.app-card-accept .info {
  color: var(--color-text-soft-default);
}
.tbc-box-form.reset .btn.btn-primary.btn-lg.float-rg.w60,
.tbc-box-form.registration .btn.btn-primary.btn-lg.float-rg.w60,
.tbc-box-form.decrease-limit .btn.btn-primary.btn-lg.float-rg.w60,
.tbc-box-form.increase-limit .btn.btn-primary.btn-lg.float-rg.w60,
.tbc-box-form.my-goal-form .btn.btn-primary.btn-lg.float-rg.w60,
.tbc-box-form.app-pal-form .btn.btn-primary.btn-lg.float-rg.w60,
.tbc-box-form.so-form .btn.btn-primary.btn-lg.float-rg.w60,
.tbc-box-form.app-card-accept .btn.btn-primary.btn-lg.float-rg.w60 {
  width: 160px;
  height: 50px;
  padding: inherit;
  font-size: 15px;
}
.tbc-box-form.reset .certificationForm .signature .challenge,
.tbc-box-form.registration .certificationForm .signature .challenge,
.tbc-box-form.decrease-limit .certificationForm .signature .challenge,
.tbc-box-form.increase-limit .certificationForm .signature .challenge,
.tbc-box-form.my-goal-form .certificationForm .signature .challenge,
.tbc-box-form.app-pal-form .certificationForm .signature .challenge,
.tbc-box-form.so-form .certificationForm .signature .challenge,
.tbc-box-form.app-card-accept .certificationForm .signature .challenge {
  width: 45px;
}
.tbc-box-form.reset .certificationForm .signature .challenge > div,
.tbc-box-form.registration .certificationForm .signature .challenge > div,
.tbc-box-form.decrease-limit .certificationForm .signature .challenge > div,
.tbc-box-form.increase-limit .certificationForm .signature .challenge > div,
.tbc-box-form.my-goal-form .certificationForm .signature .challenge > div,
.tbc-box-form.app-pal-form .certificationForm .signature .challenge > div,
.tbc-box-form.so-form .certificationForm .signature .challenge > div,
.tbc-box-form.app-card-accept .certificationForm .signature .challenge > div {
  text-align: center;
}
.tbc-box-form.reset ib-form-step-nav-buttons .form-group:last-child,
.tbc-box-form.registration ib-form-step-nav-buttons .form-group:last-child,
.tbc-box-form.decrease-limit ib-form-step-nav-buttons .form-group:last-child,
.tbc-box-form.increase-limit ib-form-step-nav-buttons .form-group:last-child,
.tbc-box-form.my-goal-form ib-form-step-nav-buttons .form-group:last-child,
.tbc-box-form.app-pal-form ib-form-step-nav-buttons .form-group:last-child,
.tbc-box-form.so-form ib-form-step-nav-buttons .form-group:last-child,
.tbc-box-form.app-card-accept ib-form-step-nav-buttons .form-group:last-child {
  margin-bottom: 0;
}
.tbc-box-form.reset ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.reset .form-step-buttons .col-sm-6,
.tbc-box-form.registration ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.registration .form-step-buttons .col-sm-6,
.tbc-box-form.decrease-limit ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.decrease-limit .form-step-buttons .col-sm-6,
.tbc-box-form.increase-limit ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.increase-limit .form-step-buttons .col-sm-6,
.tbc-box-form.my-goal-form ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.my-goal-form .form-step-buttons .col-sm-6,
.tbc-box-form.app-pal-form ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.app-pal-form .form-step-buttons .col-sm-6,
.tbc-box-form.so-form ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.so-form .form-step-buttons .col-sm-6,
.tbc-box-form.app-card-accept ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.app-card-accept .form-step-buttons .col-sm-6 {
  height: 50px;
  vertical-align: middle;
  display: table;
}
.tbc-box-form.reset ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.reset .form-step-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.registration ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.registration .form-step-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.decrease-limit ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.decrease-limit .form-step-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.increase-limit ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.increase-limit .form-step-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.my-goal-form ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.my-goal-form .form-step-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.app-pal-form ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.app-pal-form .form-step-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.so-form ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.so-form .form-step-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.app-card-accept ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.app-card-accept .form-step-buttons .col-sm-6 .buttons-wrap {
  display: table-cell;
  vertical-align: middle;
}
.tbc-box-form.reset .form-group.form-step-buttons,
.tbc-box-form.reset .form-step-buttons,
.tbc-box-form.reset ib-form-step-nav-buttons,
.tbc-box-form.registration .form-group.form-step-buttons,
.tbc-box-form.registration .form-step-buttons,
.tbc-box-form.registration ib-form-step-nav-buttons,
.tbc-box-form.decrease-limit .form-group.form-step-buttons,
.tbc-box-form.decrease-limit .form-step-buttons,
.tbc-box-form.decrease-limit ib-form-step-nav-buttons,
.tbc-box-form.increase-limit .form-group.form-step-buttons,
.tbc-box-form.increase-limit .form-step-buttons,
.tbc-box-form.increase-limit ib-form-step-nav-buttons,
.tbc-box-form.my-goal-form .form-group.form-step-buttons,
.tbc-box-form.my-goal-form .form-step-buttons,
.tbc-box-form.my-goal-form ib-form-step-nav-buttons,
.tbc-box-form.app-pal-form .form-group.form-step-buttons,
.tbc-box-form.app-pal-form .form-step-buttons,
.tbc-box-form.app-pal-form ib-form-step-nav-buttons,
.tbc-box-form.so-form .form-group.form-step-buttons,
.tbc-box-form.so-form .form-step-buttons,
.tbc-box-form.so-form ib-form-step-nav-buttons,
.tbc-box-form.app-card-accept .form-group.form-step-buttons,
.tbc-box-form.app-card-accept .form-step-buttons,
.tbc-box-form.app-card-accept ib-form-step-nav-buttons {
  margin-bottom: 0 !important;
}
.tbc-box-form.reset .withArrow,
.tbc-box-form.registration .withArrow,
.tbc-box-form.decrease-limit .withArrow,
.tbc-box-form.increase-limit .withArrow,
.tbc-box-form.my-goal-form .withArrow,
.tbc-box-form.app-pal-form .withArrow,
.tbc-box-form.so-form .withArrow,
.tbc-box-form.app-card-accept .withArrow {
  font-size: 0.74375rem;
}
.tbc-box-form.reset .resend-btn,
.tbc-box-form.registration .resend-btn,
.tbc-box-form.decrease-limit .resend-btn,
.tbc-box-form.increase-limit .resend-btn,
.tbc-box-form.my-goal-form .resend-btn,
.tbc-box-form.app-pal-form .resend-btn,
.tbc-box-form.so-form .resend-btn,
.tbc-box-form.app-card-accept .resend-btn {
  font-size: 13px !important;
}
.tbc-box-form.reset .text-muted .btn.selectpicker,
.tbc-box-form.registration .text-muted .btn.selectpicker,
.tbc-box-form.decrease-limit .text-muted .btn.selectpicker,
.tbc-box-form.increase-limit .text-muted .btn.selectpicker,
.tbc-box-form.my-goal-form .text-muted .btn.selectpicker,
.tbc-box-form.app-pal-form .text-muted .btn.selectpicker,
.tbc-box-form.so-form .text-muted .btn.selectpicker,
.tbc-box-form.app-card-accept .text-muted .btn.selectpicker {
  color: var(--color-text-soft-default) !important;
}
.tbc-box-form.reset .text-dark .btn.selectpicker,
.tbc-box-form.registration .text-dark .btn.selectpicker,
.tbc-box-form.decrease-limit .text-dark .btn.selectpicker,
.tbc-box-form.increase-limit .text-dark .btn.selectpicker,
.tbc-box-form.my-goal-form .text-dark .btn.selectpicker,
.tbc-box-form.app-pal-form .text-dark .btn.selectpicker,
.tbc-box-form.so-form .text-dark .btn.selectpicker,
.tbc-box-form.app-card-accept .text-dark .btn.selectpicker {
  color: var(--color-surface-high-dark-initial) !important;
}
.tbc-box-form.reset form[name=reviewForm] .form-group,
.tbc-box-form.registration form[name=reviewForm] .form-group,
.tbc-box-form.decrease-limit form[name=reviewForm] .form-group,
.tbc-box-form.increase-limit form[name=reviewForm] .form-group,
.tbc-box-form.my-goal-form form[name=reviewForm] .form-group,
.tbc-box-form.app-pal-form form[name=reviewForm] .form-group,
.tbc-box-form.so-form form[name=reviewForm] .form-group,
.tbc-box-form.app-card-accept form[name=reviewForm] .form-group {
  margin-bottom: 5px;
}
.tbc-box-form.reset form[name=reviewForm] .form-group h3,
.tbc-box-form.registration form[name=reviewForm] .form-group h3,
.tbc-box-form.decrease-limit form[name=reviewForm] .form-group h3,
.tbc-box-form.increase-limit form[name=reviewForm] .form-group h3,
.tbc-box-form.my-goal-form form[name=reviewForm] .form-group h3,
.tbc-box-form.app-pal-form form[name=reviewForm] .form-group h3,
.tbc-box-form.so-form form[name=reviewForm] .form-group h3,
.tbc-box-form.app-card-accept form[name=reviewForm] .form-group h3 {
  font-size: 16px;
}
.tbc-box-form.reset form[name=reviewForm] .form-group.first-ln,
.tbc-box-form.registration form[name=reviewForm] .form-group.first-ln,
.tbc-box-form.decrease-limit form[name=reviewForm] .form-group.first-ln,
.tbc-box-form.increase-limit form[name=reviewForm] .form-group.first-ln,
.tbc-box-form.my-goal-form form[name=reviewForm] .form-group.first-ln,
.tbc-box-form.app-pal-form form[name=reviewForm] .form-group.first-ln,
.tbc-box-form.so-form form[name=reviewForm] .form-group.first-ln,
.tbc-box-form.app-card-accept form[name=reviewForm] .form-group.first-ln {
  margin-bottom: 20px;
}
.tbc-box-form.reset .review-form .form-group,
.tbc-box-form.registration .review-form .form-group,
.tbc-box-form.decrease-limit .review-form .form-group,
.tbc-box-form.increase-limit .review-form .form-group,
.tbc-box-form.my-goal-form .review-form .form-group,
.tbc-box-form.app-pal-form .review-form .form-group,
.tbc-box-form.so-form .review-form .form-group,
.tbc-box-form.app-card-accept .review-form .form-group {
  margin-bottom: 5px;
}
.tbc-box-form.reset .review-form .form-group a,
.tbc-box-form.registration .review-form .form-group a,
.tbc-box-form.decrease-limit .review-form .form-group a,
.tbc-box-form.increase-limit .review-form .form-group a,
.tbc-box-form.my-goal-form .review-form .form-group a,
.tbc-box-form.app-pal-form .review-form .form-group a,
.tbc-box-form.so-form .review-form .form-group a,
.tbc-box-form.app-card-accept .review-form .form-group a {
  font-size: 0.74375rem;
}
.tbc-box-form.reset .review-form .form-group div,
.tbc-box-form.registration .review-form .form-group div,
.tbc-box-form.decrease-limit .review-form .form-group div,
.tbc-box-form.increase-limit .review-form .form-group div,
.tbc-box-form.my-goal-form .review-form .form-group div,
.tbc-box-form.app-pal-form .review-form .form-group div,
.tbc-box-form.so-form .review-form .form-group div,
.tbc-box-form.app-card-accept .review-form .form-group div {
  font-size: 15px;
}
.tbc-box-form.reset .review-form .form-group.first-ln,
.tbc-box-form.registration .review-form .form-group.first-ln,
.tbc-box-form.decrease-limit .review-form .form-group.first-ln,
.tbc-box-form.increase-limit .review-form .form-group.first-ln,
.tbc-box-form.my-goal-form .review-form .form-group.first-ln,
.tbc-box-form.app-pal-form .review-form .form-group.first-ln,
.tbc-box-form.so-form .review-form .form-group.first-ln,
.tbc-box-form.app-card-accept .review-form .form-group.first-ln {
  margin-bottom: 20px;
}
.tbc-box-form.reset .review-form hr,
.tbc-box-form.registration .review-form hr,
.tbc-box-form.decrease-limit .review-form hr,
.tbc-box-form.increase-limit .review-form hr,
.tbc-box-form.my-goal-form .review-form hr,
.tbc-box-form.app-pal-form .review-form hr,
.tbc-box-form.so-form .review-form hr,
.tbc-box-form.app-card-accept .review-form hr {
  margin-top: 20px;
  margin-bottom: 15px;
  clear: both;
}
.tbc-box-form.reset .conditions a,
.tbc-box-form.registration .conditions a,
.tbc-box-form.decrease-limit .conditions a,
.tbc-box-form.increase-limit .conditions a,
.tbc-box-form.my-goal-form .conditions a,
.tbc-box-form.app-pal-form .conditions a,
.tbc-box-form.so-form .conditions a,
.tbc-box-form.app-card-accept .conditions a {
  font-size: 15px !important;
}
.tbc-box-form.reset .conditions-check,
.tbc-box-form.registration .conditions-check,
.tbc-box-form.decrease-limit .conditions-check,
.tbc-box-form.increase-limit .conditions-check,
.tbc-box-form.my-goal-form .conditions-check,
.tbc-box-form.app-pal-form .conditions-check,
.tbc-box-form.so-form .conditions-check,
.tbc-box-form.app-card-accept .conditions-check {
  margin-bottom: 27px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tbc-box-form.reset .conditions-check .radio label,
.tbc-box-form.reset .conditions-check .checkbox label,
.tbc-box-form.registration .conditions-check .radio label,
.tbc-box-form.registration .conditions-check .checkbox label,
.tbc-box-form.decrease-limit .conditions-check .radio label,
.tbc-box-form.decrease-limit .conditions-check .checkbox label,
.tbc-box-form.increase-limit .conditions-check .radio label,
.tbc-box-form.increase-limit .conditions-check .checkbox label,
.tbc-box-form.my-goal-form .conditions-check .radio label,
.tbc-box-form.my-goal-form .conditions-check .checkbox label,
.tbc-box-form.app-pal-form .conditions-check .radio label,
.tbc-box-form.app-pal-form .conditions-check .checkbox label,
.tbc-box-form.so-form .conditions-check .radio label,
.tbc-box-form.so-form .conditions-check .checkbox label,
.tbc-box-form.app-card-accept .conditions-check .radio label,
.tbc-box-form.app-card-accept .conditions-check .checkbox label {
  min-height: 3px;
}
.tbc-box-form.reset .conditions-check .radio,
.tbc-box-form.reset .conditions-check .checkbox,
.tbc-box-form.registration .conditions-check .radio,
.tbc-box-form.registration .conditions-check .checkbox,
.tbc-box-form.decrease-limit .conditions-check .radio,
.tbc-box-form.decrease-limit .conditions-check .checkbox,
.tbc-box-form.increase-limit .conditions-check .radio,
.tbc-box-form.increase-limit .conditions-check .checkbox,
.tbc-box-form.my-goal-form .conditions-check .radio,
.tbc-box-form.my-goal-form .conditions-check .checkbox,
.tbc-box-form.app-pal-form .conditions-check .radio,
.tbc-box-form.app-pal-form .conditions-check .checkbox,
.tbc-box-form.so-form .conditions-check .radio,
.tbc-box-form.so-form .conditions-check .checkbox,
.tbc-box-form.app-card-accept .conditions-check .radio,
.tbc-box-form.app-card-accept .conditions-check .checkbox {
  min-height: 22px;
  padding-top: 2px;
}
.tbc-box-form.reset .form-group.term-a-cond,
.tbc-box-form.reset .term-a-cond .form-group:not(.agreement-checkboxes),
.tbc-box-form.registration .form-group.term-a-cond,
.tbc-box-form.registration .term-a-cond .form-group:not(.agreement-checkboxes),
.tbc-box-form.decrease-limit .form-group.term-a-cond,
.tbc-box-form.decrease-limit .term-a-cond .form-group:not(.agreement-checkboxes),
.tbc-box-form.increase-limit .form-group.term-a-cond,
.tbc-box-form.increase-limit .term-a-cond .form-group:not(.agreement-checkboxes),
.tbc-box-form.my-goal-form .form-group.term-a-cond,
.tbc-box-form.my-goal-form .term-a-cond .form-group:not(.agreement-checkboxes),
.tbc-box-form.app-pal-form .form-group.term-a-cond,
.tbc-box-form.app-pal-form .term-a-cond .form-group:not(.agreement-checkboxes),
.tbc-box-form.so-form .form-group.term-a-cond,
.tbc-box-form.so-form .term-a-cond .form-group:not(.agreement-checkboxes),
.tbc-box-form.app-card-accept .form-group.term-a-cond,
.tbc-box-form.app-card-accept .term-a-cond .form-group:not(.agreement-checkboxes) {
  margin-bottom: 0 !important;
}
.tbc-box-form.reset .form-group.conditions-check,
.tbc-box-form.registration .form-group.conditions-check,
.tbc-box-form.decrease-limit .form-group.conditions-check,
.tbc-box-form.increase-limit .form-group.conditions-check,
.tbc-box-form.my-goal-form .form-group.conditions-check,
.tbc-box-form.app-pal-form .form-group.conditions-check,
.tbc-box-form.so-form .form-group.conditions-check,
.tbc-box-form.app-card-accept .form-group.conditions-check {
  margin-bottom: 15px !important;
}
.tbc-box-form.reset .dropdown .btn,
.tbc-box-form.registration .dropdown .btn,
.tbc-box-form.decrease-limit .dropdown .btn,
.tbc-box-form.increase-limit .dropdown .btn,
.tbc-box-form.my-goal-form .dropdown .btn,
.tbc-box-form.app-pal-form .dropdown .btn,
.tbc-box-form.so-form .dropdown .btn,
.tbc-box-form.app-card-accept .dropdown .btn {
  padding: 12px 48px 8px 11px !important;
  height: 45px;
  font-size: 0.875rem;
}
.tbc-box-form.reset .dropdown .btn .t-name,
.tbc-box-form.registration .dropdown .btn .t-name,
.tbc-box-form.decrease-limit .dropdown .btn .t-name,
.tbc-box-form.increase-limit .dropdown .btn .t-name,
.tbc-box-form.my-goal-form .dropdown .btn .t-name,
.tbc-box-form.app-pal-form .dropdown .btn .t-name,
.tbc-box-form.so-form .dropdown .btn .t-name,
.tbc-box-form.app-card-accept .dropdown .btn .t-name {
  color: var(--color-text-soft-dark);
}
.tbc-box-form.reset .dropdown .btn td:not(.acc-name),
.tbc-box-form.reset .dropdown .btn .templates-image,
.tbc-box-form.reset .dropdown .btn .t-number,
.tbc-box-form.reset .dropdown .btn .acc-iban,
.tbc-box-form.registration .dropdown .btn td:not(.acc-name),
.tbc-box-form.registration .dropdown .btn .templates-image,
.tbc-box-form.registration .dropdown .btn .t-number,
.tbc-box-form.registration .dropdown .btn .acc-iban,
.tbc-box-form.decrease-limit .dropdown .btn td:not(.acc-name),
.tbc-box-form.decrease-limit .dropdown .btn .templates-image,
.tbc-box-form.decrease-limit .dropdown .btn .t-number,
.tbc-box-form.decrease-limit .dropdown .btn .acc-iban,
.tbc-box-form.increase-limit .dropdown .btn td:not(.acc-name),
.tbc-box-form.increase-limit .dropdown .btn .templates-image,
.tbc-box-form.increase-limit .dropdown .btn .t-number,
.tbc-box-form.increase-limit .dropdown .btn .acc-iban,
.tbc-box-form.my-goal-form .dropdown .btn td:not(.acc-name),
.tbc-box-form.my-goal-form .dropdown .btn .templates-image,
.tbc-box-form.my-goal-form .dropdown .btn .t-number,
.tbc-box-form.my-goal-form .dropdown .btn .acc-iban,
.tbc-box-form.app-pal-form .dropdown .btn td:not(.acc-name),
.tbc-box-form.app-pal-form .dropdown .btn .templates-image,
.tbc-box-form.app-pal-form .dropdown .btn .t-number,
.tbc-box-form.app-pal-form .dropdown .btn .acc-iban,
.tbc-box-form.so-form .dropdown .btn td:not(.acc-name),
.tbc-box-form.so-form .dropdown .btn .templates-image,
.tbc-box-form.so-form .dropdown .btn .t-number,
.tbc-box-form.so-form .dropdown .btn .acc-iban,
.tbc-box-form.app-card-accept .dropdown .btn td:not(.acc-name),
.tbc-box-form.app-card-accept .dropdown .btn .templates-image,
.tbc-box-form.app-card-accept .dropdown .btn .t-number,
.tbc-box-form.app-card-accept .dropdown .btn .acc-iban {
  display: none;
}
.tbc-box-form.reset .alert-info,
.tbc-box-form.registration .alert-info,
.tbc-box-form.decrease-limit .alert-info,
.tbc-box-form.increase-limit .alert-info,
.tbc-box-form.my-goal-form .alert-info,
.tbc-box-form.app-pal-form .alert-info,
.tbc-box-form.so-form .alert-info,
.tbc-box-form.app-card-accept .alert-info {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--color-icon-primary-initial);
  border-color: var(--color-icon-primary-initial);
  color: var(--color-text-strong-light);
}
.tbc-box-form.reset .alert-info .smallfont,
.tbc-box-form.registration .alert-info .smallfont,
.tbc-box-form.decrease-limit .alert-info .smallfont,
.tbc-box-form.increase-limit .alert-info .smallfont,
.tbc-box-form.my-goal-form .alert-info .smallfont,
.tbc-box-form.app-pal-form .alert-info .smallfont,
.tbc-box-form.so-form .alert-info .smallfont,
.tbc-box-form.app-card-accept .alert-info .smallfont {
  color: var(--color-text-strong-light);
}
.tbc-box-form.reset .alert-info.alert-info-light,
.tbc-box-form.registration .alert-info.alert-info-light,
.tbc-box-form.decrease-limit .alert-info.alert-info-light,
.tbc-box-form.increase-limit .alert-info.alert-info-light,
.tbc-box-form.my-goal-form .alert-info.alert-info-light,
.tbc-box-form.app-pal-form .alert-info.alert-info-light,
.tbc-box-form.so-form .alert-info.alert-info-light,
.tbc-box-form.app-card-accept .alert-info.alert-info-light {
  background-color: var(--color-icon-primary-initial);
  border-color: var(--color-icon-primary-initial);
}
.tbc-box-form.registration {
  position: relative;
  min-height: auto;
  padding: 48px;
  animation: none;
  transition: none;
}
.tbc-box-form ib-registration-step-buttons {
  display: inline-block;
  width: 100%;
}
.tbc-box-form.app-pal-form .form-group .col-sm-5 .btn.btn-primary {
  height: 45px;
  float: right;
  width: 160px;
}
.tbc-box-form.my-goal-form .form-group label,
.tbc-box-form.my-goal-form .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.my-goal-form .form-group .inp-lg,
.tbc-box-form.my-goal-form .form-group .input-group,
.tbc-box-form.my-goal-form .form-group ib-select-picker .btn,
.tbc-box-form.app-pal-form .form-group label,
.tbc-box-form.app-pal-form .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.app-pal-form .form-group .inp-lg,
.tbc-box-form.app-pal-form .form-group .input-group,
.tbc-box-form.app-pal-form .form-group ib-select-picker .btn {
  font-size: 15px;
}
.tbc-box-form.my-goal-form .form-group .small-font,
.tbc-box-form.my-goal-form .form-group small,
.tbc-box-form.my-goal-form .form-group .small,
.tbc-box-form.app-pal-form .form-group .small-font,
.tbc-box-form.app-pal-form .form-group small,
.tbc-box-form.app-pal-form .form-group .small {
  font-size: 0.74375rem !important;
}
.tbc-box-form.my-goal-form form .radio label,
.tbc-box-form.my-goal-form .checkbox label {
  padding-left: 30px;
}
.tbc-box-form.decrease-limit h3,
.tbc-box-form.decrease-limit .form-group h3,
.tbc-box-form.decrease-limit form[name=reviewForm] .form-group h3,
.tbc-box-form.increase-limit h3,
.tbc-box-form.increase-limit .form-group h3,
.tbc-box-form.increase-limit form[name=reviewForm] .form-group h3,
.tbc-box-form.app-pal-form h3,
.tbc-box-form.app-pal-form .form-group h3,
.tbc-box-form.app-pal-form form[name=reviewForm] .form-group h3 {
  font-size: 16px;
}
.tbc-box-form.decrease-limit:not(.app-pal-form) form[name=reviewForm] .form-group h3,
.tbc-box-form.increase-limit:not(.app-pal-form) form[name=reviewForm] .form-group h3,
.tbc-box-form.app-pal-form:not(.app-pal-form) form[name=reviewForm] .form-group h3 {
  margin-bottom: 0 !important;
}
.tbc-box-form.decrease-limit .form-group,
.tbc-box-form.increase-limit .form-group,
.tbc-box-form.app-pal-form .form-group {
  margin-bottom: 27px;
}
.tbc-box-form.decrease-limit .form-group .dropdown .btn,
.tbc-box-form.increase-limit .form-group .dropdown .btn,
.tbc-box-form.app-pal-form .form-group .dropdown .btn {
  height: 45px;
  line-height: 45px;
  padding: 0 48px 0 11px !important;
}
.tbc-box-form.decrease-limit .form-group label,
.tbc-box-form.decrease-limit .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.decrease-limit .form-group .inp-lg,
.tbc-box-form.decrease-limit .form-group .dropdown .btn > div,
.tbc-box-form.decrease-limit .form-group ib-select-picker .btn,
.tbc-box-form.increase-limit .form-group label,
.tbc-box-form.increase-limit .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.increase-limit .form-group .inp-lg,
.tbc-box-form.increase-limit .form-group .dropdown .btn > div,
.tbc-box-form.increase-limit .form-group ib-select-picker .btn,
.tbc-box-form.app-pal-form .form-group label,
.tbc-box-form.app-pal-form .form-group .tbc-radio input[type=radio] + label,
.tbc-box-form.app-pal-form .form-group .inp-lg,
.tbc-box-form.app-pal-form .form-group .dropdown .btn > div,
.tbc-box-form.app-pal-form .form-group ib-select-picker .btn {
  font-size: 15px;
}
.tbc-box-form.increase-limit h3 {
  margin-bottom: 0 !important;
  margin-top: 25px;
}
.tbc-box-form.increase-limit .tbc-radio input[type=radio] + label span {
  margin: -6px 8px 0 0;
}
.tbc-box-form.app-card.increase-limit .form-group.form-group-header {
  margin-bottom: 10px !important;
}
.tbc-box-form.app-card.increase-limit .form-group .cardImage .selectedImage img {
  width: 289px;
  height: 185.4px;
}
.tbc-box-form.app-card.increase-limit .form-group .rn-carousel-control {
  height: 40px;
  width: 40px;
}
.tbc-box-form.app-card.increase-limit .form-group .tbc-radio {
  margin: 0 0 0 0;
}
.tbc-box-form.app-card.increase-limit hr {
  margin-top: 10px;
  clear: both;
}
.tbc-box-form.so-form a.disabled,
.tbc-box-form.so-form a.disabled:hover {
  color: var(--color-text-soft-dark);
  cursor: default !important;
  text-decoration: none !important;
}
.tbc-box-form.so-form a.disabled div,
.tbc-box-form.so-form a.disabled:hover div {
  cursor: default !important;
}
.tbc-box-form.so-form a.disabled [role=button],
.tbc-box-form.so-form a.disabled:hover [role=button] {
  cursor: default !important;
}
.tbc-box-form.so-form .certificationForm .signature .resend {
  text-align: left;
}
.tbc-box-form.so-form .certificationForm .signature.k_of_n .control-label {
  padding-top: 5px;
}
.tbc-box-form.so-form .btn.btn-primary.btn-lg.float-rg.w60 {
  width: 200px;
}
.tbc-box-form.so-form .form-group {
  margin-bottom: 27px;
}
.tbc-box-form.so-form .form-group.form-group-with-radio {
  margin-bottom: 10px;
}
.tbc-box-form.so-form .form-group label,
.tbc-box-form.so-form .form-group .inp-lg,
.tbc-box-form.so-form .form-group .btn.btn-primary,
.tbc-box-form.so-form .form-group .dropdown .btn,
.tbc-box-form.so-form .form-group .radio-txt .main-txt,
.tbc-box-form.so-form .form-group .tbc-radio input[type=radio] + label {
  font-size: 15px;
}
.tbc-box-form.so-form .btn.btn-primary {
  font-size: 15px;
}
.tbc-box-form.so-form .tbc-radio {
  margin: 0 0 0 0;
}
.tbc-box-form.so-form .review-form .form-group h3 {
  font-size: 16px;
}
.tbc-box-form.so-form .review-form .form-group h3 a {
  font-size: 0.74375rem;
}
.tbc-box-form.pal-increase-application h3,
.tbc-box-form.pal-increase-application .form-group h3 {
  font-size: 20px;
  margin-bottom: 20px;
}
.tbc-box-form.pal-increase-limit h3,
.tbc-box-form.pal-increase-limit .form-group h3 {
  margin-bottom: 25px;
}
.tbc-box-form.prepayment .marbott27,
.tbc-box-form.prepayment .withArrow {
  font-size: 0.74375rem;
}
.tbc-box-form.prepayment .step-indicator {
  height: 60px;
}
.tbc-box-form.prepayment .tbc-box-form-2 .content {
  font-size: 15px;
}
.tbc-box-form.prepayment .tbc-box-form-2 .content h3 {
  font-size: 20px;
}
.tbc-box-form.prepayment .tbc-box-form-2 .content .btn {
  width: 220px;
  height: 50px;
  font-size: 15px;
  padding: 0;
}
.tbc-box-form.prepayment .dropdown .btn,
.tbc-box-form.prepayment ib-select-picker .btn {
  padding: 12px 48px 8px 11px !important;
  height: 45px;
  font-size: 0.875rem;
}
.tbc-box-form.prepayment .dropdown .btn td:not(.acc-name),
.tbc-box-form.prepayment ib-select-picker .btn td:not(.acc-name) {
  display: none;
}
.tbc-box-form.prepayment .review-form .form-group div {
  font-size: 0.875rem;
}
.tbc-box-form.prepayment .form-group {
  margin-bottom: 27px;
}
.tbc-box-form.prepayment .form-group label,
.tbc-box-form.prepayment .form-group .inp-lg,
.tbc-box-form.prepayment .form-group .btn.btn-primary {
  font-size: 15px;
}
.tbc-box-form.prepayment .form-group .tbc-radio input[type=radio] + label {
  font-size: 15px;
}
.tbc-box-form.prepayment .btn.btn-primary.btn-lg.float-rg.w60 {
  width: 200px;
  height: 50px;
  padding: inherit;
}
.tbc-box-form.prepayment .cal-btn {
  padding: 15px;
}
.tbc-box-form.prepayment .cal-btn.btn-reactive {
  padding: 12px;
}
.tbc-box-form.prepayment ib-form-step-nav-buttons .col-sm-6,
.tbc-box-form.prepayment .form-step-buttons .col-sm-6 {
  height: 50px;
  vertical-align: middle;
  display: table;
}
.tbc-box-form.prepayment ib-form-step-nav-buttons .col-sm-6 .buttons-wrap,
.tbc-box-form.prepayment .form-step-buttons .col-sm-6 .buttons-wrap {
  display: table-cell;
  vertical-align: middle;
}
.tbc-box-form.prepayment .table > thead > tr > th,
.tbc-box-form.prepayment .table > tbody > tr > th,
.tbc-box-form.prepayment .table > tfoot > tr > th,
.tbc-box-form.prepayment .table > thead > tr > td,
.tbc-box-form.prepayment .table > tbody > tr > td,
.tbc-box-form.prepayment .table > tfoot > tr > td {
  font-size: 0.74375rem;
}
.inp-spec-so {
  height: 45px;
}
.reset .signature.k_of_n .control-label {
  padding-top: 0 !important;
}
.tbc-box-form.app-card.app-pal-form.my-goal-form.pal-increase-limit .tbc-box-form-1,
.tbc-box-form.app-card.increase-limit .tbc-box-form-1 {
  min-height: 500px;
}
.tbc-box.tbc-box-form.app-card.my-goal-form .tbc-radio > div:last-child {
  margin-bottom: 0;
}
.float-right {
  float: right;
}
form.money-box-st1 ib-application-step-nav-buttons .form-step-buttons {
  margin-top: 30px;
}
form.money-box-st1 .add-drop > div {
  margin-top: 20px;
}
form.money-box-st2 {
  margin-top: -40px;
}
form.money-box-st2 .form-step-buttons {
  margin-top: 30px;
}
.tbc-box-form.app-card.my-goal-form .tbc-box-form-1 {
  min-height: 500px;
}
.center-on-block label {
  margin-top: 28px;
}
.resend-btn {
  cursor: pointer;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box-help h4 {
  margin-top: 50px;
  margin-bottom: 30px;
}
.tbc-box-help h4:first-child {
  margin-top: 20px;
}
.tbc-box-help ul.no-list li {
  margin-bottom: 20px;
}
.tbc-box-help .video-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  width: 30%;
  text-align: center;
  margin-right: 5%;
}
.tbc-box-help .video-box.w100i {
  text-align: left;
}
.tbc-box-help .video-box .video-img {
  width: 100%;
  text-align: left;
}
.tbc-box-help .video-box .video-img img {
  width: 220px;
}
.tbc-box-help .video-box .video-title,
.tbc-box-help .video-box .video-txt {
  width: 100%;
  text-align: left;
}
.tbc-box-help .video-box .video-title {
  font-size: 1.09375rem;
  margin-top: 25px;
}
.tbc-box-help .video-box .video-txt {
  color: var(--color-text-disabled-default);
}
.tbc-box-help .video-box:nth-child(3n) {
  margin-right: 0;
}
.tbc-box-help .video-box:nth-child(3n+1) {
  clear: both;
}
.tbc-box-help .video-box .disabled {
  background-color: var(--color-stroke-primary-hovered);
  border-color: var(--color-stroke-primary-hovered);
  color: var(--color-text-soft-default);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.tbc-box-help .contact-box-big {
  width: 220px;
  margin: 0 auto;
}
.tbc-box-help .contact-box-big .cnt-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.tbc-box-help .contact-box-big .cnt-title {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.09375rem;
  width: 100%;
}
.tbc-box-help .contact-box-big .cnt-txt {
  text-align: center;
  color: var(--color-text-disabled-default);
  width: 100%;
}
.tbc-box-help .contact-box-big .btn {
  margin-top: 20px;
  width: 100%;
}
.tbc-box-help .contact-box-big.chat .cnt-image {
  background-image: url(/tbcrd/assets/img/help/icon-help-chat.png);
}
.tbc-box-help .contact-box-big.msg .cnt-image {
  background-image: url(/tbcrd/assets/img/help/icon-help-msg.png);
}
.tbc-box-help .contact-box-big.phone .cnt-image {
  background-image: url(/tbcrd/assets/img/help/icon-help-phone.png);
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.container-dashbord .col-xs-9 {
  width: 71%;
}
.container-dashbord .col-xs-3 {
  width: 29%;
}
.container-dashbord .col-xs-9 > ul.list-unstyled,
.container-dashbord .col-xs-3 > ul.list-unstyled {
  margin: 0;
}
.tbc-box.tbc-box-homepage {
  padding: 0;
  color: var(--color-text-soft-inverted);
  font-size: 13px;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .info-hint {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .info-hint.ready-hint {
  margin-bottom: 5px;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard h2:hover {
  text-decoration: none;
  color: var(--color-icon-primary-initial);
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .tbc-box {
  margin-bottom: 0px;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .tbc-box-products .product-cell.product-image-cell {
  padding: 5px 0px !important;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .tbc-box-products .product-image {
  width: 36px;
  height: 36px;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .tbc-box-products .product-header {
  padding-right: 40px;
  cursor: grab;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .tbc-box-products .product:last-child .product-cell {
  padding-bottom: 0px;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .tbc-box-products .product-cell {
  padding: 0px 0px;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .tbc-box-products .product-cell.action-cell {
  width: 40px;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .hide-button {
  float: left;
}
.tbc-box.tbc-box-homepage.i-wish-dashboard .progress-bar {
  width: 150px;
}
.tbc-box.tbc-box-homepage .left-part h2 {
  max-width: 200px;
}
@media (max-width: 1280px) {
  .tbc-box.tbc-box-homepage .left-part h2 {
    max-width: 156px;
  }
}
.tbc-box.tbc-box-homepage h2 {
  font-size: 15px;
  line-height: 24px;
  margin-top: 0;
  float: left;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text-soft-dark) !important;
}
@media (max-width: 960px) {
  .tbc-box.tbc-box-homepage h2 {
    font-size: 14px !important;
    color: var(--color-text-soft-default) !important;
  }
}
.tbc-box.tbc-box-homepage h2:hover {
  color: var(--color-icon-primary-initial) !important;
}
.tbc-box.tbc-box-homepage h2 a {
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.tbc-box.tbc-box-homepage h2 a:hover {
  color: inherit;
  text-decoration: none;
}
.tbc-box.tbc-box-homepage h2.nolinkl {
  cursor: inherit;
}
.tbc-box.tbc-box-homepage h2.nolinkl:hover {
  color: var(--color-text-soft-dark) !important;
  text-decoration: none;
}
.tbc-box.tbc-box-homepage .val {
  font-size: 16px;
}
.tbc-box.tbc-box-homepage .name {
  color: #141719;
  font-size: 16px;
  line-height: 22px;
}
.tbc-box.tbc-box-homepage a span:not(.name):not(.info-hint) {
  color: var(--color-text-soft-inverted);
}
.tbc-box.tbc-box-homepage .smart-points {
  background-image: url(/tbcrd/assets/img/smartclub/smart-club-new.svg);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left bottom;
  min-height: 90px;
  max-width: 200px;
  text-align: center;
  margin: 0 auto;
}
.tbc-box.tbc-box-homepage:not(.widget-cards) .product-header:hover .drag-button,
.tbc-box.tbc-box-homepage:not(.widget-cards) .left-part:hover .drag-button {
  display: none;
}
.tbc-box.tbc-box-homepage:not(.widget-cards) .product-header:hover .hide-button,
.tbc-box.tbc-box-homepage:not(.widget-cards) .left-part:hover .hide-button {
  display: block;
}
.tbc-box.tbc-box-homepage:not(.widget-cards) .product-header:hover .transaction-count,
.tbc-box.tbc-box-homepage:not(.widget-cards) .left-part:hover .transaction-count {
  display: block;
  padding-left: 12px;
  position: absolute;
  right: 64px;
  top: 13px;
}
.tbc-box.tbc-box-homepage .hide-button,
.tbc-box.tbc-box-homepage .drag-button,
.tbc-box.tbc-box-homepage .transaction-count {
  -webkit-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  height: 21px;
  cursor: pointer !important;
  float: right;
  background-repeat: no-repeat;
  margin-left: 3px;
  display: none;
}
.tbc-box.tbc-box-homepage .hide-button {
  mask-image: url(/tbcrd/assets/tbcx/icons/eye-disabled-outlined.svg);
  -webkit-mask-image: url(/tbcrd/assets/tbcx/icons/eye-disabled-outlined.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 24px;
  height: 24px;
  background-color: var(--color-icon-primary-initial);
  width: 24px;
  background-color: #555f62;
}
.tbc-box.tbc-box-homepage .hide-button.collapsed {
  width: 25px;
}
.tbc-box.tbc-box-homepage .drag-button {
  background-image: url(/tbcrd/assets/img/dragIcon.png);
  width: 19px;
}
.tbc-box.tbc-box-homepage .drag-button:hover {
  background-image: url(/tbcrd/assets/img/dragIcon-hover.png);
}
.tbc-box.tbc-box-homepage.widget-cards .drag-button,
.tbc-box.tbc-box-homepage.widget-cards .hide-button {
  display: none;
}
.tbc-box.tbc-box-homepage .wait-icon,
.tbc-box.tbc-box-homepage .ready-icon {
  display: inline-block;
  width: 14px;
  height: 13px;
  cursor: pointer;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
.tbc-box.tbc-box-homepage .wait-icon {
  background-image: url(/tbcrd/assets/img/homepage/tbc-wait-icon.svg);
  background-size: 14px 14px;
}
.tbc-box.tbc-box-homepage .ready-icon {
  background-image: url(/tbcrd/assets/img/homepage/tbc-ready-icon.svg);
  background-size: 14px 13px;
}
.tbc-box.tbc-box-homepage .category-block {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  background: transparent none no-repeat center center;
  background-size: contain;
  top: 6px;
}
.tbc-box.tbc-box-homepage .category-block img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tbc-box.tbc-box-homepage .category-block img[src] {
  display: block;
}
.tbc-box.tbc-box-homepage .category-block.split {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: url(/tbcrd/assets/img/mymoney/icon-cat-split.png);
  background-size: 26px 26px;
}
.tbc-box.tbc-box-homepage .category-block.split img {
  display: none;
}
.tbc-box.tbc-box-homepage .homeList {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  width: 100%;
}
.tbc-box.tbc-box-homepage .homeList li {
  width: 100%;
  border-top: 1px solid var(--color-stroke-softer-initial);
}
.tbc-box.tbc-box-homepage .homeList li.noBorder {
  border-top: 0 solid transparent;
}
.tbc-box.tbc-box-homepage .homeList li .val {
  font-size: 16px;
}
.tbc-box.tbc-box-homepage .homeList li .list-block {
  height: 50px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 7px;
  overflow: hidden;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg {
  text-align: center;
  margin: 0 auto;
  padding-top: 7px;
  cursor: move;
  cursor: grab;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg img {
  height: 36px;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg ib-image-resolver:nth-child(1) {
  position: absolute;
  transform: translateY(0px) translateX(-24px);
  z-index: 8;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg ib-image-resolver:nth-child(2) {
  position: absolute;
  transform: translateY(3px) translateX(-21px);
  z-index: 9;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg ib-image-resolver:nth-child(3) {
  position: absolute;
  transform: translateY(6px) translateX(-18px);
  z-index: 10;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg.image-count-2 ib-image-resolver:nth-child(1) {
  position: absolute;
  transform: translateY(0px) translateX(-25px);
  z-index: 8;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg.image-count-2 ib-image-resolver:nth-child(2) {
  position: absolute;
  transform: translateY(3px) translateX(-22px);
  z-index: 9;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg.image-count-3 ib-image-resolver:nth-child(1) {
  position: absolute;
  transform: translateY(-3px) translateX(-26px);
  z-index: 8;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg.image-count-3 ib-image-resolver:nth-child(2) {
  position: absolute;
  transform: translateY(0px) translateX(-23px);
  z-index: 9;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg.image-count-3 ib-image-resolver:nth-child(3) {
  position: absolute;
  transform: translateY(3px) translateX(-20px);
  z-index: 10;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listImg ib-image-resolver:nth-child(n+4) {
  display: none;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listPrimeText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: #555f62;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listPrimeText .list-prime-text-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listPrimeText .list-prime-text-content .tooltip .tooltip-inner {
  white-space: normal;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listPrimeText > span {
  font-size: 13px;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 40px;
  text-align: right;
  padding-right: 17px;
  display: block;
  cursor: pointer;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listArr {
  cursor: pointer;
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
  background-size: 8px 14px;
  background-position: left center;
  background-repeat: no-repeat;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listDate {
  color: var(--color-text-soft-dark);
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listDate:first-child {
  padding-left: 30px;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listDescription {
  padding-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listCategory > div {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tbc-box.tbc-box-homepage .homeList li .list-block.listCategory > div:hover {
  color: var(--color-icon-primary-initial);
}
.tbc-box.tbc-box-homepage .homeList li.showCollapsed .name {
  line-height: 34px;
}
.tbc-box.tbc-box-homepage .homeList.dad-pointer .listArr {
  background-image: url(/tbcrd/assets/img/tbc-icon-drag.svg) !important;
  background-size: 12px 10px;
  background-position: left center;
  background-repeat: no-repeat;
}
.tbc-box.tbc-box-homepage .homeList.dad-pointer li ib-banner .list-block.listArr {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg) !important;
  background-size: 8px 14px;
}
.tbc-box.tbc-box-homepage .homeList .panel-body .homeList li {
  height: 40px;
  overflow: hidden;
}
.tbc-box.tbc-box-homepage .homeList .dndPlaceholder {
  margin-bottom: 0;
  min-height: 60px;
}
.tbc-box.tbc-box-homepage.cashflow .panel-body {
  font-size: 13px;
}
.tbc-box.tbc-box-homepage.cashflow .panel-body .fs-xs {
  font-size: 12px;
}
.tbc-box.tbc-box-homepage.cashflow ul {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.tbc-box.tbc-box-homepage.cashflow ul li {
  margin-bottom: 30px;
}
.tbc-box.tbc-box-homepage.cashflow .w100,
.tbc-box.tbc-box-homepage.cashflow .tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .tbc-box.tbc-box-homepage.cashflow .cat-input,
.tbc-box.tbc-box-homepage.cashflow .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .tbc-box.tbc-box-homepage.cashflow .cat-input,
.tbc-box.tbc-box-homepage.cashflow ib-filter-range.label-on-new-line label,
ib-filter-range.label-on-new-line .tbc-box.tbc-box-homepage.cashflow label,
.tbc-box.tbc-box-homepage.cashflow ib-filter-range.label-on-new-line .range-block,
ib-filter-range.label-on-new-line .tbc-box.tbc-box-homepage.cashflow .range-block,
.tbc-box.tbc-box-homepage.cashflow ib-date-field.label-on-new-line label,
ib-date-field.label-on-new-line .tbc-box.tbc-box-homepage.cashflow label,
.tbc-box.tbc-box-homepage.cashflow ib-date-field.label-on-new-line .range-block,
ib-date-field.label-on-new-line .tbc-box.tbc-box-homepage.cashflow .range-block {
  line-height: 0.875rem;
}
.tbc-box.tbc-box-homepage.cashflow .amount {
  text-transform: uppercase;
  padding-left: 5px;
}
.tbc-box.tbc-box-homepage.cashflow .plusCash .amount {
  color: var(--color-text-positive-initial);
}
.tbc-box.tbc-box-homepage.cashflow .minusCash .amount {
  color: var(--color-surface-negative-initial);
}
.tbc-box.tbc-box-homepage.cashflow .balance {
  background-color: var(--color-surface-lower-initial);
  border-top: 1px solid var(--color-stroke-soft-initial);
  height: 14px;
}
.tbc-box.tbc-box-homepage.cashflow .balance .bal-minus {
  background-color: var(--color-surface-negative-initial);
  height: 13px;
  float: right;
  -webkit-transition: width 0.8s ease-in-out 0s;
  transition: width 0.8s ease-in-out 0s;
}
.tbc-box.tbc-box-homepage.cashflow .balance .bal-plus {
  background-color: var(--color-text-positive-initial);
  height: 13px;
  -webkit-transition: width 0.8s ease-in-out 0s;
  transition: width 0.8s ease-in-out 0s;
}
.tbc-box.tbc-box-homepage.manager-info .panel-body {
  padding-bottom: 15px !important;
  padding-right: 28px !important;
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail {
  position: relative;
  height: 100px;
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail .manager-detail-image {
  position: relative;
  float: left;
  height: 100%;
  width: 100px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--color-surface-lower-initial);
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail .manager-detail-image img {
  height: 100%;
  width: 100%;
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail .manager-detail-text {
  float: right;
  height: 100%;
  width: calc(100% - 100px - 15px);
  margin-left: 15px;
  position: relative;
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail .manager-detail-text .manager-detail-name {
  color: var(--color-icon-primary-initial);
  font-size: 17px;
  line-height: 22px;
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail .manager-detail-text .manager-detail-name.first-name {
  max-height: 22px;
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail .manager-detail-text .manager-detail-name.last-name {
  max-height: 22px;
}
.tbc-box.tbc-box-homepage.manager-info .manager-detail .manager-detail-text .manager-detail-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 18px;
  max-height: 54px;
  color: var(--color-text-soft-dark);
}
.tbc-box.tbc-box-homepage.manager-info .manager-substitute {
  border-top: 1px solid var(--color-stroke-soft-initial);
  margin-top: 10px;
  padding-top: 10px;
  color: var(--color-text-soft-dark);
}
.tbc-box.tbc-box-homepage.manager-info.unavailable .manager-detail-name,
.tbc-box.tbc-box-homepage.manager-info.unavailable .manager-detail-image,
.tbc-box.tbc-box-homepage.manager-info.unavailable .manager-contact {
  opacity: 0.5;
}
.tbc-box.tbc-box-homepage.lottery {
  cursor: move;
  cursor: grab;
}
.tbc-box.tbc-box-homepage.lottery .lottery-upper {
  margin: 18px 30px;
  overflow: hidden;
}
.tbc-box.tbc-box-homepage.lottery .lottery-header {
  font-size: 1.09375rem;
  margin-bottom: 15px;
  font-weight: bold;
}
.tbc-box.tbc-box-homepage.lottery .lottery-info {
  font-size: 16px;
}
.tbc-box.tbc-box-homepage.lottery .lottery-info-prefix {
  display: inline;
  vertical-align: middle;
  line-height: 30px;
  padding: 0 5px 0 0;
}
.tbc-box.tbc-box-homepage.lottery .lottery-info-suffix {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--color-icon-primary-initial);
  color: var(--color-text-strong-light);
  white-space: nowrap;
  max-width: 100%;
}
.tbc-box.tbc-box-homepage.lottery .lottery-info-suffix .info-hint {
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.tbc-box.tbc-box-homepage.lottery .lottery-image {
  position: relative;
  overflow: hidden;
}
.tbc-box.tbc-box-homepage.lottery .lottery-image a {
  display: block;
  line-height: 0;
  float: right;
}
.tbc-box.tbc-box-homepage.lottery .lottery-image a img {
  width: 100%;
  height: auto;
  overflow: hidden;
  -webkit-border-radius: 0 0 14px 14px;
  -moz-border-radius: 0 0 14px 14px;
  border-radius: 0 0 14px 14px;
}
.tbc-box.tbc-box-homepage.exchange-rates table {
  width: 100%;
}
.tbc-box.tbc-box-homepage.exchange-rates table thead {
  text-transform: uppercase;
  font-weight: normal;
}
.tbc-box.tbc-box-homepage.exchange-rates table thead th {
  padding-bottom: 8px;
}
.tbc-box.tbc-box-homepage.exchange-rates table tbody {
  font-size: 0.875rem;
  line-height: 30px;
}
.tbc-box.tbc-box-homepage .image-banner {
  height: 120px;
  background-color: var(--color-text-strong-light);
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-img {
  background-image: url(/tbcrd/assets/img/homepage/imgbanner.png);
  background-position: left top;
  background-repeat: no-repeat;
  height: 120px;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-img .trasition {
  background-image: url(/tbcrd/assets/img/homepage/transition.png);
  background-position: left center;
  background-repeat: no-repeat;
  height: 120px;
  float: right;
  width: 52.7px;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-text {
  padding: 20px;
  height: 100px;
  overflow: hidden;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-text.image-banner-button {
  display: flex;
  justify-content: space-between;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-text .image-banner-only-text {
  height: 60px;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-text .image-banner-with-btn {
  height: auto;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-text .header {
  font-size: 1.09375rem;
  color: var(--color-text-soft-dark);
  line-height: 20px;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-close {
  background-image: url(/tbcrd/assets/img/tbc-icon-close.svg);
  background-size: 12px 12px;
  background-position: center right;
  background-repeat: no-repeat;
  height: 12px;
  cursor: pointer;
}
.tbc-box.tbc-box-homepage .image-banner .withArrow.wAright {
  margin-top: 2px;
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
  background-size: 8px 14px;
  padding-right: 28px;
}
.tbc-box.tbc-box-homepage .image-banner .image-banner-btn .btn {
  height: 48px;
}
.tbc-box.tbc-box-homepage li.image-banner {
  padding: 0;
  height: 50px;
}
.tbc-box.tbc-box-homepage li.image-banner .image-banner-img {
  height: 50px;
}
.tbc-box.tbc-box-homepage li.image-banner .image-banner-img .trasition {
  height: 50px;
  width: 25px;
  background-size: 100%;
}
.tbc-box.tbc-box-homepage li.image-banner .image-banner-text {
  font-size: 1.09375rem;
  padding: 5px;
  height: auto;
  line-height: 40px;
  color: var(--color-text-soft-dark);
}
.tbc-box.tbc-box-homepage li.image-banner .image-banner-withArrow {
  padding: 5px 17px 5px 5px;
  line-height: 39px;
}
.tbc-box.tbc-box-homepage li.image-banner .list-block.listArr {
  padding: 5px;
}
.tbc-box.tbc-box-homepage.two-part {
  background-color: var(--color-surface-high-initial);
}
.tbc-box.tbc-box-homepage.two-part .left-part,
.tbc-box.tbc-box-homepage.two-part .right-part {
  float: left;
}
.tbc-box.tbc-box-homepage.two-part .left-part h2,
.tbc-box.tbc-box-homepage.two-part .right-part h2 {
  max-width: 140px;
}
@media (max-width: 1280px) {
  .tbc-box.tbc-box-homepage.two-part .left-part h2,
  .tbc-box.tbc-box-homepage.two-part .right-part h2 {
    max-width: 170px;
  }
}
.tbc-box.tbc-box-homepage.two-part .left-part {
  width: 31%;
  padding: 12px 16px;
  cursor: move;
  cursor: grab;
}
.tbc-box.tbc-box-homepage.two-part .left-part .val {
  color: #141719;
}
.tbc-box.tbc-box-homepage.two-part .left-part .show-number {
  margin-top: 20px;
}
.tbc-box.tbc-box-homepage.two-part .left-part.product-child-card h2 {
  font-size: 20px;
}
.tbc-box.tbc-box-homepage.two-part .left-part.product-child-card h2:hover {
  color: inherit !important;
  cursor: inherit;
}
.tbc-box.tbc-box-homepage.two-part .right-part {
  width: 69%;
  min-height: 56px;
  background-color: var(--color-text-strong-light);
  border-left: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box.tbc-box-homepage.product-child-card-box {
  background-image: url(/tbcrd/assets/img/accounts/child-card-bg-small.png);
  background-repeat: repeat;
}
.tbc-box.tbc-box-homepage.widget-cards.two-part .left-part h2 {
  max-width: 100%;
}
.tbc-box.tbc-box-homepage.basic .product-header {
  padding: 18px 20px 18px 30px;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  overflow: hidden;
  background-color: var(--color-surface-high-initial);
  cursor: move;
  cursor: grab;
  -webkit-border-radius: 14px 14px 0 0;
  -moz-border-radius: 14px 14px 0 0;
  border-radius: 14px 14px 0 0;
}
.tbc-box.tbc-box-homepage.basic .product-header.collapsed {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.tbc-box.tbc-box-homepage.basic .product-header h2 {
  margin-bottom: 0;
}
.tbc-box.tbc-box-homepage.basic .product-header.without-drag h2 {
  max-width: 100%;
}
.tbc-box.tbc-box-homepage.basic .product-header.without-drag .drag-button {
  display: none;
}
.tbc-box.tbc-box-homepage.basic .panel-body {
  padding-left: 30px;
  padding-right: 20px;
  padding-bottom: 30px;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard {
  overflow: visible;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .homeList {
  overflow: visible;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .homeList li:first-child {
  border-top: 0 solid transparent;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body {
  padding: 0;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li {
  height: 40px;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li .list-block {
  line-height: 40px;
  height: 40px;
  padding-bottom: 0;
  padding-top: 0;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li .listText {
  padding-right: 45px;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li .listText .val {
  font-size: 15px;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li:hover .listText {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
  background-size: 8px 14px;
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.tbc-box.tbc-box-homepage.basic.transactions-dashboard .panel-body .homeList li .display-as-hidden {
  background: transparent url(/tbcrd/assets/img/collapseIcon.svg) no-repeat left center;
  background-size: 28px 28px;
}
.tbc-box.tbc-box-homepage.basic.exchange-rates .panel-body {
  padding-bottom: 15px;
}
.panel-body {
  padding: 15px;
}
.transactions-blocked .panel-body .homeList li:hover .listText {
  background-image: none !important;
}
.bday-static-en {
  background-image: url(/tbcrd/assets/img/bday/static-en.png);
}
.bday-static-ka {
  background-image: url(/tbcrd/assets/img/bday/static-ka.png);
}
.sortable ul[dnd-list].side-widgets {
  padding-bottom: 120px !important;
}
.pension-img-big {
  background-image: url(/tbcrd/assets/img/homepage/pensionBig.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 55px;
  text-align: center;
  margin: 5px 0px 10px 10px;
}
.info-text {
  font-size: 14px;
}
.skeleton {
  margin-bottom: 30px;
  min-height: 43px;
  padding: 15px;
  position: relative;
}
@media (max-width: 960px) {
  .show-number {
    font-size: 16px !important;
    color: #00adee;
    font-weight: 600;
  }
  .two-part .right-part {
    min-height: 0px !important;
  }
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.iframe {
  display: block;
  border-radius: 12px;
}
.login-container {
  min-height: 700px;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  display: flex;
  align-items: center;
  min-width: 450px;
}
.login-container .mfa {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tbc-box-login {
  padding: 0;
  width: 400px;
  z-index: 999;
}
.tbc-box-login.logout-notification {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tbc-box-login.transparent-20 {
  background-color: var(--color-surface-lower-initial);
}
.tbc-box-login .login-part {
  position: relative;
  padding: 32px;
  color: var(--color-text-strong-default);
  font-size: 14px;
}
.tbc-box-login .login-part .credentials input {
  line-height: 20px;
}
.tbc-box-login .login-part .credentials input:focus {
  background-color: var(--color-text-strong-light);
  border-top: none;
}
.tbc-box-login .login-part .btn {
  font-size: 16px;
}
.tbc-box-login .login-part h1 {
  font-size: 17px;
}
.tbc-box-login .login-part h2 {
  font-size: 16px;
}
.tbc-box-login .login-part .regOptions a {
  text-decoration: underline;
}
.tbc-box-login .login-part .regOptions a:hover {
  text-decoration: none;
}
.tbc-box-login .login-part .checkbox label {
  padding-left: 25px;
}
.tbc-box-login .login-part .newUser-text,
.tbc-box-login .login-part .existingUser-text {
  min-height: 70px;
  max-height: 70px;
}
.tbc-box-login .login-part-1,
.tbc-box-login .login-part-2 {
  min-height: 335px;
}
.tbc-box-login .login-part-1 h1,
.tbc-box-login .login-part-2 h1 {
  color: var(--color-text-soft-inverted);
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
  font-size: 4.5em;
  font-family: "TBCX";
  font-weight: 900;
}
.tbc-box-login .login-part-1 input:focus + .forgot-button-container,
.tbc-box-login .login-part-2 input:focus + .forgot-button-container {
  background-color: var(--color-text-strong-light);
}
.tbc-box-login .login-part-1 input:-webkit-autofill + .forgot-button-container,
.tbc-box-login .login-part-2 input:-webkit-autofill + .forgot-button-container {
  background: none;
}
.tbc-box-login .login-part-1 input.ng-empty + .forgot-button-container,
.tbc-box-login .login-part-2 input.ng-empty + .forgot-button-container {
  background: none;
}
.tbc-box-login .login-part-1 input.inp-lg,
.tbc-box-login .login-part-2 input.inp-lg {
  background-color: var(--color-text-strong-light);
}
.tbc-box-login .login-part-1 .otp {
  display: inline;
}
.tbc-box-login .login-part-1 .alert,
.tbc-box-login .login-part-1 .tbc-login .mfa-error-code,
.tbc-login .tbc-box-login .login-part-1 .mfa-error-code {
  text-align: left !important;
  padding: 0 !important;
}
.tbc-box-login .login-part-1 a.resend,
.tbc-box-login .login-part-1 span {
  display: inline-block;
}
.tbc-box-login .login-part-2 {
  background-color: var(--color-surface-lower-initial);
}
.tbc-box-login .login-part-2 .loginArrow {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: var(--color-text-strong-light);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px 17px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  top: 100px;
  position: relative;
  margin-top: -46px;
}
.tbc-box-login .login-part-2 .loginArrow.lAright {
  background-image: url(/tbcrd/assets/img/login/arrow-left.svg);
  left: -88px;
}
.tbc-box-login .login-part-2 .loginArrow.lAleft {
  background-image: url(/tbcrd/assets/img/login/arrow-right.svg);
}
@media (max-width: 1200px) {
  .tbc-box-login .login-part-2 .loginArrow.lAleft {
    left: 212px;
  }
}
@media (min-width: 1280px) {
  .tbc-box-login .login-part-2 .loginArrow.lAleft {
    left: 272px;
  }
}
@media (min-width: 1920px) {
  .tbc-box-login .login-part-2 .loginArrow.lAleft {
    left: 317px;
  }
}
.tbc-box-login .login-part-3 {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  display: block;
  color: var(--color-stroke-primary-initial);
  background-color: var(--color-surface-high-hovered);
}
@media (max-width: 1280px) {
  .tbc-box-login .login-part-3 .fblock50 {
    width: 60%;
  }
  .tbc-box-login .login-part-3 .fblock35 {
    width: 25%;
  }
  .tbc-box-login .login-part-3 .fblock15.padleft25 {
    padding-left: 4px;
  }
}
.tbc-box-login .login-part-3 h1 {
  margin-top: 0;
  margin-bottom: 0;
}
.mobile-redirect {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: var(--color-text-strong-light);
  height: 84px;
  border-radius: 12px;
  margin: 0 15px;
  color: var(--color-text-primary-initial);
  font-weight: 700;
}
.mobile-redirect p {
  display: flex;
  align-items: center;
  margin: 0;
}
.mobile-redirect p::before {
  content: url(/tbcrd/assets/img/login/mobile-icon.svg);
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box-mail {
  padding: 0;
}
.tbc-box-mail .tbc-mail-left-column,
.tbc-box-mail .tbc-mail-right-column {
  float: left;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.tbc-box-mail .tbc-mail-left-column {
  width: 28.8%;
  border-right: 1px solid var(--color-surface-low-pressed);
  -webkit-border-radius: 14px 0px 0px 0px;
  -moz-border-radius: 14px 0px 0px 0px;
  border-radius: 14px 0px 0px 0px;
}
.tbc-box-mail .tbc-mail-left-column .tbc-mail-header {
  -webkit-border-radius: 14px 0px 0px 0px;
  -moz-border-radius: 14px 0px 0px 0px;
  border-radius: 14px 0px 0px 0px;
}
.tbc-box-mail .tbc-mail-left-column table {
  width: 100%;
}
.tbc-box-mail .tbc-mail-left-column .tbc-mail-header .btn-group {
  width: 100%;
}
.tbc-box-mail .tbc-mail-left-column .tbc-mail-header .btn.btn-default {
  width: 50%;
  background-color: var(--color-text-disabled-default);
}
.tbc-box-mail .tbc-mail-left-column .tbc-mail-header .btn.btn-default.active {
  background-color: var(--color-icon-primary-initial);
}
.tbc-box-mail .tbc-mail-right-column {
  width: 71.2%;
}
@media (max-width: 1280px) {
  .tbc-box-mail .tbc-mail-right-column .tbc-mail-header .btn.btn-mw.send-btn {
    min-width: 65px;
  }
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header {
  color: var(--color-text-soft-inverted);
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header .tbc-mail-type {
  display: inline-block;
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header .btn.send-btn {
  min-width: 110px;
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header > ib-input {
  width: 220px;
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header ib-select-picker,
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header [ib-select-picker] {
  background-color: var(--color-text-strong-light);
  border-width: 1px;
  width: 220px;
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header ib-select-picker .btn,
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header [ib-select-picker] .btn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
@media (max-width: 1280px) {
  .tbc-box-mail .tbc-mail-right-column .tbc-mail-header ib-select-picker,
  .tbc-box-mail .tbc-mail-right-column .tbc-mail-header [ib-select-picker] {
    width: 180px;
  }
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header ib-select-picker,
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header [ib-select-picker],
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header input.input-group.normal.inp-md {
  margin-left: 8px;
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header .input-group,
.tbc-box-mail .tbc-mail-right-column .tbc-mail-header .dropdown {
  display: inline-block !important;
}
.tbc-box-mail .tbc-mail-header,
.tbc-box-mail .tbc-mail-headline {
  border-bottom: 1px solid var(--color-surface-low-pressed);
}
.tbc-box-mail .tbc-mail-header input[type=search],
.tbc-box-mail .tbc-mail-headline input[type=search] {
  color: var(--color-text-disabled-default);
}
.tbc-box-mail .tbc-mail-header {
  padding: 20px 30px;
  background-color: var(--color-surface-lower-initial);
  height: 79px;
}
.tbc-box-mail .tbc-mail-headline {
  padding: 18px 30px;
  height: 80px;
}
.tbc-box-mail .tbc-mail-headline h3 {
  min-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.tbc-box-mail .tbc-mail-right-column .tbc-mail-content {
  height: 400px;
  color: var(--color-text-soft-dark);
  overflow: auto;
  padding: 20px 30px;
  position: relative;
}
.tbc-box-mail .tbc-mail-right-column.composer-mode .tbc-mail-content {
  height: 480px;
}
.tbc-box-mail .tbc-mail-footer {
  padding: 30px;
  background-color: var(--color-surface-lower-initial);
  border-top: 1px solid var(--color-surface-low-pressed);
  height: 125px;
  overflow: hidden;
}
.tbc-box-mail .tbc-mail-footer .fblock80 {
  width: -moz-calc(100% - 125px);
  width: calc(100% - 125px);
}
.tbc-box-mail .tbc-mail-footer .fblock20 {
  width: 120px;
}
.tbc-box-mail .tbc-mail-footer ib-file-manager .files,
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files,
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files {
  width: -moz-calc(100% - 2% - 135px);
  width: calc(100% - 2% - 135px);
  padding-right: 2%;
  float: left;
}
.tbc-box-mail .tbc-mail-footer ib-file-manager .files.allow-download .file .name,
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files.allow-download .file .name,
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files.allow-download .file .name {
  cursor: pointer;
}
.tbc-box-mail .tbc-mail-footer ib-file-manager .files:not(.allow-delete),
.tbc-box-mail .tbc-mail-footer ib-file-manager .files:not(.allow-upload),
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files:not(.allow-delete),
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files:not(.allow-upload),
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files:not(.allow-delete),
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files:not(.allow-upload) {
  width: 100%;
  padding-right: 0%;
}
.tbc-box-mail .tbc-mail-footer ib-file-manager .files:not(.allow-delete) .file,
.tbc-box-mail .tbc-mail-footer ib-file-manager .files:not(.allow-upload) .file,
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files:not(.allow-delete) .file,
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files:not(.allow-upload) .file,
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files:not(.allow-delete) .file,
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files:not(.allow-upload) .file {
  width: 33%;
}
.tbc-box-mail .tbc-mail-footer ib-file-manager .files:not(.allow-delete) .file .name,
.tbc-box-mail .tbc-mail-footer ib-file-manager .files:not(.allow-upload) .file .name,
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files:not(.allow-delete) .file .name,
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .files:not(.allow-upload) .file .name,
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files:not(.allow-delete) .file .name,
.tbc-box-mail .tbc-mail-footer .ib-file-manager .files:not(.allow-upload) .file .name {
  width: 95%;
}
.tbc-box-mail .tbc-mail-footer ib-file-manager .btn,
.tbc-box-mail .tbc-mail-footer [ib-file-manager] .btn,
.tbc-box-mail .tbc-mail-footer .ib-file-manager .btn {
  width: 145px;
  float: right;
}
.tbc-box-mail .tbc-mail-items-first {
  height: 40px;
  width: 100%;
}
.tbc-box-mail .tbc-mail-items-first tr {
  padding: 0 30px 0 30px;
  border-bottom: 1px solid var(--color-surface-low-hovered);
  overflow: hidden;
  background-color: var(--color-surface-low-hovered);
  height: 40px;
}
.tbc-box-mail .tbc-mail-items-first tr td.all-check {
  width: 70px;
}
.tbc-box-mail .tbc-mail-items-first tr td.all-check .checkbox {
  position: relative;
  left: 30px;
}
.tbc-box-mail .tbc-mail-items-first tr td.allselect {
  left: 30px;
  position: relative;
}
.tbc-box-mail .tbc-mail-items-first tr td.mail-text {
  padding: 0;
  color: var(--color-text-disabled-default);
}
.tbc-box-mail .tbc-mail-items-first tr td.delete {
  padding-right: 35px;
}
.tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton {
  float: right;
  border: 0;
  outline: 0;
}
.tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton[disabled] {
  cursor: default;
  display: none;
}
.tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton:not([disabled]) {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-gray.svg);
  cursor: pointer;
  display: block;
}
.tbc-box-mail .tbc-mail-items-first tr td.delete .deleteButton:not([disabled]):hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-purple.svg);
}
.tbc-box-mail .tbc-mail-items {
  overflow: inherit;
  overflow-y: auto;
  height: 484px;
  position: relative;
  overflow-x: hidden;
}
.tbc-box-mail .tbc-mail-items tr {
  padding: 0 20px 0 30px;
  border-bottom: 1px solid var(--color-surface-low-hovered);
  overflow: hidden;
  display: block;
  height: 78px;
}
.tbc-box-mail .tbc-mail-items tr.mail-loader {
  height: 60px;
}
.tbc-box-mail .tbc-mail-items tr.mail-loader td {
  display: block;
  width: 100%;
}
.tbc-box-mail .tbc-mail-items tr.mail-nomore {
  color: var(--color-icon-primary-initial);
  height: 60px;
}
.tbc-box-mail .tbc-mail-items tr.mail-info {
  padding-top: 10px;
}
.tbc-box-mail .tbc-mail-items tr td {
  padding: 8px 0 8px 0;
}
.tbc-box-mail .tbc-mail-items tr td:first-child {
  min-height: 36px;
  min-width: 19px;
}
.tbc-box-mail .tbc-mail-items tr td.mail-text {
  padding-left: 20px;
  color: var(--color-text-soft-dark);
  cursor: pointer;
}
.tbc-box-mail .tbc-mail-items tr td.mail-text div.mail-header {
  font-size: 16px;
  height: 22px;
  overflow: hidden;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 177px;
}
@media (max-width: 1280px) {
  .tbc-box-mail .tbc-mail-items tr td.mail-text div.mail-header {
    max-width: 118px;
  }
}
.tbc-box-mail .tbc-mail-items tr td.mail-text span.mail-attach {
  width: 17px;
  height: 17px;
  display: none;
  margin-left: 5px;
  background-image: url(/tbcrd/assets/img/glyphicon/attach.svg);
  background-size: 15px 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.tbc-box-mail .tbc-mail-items tr td.mail-text div.mail-content {
  height: 38px;
  overflow: hidden;
  min-width: 194px;
  max-width: 194px;
  line-height: 19px;
}
@media (max-width: 1280px) {
  .tbc-box-mail .tbc-mail-items tr td.mail-text div.mail-content {
    min-width: 136px;
    max-width: 136px;
  }
}
.tbc-box-mail .tbc-mail-items tr td.mail-status {
  padding: 0 0 0 6px;
  height: 54px;
}
.tbc-box-mail .tbc-mail-items tr td.mail-status span {
  padding: 0 0 0 0;
  margin: 0 0 12px 0;
  display: block;
}
.tbc-box-mail .tbc-mail-items tr td.mail-status div {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height: 14px;
  width: 14px;
  background-color: transparent;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 7px;
}
.tbc-box-mail .tbc-mail-items tr:last-child {
  border-bottom: 0 solid transparent;
}
.tbc-box-mail .tbc-mail-items tr.active {
  background-color: var(--color-surface-lower-initial);
  border-bottom: 1px solid var(--color-text-disabled-dark);
}
.tbc-box-mail .tbc-mail-items tr.unread .mail-header {
  font-weight: bold;
}
.tbc-box-mail .tbc-mail-items tr.unread td.mail-text {
  color: var(--color-text-strong-default);
}
.tbc-box-mail .tbc-mail-items tr.unread td.mail-status div {
  background-color: var(--color-stroke-primary-initial);
}
.tbc-box-mail .tbc-mail-items tr.attachment td.mail-text div.mail-header {
  max-width: 155px;
}
@media (max-width: 1280px) {
  .tbc-box-mail .tbc-mail-items tr.attachment td.mail-text div.mail-header {
    max-width: 97px;
  }
}
.tbc-box-mail .tbc-mail-items tr.attachment td.mail-text span.mail-attach {
  display: inline-block;
}
.tbc-box-mail.outbox tr:not(.mail-nomore) td:first-child {
  width: 20px;
}
.tbc-box-mail.outbox .tbc-mail-items {
  height: 525px;
}
ib-mailbox-notification-widget,
[ib-mailbox-notification-widget],
.ib-mailbox-notification-widget {
  display: block;
  position: relative;
}
ib-mailbox-notification-widget a,
[ib-mailbox-notification-widget] a,
.ib-mailbox-notification-widget a {
  display: block;
  height: 100%;
  width: 100%;
  color: var(--color-text-strong-light);
}
.tbc-box-myApplication {
  padding: 0;
}
.tbc-box-myApplication table {
  width: 100%;
}
.tbc-box-myApplication table thead tr {
  width: 100%;
}
.tbc-box-myApplication table thead tr th {
  text-transform: uppercase;
  background-color: var(--color-text-soft-dark);
  color: var(--color-text-strong-light);
  height: 50px;
  font-size: 13px;
}
.tbc-box-myApplication table tbody tr {
  width: 100%;
  border-bottom: 1px solid var(--color-surface-low-pressed);
}
.tbc-box-myApplication table tbody tr:last-child {
  border-bottom: none;
}
.tbc-box-myApplication table tbody tr td {
  height: 70px;
  font-size: 0.875rem;
}
.tbc-box-myApplication table tbody tr td.name {
  text-transform: uppercase;
}
.tbc-box-myApplication table tbody tr td.status-icon {
  padding-left: 1.09375rem;
}
.tbc-box-myApplication table tbody tr td.status-icon div {
  height: 20px;
  width: 20px;
  background-color: transparent;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin: 0 auto;
  text-align: center;
}
.tbc-box-myApplication table tbody tr td.action-text {
  color: var(--color-icon-primary-initial);
}
.tbc-box-myApplication table tbody tr td.action-text button {
  margin: 0 auto;
  width: 150px;
  height: 50px;
  font-size: 15px;
  padding-top: 0;
  padding-bottom: 0;
}
.tbc-box-myApplication table tbody tr td.status-icon.red div {
  background-color: var(--color-surface-negative-initial);
}
.tbc-box-myApplication table tbody tr td.status-icon.green div {
  background-color: var(--color-text-positive-initial);
}
.tbc-box-myApplication table tbody tr td.status-icon.yellow div {
  background-color: var(--color-stroke-warning-subtle-initial);
}
.tbc-box-myApplication table tbody tr td.status-icon.gray div {
  background-color: var(--color-text-soft-inverted);
}
.tbc-box-myApplication table tr.gray {
  color: var(--color-text-soft-inverted);
}
.tbc-box-myApplication table tr th.icon,
.tbc-box-myApplication table tr td.icon {
  padding-left: 30px;
  width: 50px;
  padding-right: 30px;
}
.tbc-box-myApplication table tr th.icon .product-image,
.tbc-box-myApplication table tr td.icon .product-image {
  width: 45px;
  height: 45px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.tbc-box-myApplication table tr th.icon .product-image.i-wish,
.tbc-box-myApplication table tr td.icon .product-image.i-wish {
  background-image: url(/tbcrd/assets/img/transfers/icon-budget-blue.png);
  background-repeat: no-repeat;
  background-position: center;
}
.tbc-box-myApplication table tr th.date,
.tbc-box-myApplication table tr td.date {
  text-align: center;
}
.tbc-box-myApplication table tr th.action-text,
.tbc-box-myApplication table tr td.action-text {
  text-align: center;
}
.tbc-box-myApplication table tr th.delete-icon,
.tbc-box-myApplication table tr td.delete-icon {
  padding-right: 30px;
}
.help-text {
  margin-bottom: 30px;
  width: 100%;
  text-align: right;
  font-size: 0.74375rem;
}
.app-card-accept .tbc-box-form-1 {
  min-height: 500px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.max-image,
.expanses-cat ul li .image img,
.expanses-cat ul tr .image img,
.expanses-cat table li .image img,
.expanses-cat table tr .image img {
  max-width: 28px;
  max-height: 28px;
}
.tbc-box-product.my-money.summary-widget {
  height: 331px;
}
.tbc-box-product.my-money .widget-content {
  padding: 25px 30px 30px 30px;
  font-size: 16px;
  min-height: 230px;
}
.tbc-box-product.my-money .widget-content:not(.full-height) {
  max-height: 230px;
}
.tbc-box-product.my-money .widget-content.dilated {
  padding: 25px 0 0;
}
.tbc-box-product.my-money .widget-content > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tbc-box-product.my-money .widget-content > div button[ibBtnMed] {
  height: 64px;
  max-width: 300px;
}
.my-money-tabs-cont {
  width: 100%;
  padding: 30px;
}
@media (max-width: 1280px) {
  .my-money-tabs-cont .expanses-graph .total {
    padding-left: 15px;
  }
}
.my-money-tabs-cont ib-select-picker {
  position: absolute;
  right: 15px;
  top: -50px;
}
.my-money-tabs-right {
  position: absolute;
  top: 10px;
  right: 10px;
  white-space: nowrap;
  vertical-align: middle;
}
.my-money-tabs-right > * {
  display: inline-block;
  margin-left: 10px;
}
.my-money-tabs-right.right-bar {
  top: -78px !important;
}
.my-money-tabs-right.right-bar-summary {
  top: -47px !important;
}
.big-number {
  color: var(--color-text-soft-dark);
  font-size: 42px;
}
#mm-summary-expenses-svg {
  width: 300px;
  height: 220px;
  margin: -15px auto 0;
  padding: 0;
}
#mm-balance-expenses-svg {
  width: 320px;
  height: 320px;
  margin: 0;
  padding: 0;
}
#mm-dashboard-expenses-svg {
  width: 266px;
  height: 220px;
  margin: 0 auto;
  padding: 0;
}
.nvd3 text {
  fill: var(--color-text-soft-dark);
  font: normal 14px;
  font-family: "TBCX";
  font-weight: 500;
}
.nvd3.nv-pie path {
  fill-opacity: 1;
}
.pieFade {
  fill-opacity: 0.5 !important;
}
.nvd3-big-number {
  font-family: "TBCX";
  font-weight: 500;
  font-weight: normal !important;
  font-size: 18px !important;
}
.nvd3-small {
  fill: var(--color-text-disabled-default) !important;
}
.nvd3-pieChart-label {
  fill: var(--color-text-strong-light) !important;
  font-size: 12px !important;
}
.small {
  color: var(--color-text-disabled-default);
}
.tips-text {
  color: var(--color-text-soft-dark);
}
.tips-block .txt {
  color: var(--color-text-disabled-default);
}
@media (max-width: 1280px) {
  .tips-block {
    margin-bottom: 10px !important;
  }
  .tips-block .txt br {
    display: none;
  }
  .widget-content.tips .btn.btn-lg {
    padding: 10px !important;
    font-size: 16px;
  }
  .tbc-box-product.my-money .widget-content {
    padding: 20px 30px 30px 30px;
    font-size: 15px;
  }
}
.expanses-graph .total .small {
  font-size: 0.875rem;
}
.expanses-graph .btn {
  padding: 6px 9px;
}
.my-money-tabs-detail {
  width: 100%;
}
.my-money-tabs-detail .head {
  width: 100%;
  -webkit-border-radius: 0 0 14px 14px;
  -moz-border-radius: 0 0 14px 14px;
  border-radius: 0 0 14px 14px;
  background-color: #f9fafb;
  border-top: 1px solid #ddd;
  min-height: 60px;
  line-height: 60px;
  padding: 0 30px;
}
.expanses-cat .cell .assets-image {
  width: 28px;
  height: 28px;
  background-size: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  top: 9px;
}
.expanses-cat.expanses-cat-list table tr .cell:last-child {
  padding-right: 30px;
}
.expanses-cat.expanses-cat-list table tr .cell:first-child {
  padding-left: 30px;
}
.expanses-cat.expanses-cat-list table tr:last-child .cell {
  border-bottom: 1px solid transparent;
}
.expanses-cat.expanses-cat-list table tr .image {
  width: 45px;
}
.expanses-cat.expanses-cat-list table tr .image div {
  position: inherit;
  top: inherit;
}
.expanses-cat ul,
.expanses-cat table {
  width: 100%;
  display: table;
}
.expanses-cat ul li,
.expanses-cat ul tr,
.expanses-cat table li,
.expanses-cat table tr {
  display: table-row;
  cursor: pointer;
}
.expanses-cat ul li .cell,
.expanses-cat ul tr .cell,
.expanses-cat table li .cell,
.expanses-cat table tr .cell {
  display: table-cell;
  border-bottom: 1px solid var(--color-text-disabled-dark);
  line-height: 40px;
}
.expanses-cat ul li .cell.category,
.expanses-cat ul tr .cell.category,
.expanses-cat table li .cell.category,
.expanses-cat table tr .cell.category {
  position: relative;
  width: 60%;
  padding-left: 10px;
}
.expanses-cat ul li:first-child .cell,
.expanses-cat ul tr:first-child .cell,
.expanses-cat table li:first-child .cell,
.expanses-cat table tr:first-child .cell {
  border-top: 1px solid var(--color-text-disabled-dark);
}
.expanses-cat ul li .image,
.expanses-cat ul tr .image,
.expanses-cat table li .image,
.expanses-cat table tr .image {
  text-align: left;
}
.expanses-cat ul li .image img,
.expanses-cat ul tr .image img,
.expanses-cat table li .image img,
.expanses-cat table tr .image img {
  position: relative;
  top: -2px;
}
.expanses-cat ul li .image img.client-subCategory,
.expanses-cat ul tr .image img.client-subCategory,
.expanses-cat table li .image img.client-subCategory,
.expanses-cat table tr .image img.client-subCategory {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.expanses-cat ul li .image div,
.expanses-cat ul tr .image div,
.expanses-cat table li .image div,
.expanses-cat table tr .image div {
  position: relative;
  top: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 28px;
  width: 28px;
}
.expanses-cat ul li .name,
.expanses-cat ul tr .name,
.expanses-cat table li .name,
.expanses-cat table tr .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 200px;
}
.expanses-cat ul li .name span.categorize,
.expanses-cat ul li .name span:hover,
.expanses-cat ul tr .name span.categorize,
.expanses-cat ul tr .name span:hover,
.expanses-cat table li .name span.categorize,
.expanses-cat table li .name span:hover,
.expanses-cat table tr .name span.categorize,
.expanses-cat table tr .name span:hover {
  color: var(--color-icon-primary-initial);
}
.expanses-cat ul li .split span,
.expanses-cat ul tr .split span,
.expanses-cat table li .split span,
.expanses-cat table tr .split span {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding-left: 45px;
  background: transparent url(/tbcrd/assets/img/mymoney/icon-cat-split.png) no-repeat left center;
  background-size: 28px 28px;
}
.expanses-cat ul li .split span:hover,
.expanses-cat ul tr .split span:hover,
.expanses-cat table li .split span:hover,
.expanses-cat table tr .split span:hover {
  color: inherit;
}
.expanses-cat ul li .display-as-hidden span,
.expanses-cat ul tr .display-as-hidden span,
.expanses-cat table li .display-as-hidden span,
.expanses-cat table tr .display-as-hidden span {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding-left: 45px;
  background: transparent url(/tbcrd/assets/img/collapseIcon.svg) no-repeat left center;
  background-size: 28px 28px;
  border-top: 0px !important;
}
.expanses-cat ul li .display-as-hidden span:hover,
.expanses-cat ul tr .display-as-hidden span:hover,
.expanses-cat table li .display-as-hidden span:hover,
.expanses-cat table tr .display-as-hidden span:hover {
  color: inherit;
}
.expanses-cat ul li .procentage,
.expanses-cat ul tr .procentage,
.expanses-cat table li .procentage,
.expanses-cat table tr .procentage {
  text-align: right;
  color: var(--color-surface-high-dark-initial);
}
.expanses-cat ul li .amount,
.expanses-cat ul tr .amount,
.expanses-cat table li .amount,
.expanses-cat table tr .amount {
  text-align: right;
  color: var(--color-surface-high-dark-initial);
}
.expanses-cat ul li .detail,
.expanses-cat ul tr .detail,
.expanses-cat table li .detail,
.expanses-cat table tr .detail {
  background-repeat: no-repeat;
  background-position: center center;
  height: 40px;
  width: 28px;
  background-size: 8px;
}
.expanses-cat ul li .date,
.expanses-cat ul tr .date,
.expanses-cat table li .date,
.expanses-cat table tr .date {
  color: var(--color-text-soft-dark);
}
.expanses-cat ul li .description,
.expanses-cat ul tr .description,
.expanses-cat table li .description,
.expanses-cat table tr .description {
  color: var(--color-text-disabled-default);
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: table-cell;
  padding-right: 5px;
}
.expanses-cat ul li .check,
.expanses-cat ul tr .check,
.expanses-cat table li .check,
.expanses-cat table tr .check {
  max-width: 10px;
}
.expanses-cat ul li.head .cell,
.expanses-cat ul tr.head .cell,
.expanses-cat table li.head .cell,
.expanses-cat table tr.head .cell {
  color: var(--color-text-soft-dark) !important;
}
.expanses-cat ul li:hover .detail,
.expanses-cat ul tr:hover .detail,
.expanses-cat table li:hover .detail,
.expanses-cat table tr:hover .detail {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
}
.cat-image div {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 28px;
  width: 28px;
}
.my-money .family .image div,
.family-image div {
  background-image: url(/tbcrd/assets/img/mymoney/cat-family.png);
}
.my-money .loans .image div,
.loans-image div {
  background-image: url(/tbcrd/assets/img/mymoney/cat-loans.png);
}
.my-money .uncategorised .image div,
.uncategorised-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-uncategorised-expense.png);
}
.my-money .manually .image div,
.manually-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-manually-created.png);
}
.my-money .other-expenses .image div,
.other-expenses-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-other-expenses.png);
}
.my-money .other-income .image div,
.other-income-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-other-income.png);
}
.my-money .salary .image div,
.salary-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-salary.png);
}
.my-money .shopping .image div,
.shopping-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-shopping.png);
}
.my-money .travel .image div,
.travel-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-travel-and-leisure.png);
}
.my-money .utility .image div,
.utility-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-utility-other-payments.png);
}
.my-money .transportation.image div,
.transportation-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-transportation.png);
}
.my-money .utility .image div,
.utility-image div {
  background-image: url(/tbcrd/assets/img/mymoney/categories/tbc-category-utility-other-payments.png);
}
.net-worth-sum {
  font-size: 16px;
  padding-right: 100px;
  padding-left: 100px;
}
@media (max-width: 1280px) {
  .net-worth-sum {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.net-worth-sum .big-number {
  font-size: 53px;
}
.net-worth-sum .small {
  font-size: 0.875rem;
}
.net-worth-sum .fblock-p12 {
  height: 300px;
  font-size: 14px;
  text-align: center;
  margin: 0 auto;
}
.net-worth-sum .fblock-p12 .w100.green .small,
.net-worth-sum .fblock-p12 .tbc-box.tbc-box-overview ib-transaction-category .cat-info .green.cat-input .small,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .net-worth-sum .fblock-p12 .green.cat-input .small,
.net-worth-sum .fblock-p12 .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .green.cat-input .small,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .net-worth-sum .fblock-p12 .green.cat-input .small,
.net-worth-sum .fblock-p12 ib-filter-range.label-on-new-line label.green .small,
ib-filter-range.label-on-new-line .net-worth-sum .fblock-p12 label.green .small,
.net-worth-sum .fblock-p12 ib-filter-range.label-on-new-line .green.range-block .small,
ib-filter-range.label-on-new-line .net-worth-sum .fblock-p12 .green.range-block .small,
.net-worth-sum .fblock-p12 ib-date-field.label-on-new-line label.green .small,
ib-date-field.label-on-new-line .net-worth-sum .fblock-p12 label.green .small,
.net-worth-sum .fblock-p12 ib-date-field.label-on-new-line .green.range-block .small,
ib-date-field.label-on-new-line .net-worth-sum .fblock-p12 .green.range-block .small {
  color: var(--color-text-positive-initial) !important;
}
.net-worth-sum .fblock-p12 .w100.green br,
.net-worth-sum .fblock-p12 .tbc-box.tbc-box-overview ib-transaction-category .cat-info .green.cat-input br,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .net-worth-sum .fblock-p12 .green.cat-input br,
.net-worth-sum .fblock-p12 .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .green.cat-input br,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .net-worth-sum .fblock-p12 .green.cat-input br,
.net-worth-sum .fblock-p12 ib-filter-range.label-on-new-line label.green br,
ib-filter-range.label-on-new-line .net-worth-sum .fblock-p12 label.green br,
.net-worth-sum .fblock-p12 ib-filter-range.label-on-new-line .green.range-block br,
ib-filter-range.label-on-new-line .net-worth-sum .fblock-p12 .green.range-block br,
.net-worth-sum .fblock-p12 ib-date-field.label-on-new-line label.green br,
ib-date-field.label-on-new-line .net-worth-sum .fblock-p12 label.green br,
.net-worth-sum .fblock-p12 ib-date-field.label-on-new-line .green.range-block br,
ib-date-field.label-on-new-line .net-worth-sum .fblock-p12 .green.range-block br {
  line-height: 5px;
}
.net-worth-sum .fblock-p12 .small {
  font-size: 12px;
}
.net-wort-big-text {
  text-align: center;
}
.net-wort-big-text .big-text {
  font-size: 50px;
  line-height: 60px;
  color: var(--color-text-disabled-dark);
}
.net-wort-big-text div span {
  font-size: 0.875rem;
  color: var(--color-text-soft-inverted);
}
.assets-image {
  width: 42px;
  height: 42px;
  text-align: center;
  margin: 0 auto;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
}
.assets-image.car-icon {
  background-image: url(/tbcrd/assets/img/mymoney/Car.png) !important;
}
.assets-image.house-icon {
  background-image: url(/tbcrd/assets/img/mymoney/House.png) !important;
}
.assets-image.other-icon {
  background-image: url(/tbcrd/assets/img/mymoney/Other.png) !important;
}
.assets-image.saving-icon {
  background-image: url(/tbcrd/assets/img/mymoney/Saving.png) !important;
}
.your-assets {
  cursor: pointer;
}
.your-assets .assets-text {
  text-align: center;
  margin: 0 auto;
  margin-top: 5px;
}
.your-assets:hover .assets-image.car-icon {
  background-image: url(/tbcrd/assets/img/mymoney/Car-hover.png);
}
.your-assets:hover .assets-image.house-icon {
  background-image: url(/tbcrd/assets/img/mymoney/House-hover.png);
}
.your-assets:hover .assets-image.other-icon {
  background-image: url(/tbcrd/assets/img/mymoney/Other-hover.png);
}
.your-assets:hover .assets-image.saving-icon {
  background-image: url(/tbcrd/assets/img/mymoney/Saving-hover.png);
}
.expense-detail-1 .image div {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  display: table;
  line-height: 28px;
  min-height: 28px;
  min-width: 28px;
  padding-left: 33px;
}
.expense-detail-1 .category-icon {
  width: 40px;
}
.expense-detail-1 .category-icon div {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
.expense-detail-1 .category-name {
  vertical-align: middle;
}
.graph-summary {
  height: 300px;
  font-size: 14px;
  text-align: center;
  margin: 0 auto;
}
.graph-summary .w100,
.graph-summary .tbc-box.tbc-box-overview ib-transaction-category .cat-info .cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .graph-summary .cat-input,
.graph-summary .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .graph-summary .cat-input,
.graph-summary ib-filter-range.label-on-new-line label,
ib-filter-range.label-on-new-line .graph-summary label,
.graph-summary ib-filter-range.label-on-new-line .range-block,
ib-filter-range.label-on-new-line .graph-summary .range-block,
.graph-summary ib-date-field.label-on-new-line label,
ib-date-field.label-on-new-line .graph-summary label,
.graph-summary ib-date-field.label-on-new-line .range-block,
ib-date-field.label-on-new-line .graph-summary .range-block {
  min-height: 20px;
}
.graph-summary .w100.green .small,
.graph-summary .tbc-box.tbc-box-overview ib-transaction-category .cat-info .green.cat-input .small,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .graph-summary .green.cat-input .small,
.graph-summary .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .green.cat-input .small,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .graph-summary .green.cat-input .small,
.graph-summary ib-filter-range.label-on-new-line label.green .small,
ib-filter-range.label-on-new-line .graph-summary label.green .small,
.graph-summary ib-filter-range.label-on-new-line .green.range-block .small,
ib-filter-range.label-on-new-line .graph-summary .green.range-block .small,
.graph-summary ib-date-field.label-on-new-line label.green .small,
ib-date-field.label-on-new-line .graph-summary label.green .small,
.graph-summary ib-date-field.label-on-new-line .green.range-block .small,
ib-date-field.label-on-new-line .graph-summary .green.range-block .small {
  color: var(--color-text-positive-initial) !important;
}
.graph-summary .w100.green br,
.graph-summary .tbc-box.tbc-box-overview ib-transaction-category .cat-info .green.cat-input br,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .graph-summary .green.cat-input br,
.graph-summary .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .green.cat-input br,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .graph-summary .green.cat-input br,
.graph-summary ib-filter-range.label-on-new-line label.green br,
ib-filter-range.label-on-new-line .graph-summary label.green br,
.graph-summary ib-filter-range.label-on-new-line .green.range-block br,
ib-filter-range.label-on-new-line .graph-summary .green.range-block br,
.graph-summary ib-date-field.label-on-new-line label.green br,
ib-date-field.label-on-new-line .graph-summary label.green br,
.graph-summary ib-date-field.label-on-new-line .green.range-block br,
ib-date-field.label-on-new-line .graph-summary .green.range-block br {
  line-height: 5px;
}
.graph-summary .small {
  font-size: 12px;
}
.graph-hor-line {
  width: 100%;
  background-color: var(--color-stroke-soft-initial);
  height: 30px;
  overflow: hidden;
}
.graph-hor-line .plus .part {
  background-color: #8ec63f;
}
.graph-hor-line .minus .part {
  background-color: #c72027;
}
.graph-hor-line .plus,
.graph-hor-line .minus {
  height: 30px;
  float: left;
}
.graph-hor-line .plus {
  background-color: #00811e;
}
.graph-hor-line .minus {
  background-color: #da1a1c;
}
.graph-hor-line.graph-hor-line-all .plus,
.graph-hor-line.graph-hor-line-all .minus {
  width: 50%;
  float: left;
  background-color: var(--color-stroke-soft-initial);
}
.graph-hor-line.graph-hor-line-all .part {
  height: 30px;
}
.graph-hor-line.graph-hor-line-all .minus .part {
  float: left;
}
.graph-hor-line.graph-hor-line-all .minus .part:nth-child(4) {
  background-color: #c72027;
}
.graph-hor-line.graph-hor-line-all .minus .part:nth-child(3) {
  background-color: #b31e22;
}
.graph-hor-line.graph-hor-line-all .minus .part:nth-child(2) {
  background-color: #9f1a1f;
}
.graph-hor-line.graph-hor-line-all .minus .part:nth-child(1) {
  background-color: #96191d;
}
.graph-hor-line.graph-hor-line-all .plus .part {
  float: left;
}
.graph-hor-line.graph-hor-line-all .plus .part:nth-child(1) {
  background-color: #68902f;
}
.graph-hor-line.graph-hor-line-all .plus .part:nth-child(2) {
  background-color: #709e32;
}
.graph-hor-line.graph-hor-line-all .plus .part:nth-child(3) {
  background-color: #7fb239;
}
.graph-hor-line.graph-hor-line-all .plus .part:nth-child(4) {
  background-color: #8ec63f;
}
.graph-hor-line.graph-hor-line-all .line-right .part {
  float: right;
}
.graph-hor-line.net-worth-summary {
  height: 30px;
}
.graph-line {
  margin: 0 auto;
  background-color: var(--color-stroke-soft-initial);
}
.graph-line .plus .part {
  background-color: #8ec63f;
}
.graph-line .minus .part {
  background-color: #c72027;
}
.graph-line.blue .plus > div,
.tbc-box.tbc-box-product .graph-line.info .plus > div,
.graph-line.blue .minus > div,
.tbc-box.tbc-box-product .graph-line.info .minus > div {
  background-color: #257ec2;
}
.graph-line .plus,
.graph-line .minus,
.graph-line .part {
  width: 100%;
}
.graph-line .plus {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.graph-line .plus .part {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.graph-line .plus,
.graph-line .minus {
  height: 50%;
}
.graph-line.graph-half {
  width: 40px;
}
.graph-line.graph-half .plus,
.graph-line.graph-half .minus {
  height: 100%;
}
.graph-line.graph-net-worth {
  width: 30px;
  height: 200px;
}
.graph-line.graph-assets {
  width: 40px;
  height: 200px;
}
.graph-line.graph-assets .minus {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.graph-line.graph-assets .minus .part {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.prev-graph {
  width: 8px;
  height: 260px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 14px;
  transition: 1s opacity;
  background-image: url(/tbcrd/assets/img/login/arrow-left-blue.svg);
}
.prev-graph[disabled] {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.5;
}
.prev-graph:hover {
  transform: scale(1.2);
}
.prev-graph:hover[disabled] {
  transform: scale(1);
}
.next-graph {
  width: 8px;
  height: 260px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px 14px;
  transition: 1s opacity;
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
}
.next-graph[disabled] {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.5;
}
.next-graph:hover {
  transform: scale(1.2);
}
.next-graph:hover[disabled] {
  transform: scale(1);
}
li.family {
  text-align: right;
}
li.family > a {
  display: block;
  width: 100%;
  line-height: 40px;
  position: relative;
  color: inherit;
  border-bottom: 1px solid var(--color-text-disabled-dark);
}
li.family > a:hover,
li.family > a:focus {
  text-decoration: none;
  color: inherit;
}
li.family > a > div {
  display: block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
li.family > a .category {
  text-align: left;
  width: 65%;
  padding-left: 10px;
}
li.family > a .procentage {
  width: 10%;
}
li.family > a .amount {
  width: 20%;
}
li.family > a .detail {
  width: 5%;
}
li.family > a:after {
  content: "";
  display: block;
  clear: both;
}
li.family.editing > a {
  line-height: 50px;
}
li.family:first-child > a {
  border-top: 1px solid var(--color-text-disabled-dark);
}
ib-category-addition,
category-addition {
  display: block;
}
ib-category-addition .cat-add-input,
category-addition .cat-add-input {
  position: relative;
  height: 40px;
  line-height: 40px;
}
ib-category-addition .cat-add-input input,
category-addition .cat-add-input input {
  height: 100%;
}
ib-category-addition .cat-add-buttons > div,
category-addition .cat-add-buttons > div {
  float: left;
  height: 40px;
  line-height: 40px;
}
ib-category-addition .cat-add-buttons > div a,
category-addition .cat-add-buttons > div a {
  cursor: pointer;
}
ib-category-addition .cat-add-buttons > div a.disabled,
category-addition .cat-add-buttons > div a.disabled {
  color: var(--color-text-disabled-default) !important;
  text-decoration: none !important;
  cursor: default !important;
}
ib-category-addition .cat-add-buttons > div.cancel,
category-addition .cat-add-buttons > div.cancel {
  float: right;
}
ib-category-addition .cat-add-buttons:after,
category-addition .cat-add-buttons:after {
  content: "";
  display: block;
  clear: both;
}
ib-category-addition .cat-add-message,
category-addition .cat-add-message {
  color: var(--color-surface-negative-initial);
  clear: both;
  white-space: normal;
  line-height: 1.2;
  font-size: 0.74375rem;
  padding-top: 5px;
}
.expanses-cat ib-category-addition a,
.expanses-cat category-addition a {
  height: 40px;
  line-height: 40px;
}
.expanses-cat ib-category-addition a.add,
.expanses-cat category-addition a.add {
  margin: 0;
  padding: 0 0 0 39px;
  background-size: 29px 29px;
}
.expanses-cat ib-category-addition .cat-add-on,
.expanses-cat category-addition .cat-add-on {
  margin-top: 5px;
  padding: 0 10px;
}
.expanses-cat ib-category-addition .cat-add-on .cat-add-input,
.expanses-cat category-addition .cat-add-on .cat-add-input {
  width: 50%;
  float: left;
}
.expanses-cat ib-category-addition .cat-add-on .cat-add-buttons,
.expanses-cat category-addition .cat-add-on .cat-add-buttons {
  width: 50%;
  float: left;
}
.expanses-cat ib-category-addition .cat-add-on .cat-add-buttons > div,
.expanses-cat category-addition .cat-add-on .cat-add-buttons > div {
  float: left;
  margin-left: 10px;
}
.expanses-cat ib-category-addition .cat-add-on:after,
.expanses-cat category-addition .cat-add-on:after {
  content: "";
  display: block;
  clear: both;
}
.expanses-cat ib-category-addition .cat-add-off,
.expanses-cat category-addition .cat-add-off {
  padding: 0 10px;
}
ib-category-administration {
  display: block;
  white-space: nowrap;
}
ib-category-administration .cat-edit-input {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
}
ib-category-administration .cat-edit-input input {
  width: 100%;
}
ib-category-administration .cat-edit-buttons > div {
  float: left;
  height: 40px;
  line-height: 40px;
}
ib-category-administration .cat-edit-buttons > div a {
  cursor: pointer;
}
ib-category-administration .cat-edit-buttons > div a.disabled {
  color: var(--color-text-disabled-default) !important;
  text-decoration: none !important;
  cursor: default !important;
}
ib-category-administration .cat-edit-buttons > div.cancel {
  float: right;
}
ib-category-administration .cat-edit-buttons:after {
  content: "";
  display: block;
  clear: both;
}
ib-category-administration .cat-edit-off {
  height: 40px;
  line-height: 40px;
}
ib-category-administration .cat-edit-off .cat-image {
  position: relative;
  float: left;
  width: 29px;
  height: 29px;
  margin-right: 10px;
  margin-top: 5px;
}
ib-category-administration .cat-edit-off .cat-image .cat-image-box {
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: transparent none no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 100%;
}
ib-category-administration .cat-edit-off .cat-image .cat-image-box img {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
ib-category-administration .cat-edit-off .cat-image .cat-image-box img[src] {
  display: block;
}
ib-category-administration .cat-edit-off .cat-name {
  display: inline-block;
  max-width: calc(100% - 29px - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  color: var(--color-surface-high-dark-initial);
}
@media only screen and (max-width: 79.9375em) {
  ib-category-administration .cat-edit-off .cat-name {
    max-width: 140px !important;
  }
}
ib-category-administration .cat-edit-off a {
  display: none;
  height: 30px;
  width: 25px;
  opacity: 0;
  transition: opacity 0.2s ease;
  position: relative;
  vertical-align: middle;
}
ib-category-administration .cat-edit-off a span {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent none no-repeat center right;
  background-size: 17px 17px;
}
ib-category-administration .cat-edit-off a.edit span {
  background-image: url(/tbcrd/assets/img/template/tbc-template-edit-gray.svg);
}
ib-category-administration .cat-edit-off a.edit span:hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-edit.svg);
}
ib-category-administration .cat-edit-off a.delete span {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-gray.svg);
}
ib-category-administration .cat-edit-off a.delete span:hover {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete.svg);
}
ib-category-administration .cat-edit-off:hover a {
  opacity: 1;
}
ib-category-administration .cat-edit-off.show-controls .cat-name {
  max-width: calc(100% - 25px - 25px - 29px - 10px);
}
ib-category-administration .cat-edit-off.show-controls a.edit {
  display: inline-block;
}
ib-category-administration .cat-edit-off.show-controls a.delete {
  display: inline-block;
}
ib-category-administration .cat-edit-on {
  margin: 5px 0 7px;
}
ib-category-administration .cat-edit-on .cat-edit-input {
  width: 50%;
  float: left;
}
ib-category-administration .cat-edit-on .cat-edit-buttons {
  width: 50%;
  float: left;
}
ib-category-administration .cat-edit-on .cat-edit-buttons > div {
  float: left;
  margin-left: 10px;
}
ib-category-administration .cat-edit-on:after {
  content: "";
  display: block;
  clear: both;
}
ib-category-administration .cat-edit-message {
  color: var(--color-surface-negative-initial);
  clear: both;
  white-space: normal;
  line-height: 1.2;
  font-size: 0.74375rem;
  padding-top: 5px;
}
.cat-add-off .add {
  display: inline-block;
}
.firefox .expanses-cat ul li .check,
.firefox .expanses-cat table li .check,
.firefox .expanses-cat ul tr .check,
.firefox .expanses-cat table tr .check {
  max-width: inherit;
}
.mm-dashboard-category {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.mm-dashboard-category image {
  width: 16px;
  height: 16px;
}
#transaction-head {
  border-bottom: 0px;
  line-height: unset;
}
#transaction-head .tab {
  cursor: pointer;
}
.mm-tooltip {
  z-index: 10000;
  position: fixed;
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  border-radius: 5px;
  padding: 1rem;
  background: white;
  display: none;
  flex-direction: row;
  align-items: center;
}
.mm-tooltip .mm-tooltip-icon {
  width: 5rem;
}
.mm-tooltip .mm-tooltip-icon img {
  margin-left: 0.5rem;
  width: 3.5rem;
  height: 3.5rem;
}
.mm-tooltip .mm-tooltip-percent {
  font-size: 1.7rem;
}
.mm-tooltip .mm-tooltip-percent .percent-char {
  color: gray;
  font-size: 1.3rem;
}
.mm-tooltip .mm-tooltip-money {
  font-size: 1.7rem;
}
.mm-tooltip .mm-tooltip-money .currency {
  color: gray;
  font-size: 1.3rem;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box.tbc-box-overview.tbc-box-offers {
  min-height: 400px;
  display: flex;
}
.tbc-box.tbc-box-overview.tbc-box-offers .menu ul {
  padding-bottom: 100px;
}
.transaction-detail {
  display: flex;
}
.tbc-box.banner {
  padding: 0;
  height: 270px;
  width: 100%;
}
.tbc-box.banner .banner-img {
  height: 342px;
  width: 100%;
}
.tbc-box.banner .btn {
  position: absolute;
  width: 228px;
  right: 40px;
  top: 190px;
}
.offers .product-links .product-link {
  top: 110px !important;
}
.offers .product-link,
.offers .product-dots {
  cursor: pointer;
}
.offer-sticker-box {
  width: 100%;
  height: 110px;
  left: 24px;
  position: relative;
  background-repeat: no-repeat;
  background-position: top right;
}
.offer-sticker-box.hot {
  background-image: url(/tbcrd/assets/img/offers/offer-sticker-hot.png);
}
.offer-sticker-box.best {
  background-image: url(/tbcrd/assets/img/offers/offer-sticker-best.png);
}
.offer-sticker-box.pre {
  background-image: url(/tbcrd/assets/img/offers/offer-sticker-pre.png);
  background-position: top 25px right;
  left: 24px;
}
.contact-box {
  height: 290px;
  width: 290px;
  padding: 43px 27px 43px 43px;
  margin: 0 auto;
  background-color: var(--color-text-strong-light);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  -moz-box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
}
@media (min-width: 1920px) {
  .contact-box {
    height: 290px;
    width: 290px;
  }
}
.contact-box .cn-item {
  background-position: center left;
  background-repeat: no-repeat;
  margin-bottom: 30px;
  padding-left: 60px;
  max-height: 45px;
  overflow: hidden;
  color: var(--color-text-soft-inverted);
  display: block;
  font-size: 0.74375rem;
}
.contact-box .cn-item:first-child {
  margin-top: 14px;
}
.contact-box .cn-item:last-child {
  margin-bottom: 0;
}
.contact-box .cn-item:hover {
  text-decoration: none;
}
.contact-box .cn-item:hover.tel {
  background-image: url(/tbcrd/assets/img/offers/offer-cn-tel-hover.png);
}
.contact-box .cn-item:hover.mail {
  background-image: url(/tbcrd/assets/img/offers/offer-cn-mail-hover.png);
}
.contact-box .cn-item:hover.chat {
  background-image: url(/tbcrd/assets/img/offers/offer-cn-chat-hover.png);
}
.contact-box .cn-item span {
  color: var(--color-text-soft-dark);
  font-size: -0.90625rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.contact-box .cn-item.tel {
  background-image: url(/tbcrd/assets/img/offers/offer-cn-tel.png);
}
.contact-box .cn-item.mail {
  background-image: url(/tbcrd/assets/img/offers/offer-cn-mail.png);
}
.contact-box .cn-item.chat {
  background-image: url(/tbcrd/assets/img/offers/offer-cn-chat.png);
}
.offer-detail-1 {
  -webkit-border-radius: 14px 14px 0 0;
  -moz-border-radius: 14px 14px 0 0;
  border-radius: 14px 14px 0 0;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  background-image: url(/tbcrd/assets/img/offers/offer-detail-ban-back.png);
  background-repeat: no-repeat;
  background-position: top left;
}
.offer-detail-1 h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  display: block;
  line-height: 1.3em;
}
.offer-detail-1 .trans {
  background-image: url(/tbcrd/assets/img/offers/offer-trans.png);
  background-repeat: no-repeat;
  background-position: center right;
  height: 279px;
}
.offer-detail-1 .off-main-text {
  -webkit-border-radius: 0 14px 0 0;
  -moz-border-radius: 0 14px 0 0;
  border-radius: 0 14px 0 0;
  padding: 30px 30px 30px 0;
  background-color: var(--color-text-strong-light);
}
.offer-detail-1 .off-main-text.product-description-and-buttons-container {
  display: flex;
  flex-direction: column;
}
.offer-detail-1 .off-main-text.product-description-and-buttons-container .button-list-container {
  display: flex;
  align-self: flex-end;
  justify-content: flex-end;
  margin-top: 40px;
}
.offer-detail-1 .off-main-text.product-description-and-buttons-container .button-list-container button.button-list-item:not(:first-child) {
  margin-left: 15px;
}
.offer-detail-1 .off-main-text .off-main-text-inner {
  height: 189px;
  pointer-events: none;
}
.offer-detail-1 .off-main-text .off-main-text-inner a {
  pointer-events: auto;
}
.offer-detail-1 .off-main-text .off-main-text-inner button {
  pointer-events: auto;
}
.offer-detail-1 .off-main-text .off-main-text-inner .detailed-product-description ul {
  margin-bottom: 0px;
}
.offer-detail-1 .off-main-text div .btn.btn-primary {
  margin-bottom: 10px;
}
.offer-detail-1 .off-main-text div .btn.btn-primary.btn-lg.float-rg:first-child {
  margin-left: 30px;
  margin-bottom: 10px;
}
@media (max-width: 1280px) {
  .offer-detail-1 .off-main-text div .btn.btn-primary.btn-lg.float-rg:first-child {
    margin-left: 10px;
  }
}
.offer-detail-1 .off-main-text .offer-sticker-box {
  overflow-y: hidden;
}
.no-padding {
  padding: 0 !important;
}
.tbc-box.tbc-offer-detail {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  padding: 0;
  overflow: visible;
}
.tbc-box.tbc-offer-detail .offer-sticker-box {
  width: 95%;
}
.tbc-box.tbc-offer-detail a.withArrow {
  font-size: 13px;
}
.tbc-box.tbc-offer-detail > br {
  display: none;
}
.tbc-box.tbc-offer-detail .btn {
  width: 200px;
  font-size: 15px;
  height: 50px;
  padding: 10px 18px;
}
.tbc-box.tbc-offer-detail .off-bold-tex {
  font-size: 25px;
  color: var(--color-stroke-primary-initial);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-bottom: 15px;
}
.tbc-box.tbc-offer-detail .off-bold2-tex {
  font-size: 0.74375rem;
  max-height: 80px;
  overflow: hidden;
}
.tbc-box.tbc-offer-detail .off-bold2-tex span {
  font-size: 20px;
}
.tbc-box.tbc-offer-detail .off-tex {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: 0.74375rem;
}
.tbc-box.tbc-offer-detail .offer-detail-main {
  -webkit-border-radius: 0 0 14px 14px;
  -moz-border-radius: 0 0 14px 14px;
  border-radius: 0 0 14px 14px;
  background-color: var(--color-surface-lower-initial);
}
.tbc-box.tbc-offer-detail .offer-detail-2 {
  -webkit-border-radius: 0 0 0 14px;
  -moz-border-radius: 0 0 0 14px;
  border-radius: 0 0 0 14px;
  background-color: var(--color-text-strong-light);
  min-height: 350px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 a:hover {
  cursor: pointer;
}
@media only screen and (max-width: 79.9375em) {
  .tbc-box.tbc-offer-detail .offer-detail-2 {
    width: 650px;
  }
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-detail-2-cbox {
  min-height: 360px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-essentials-desc ul,
.tbc-box.tbc-offer-detail .offer-detail-2 ul.offer-ul {
  list-style: none;
  padding-left: 0;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-essentials-desc ul li,
.tbc-box.tbc-offer-detail .offer-detail-2 ul.offer-ul li {
  margin-bottom: 15px;
  line-height: 20px;
  padding-left: 34px;
  font-size: 0.875rem;
  background-image: url(/tbcrd/assets/img/tbc-icon-blue.svg);
  background-size: 20px 20px;
  background-position: left center;
  background-repeat: no-repeat;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-essentials-desc ul li:last-child,
.tbc-box.tbc-offer-detail .offer-detail-2 ul.offer-ul li:last-child {
  margin-bottom: 0;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-e {
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-e:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-extras-desc ul,
.tbc-box.tbc-offer-detail .offer-detail-2 ul.offer-ul2 {
  color: var(--color-text-soft-inverted);
  padding-left: 16px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .offer-extras-desc ul li,
.tbc-box.tbc-offer-detail .offer-detail-2 ul.offer-ul2 li {
  margin-bottom: 10px;
  font-size: 12px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 ib-new-card-offer > div:first-child,
.tbc-box.tbc-offer-detail .offer-detail-2 .tbc-box-products .product:last-child .product-cell {
  padding-bottom: 15px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 h3 {
  margin-bottom: 30px;
  font-size: 17px;
  margin-top: 0;
}
.tbc-box.tbc-offer-detail .offer-detail-2 h5 {
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 15px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .btn {
  margin-bottom: 10px;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .btn:first-child {
  margin-left: 30px;
}
@media (max-width: 1280px) {
  .tbc-box.tbc-offer-detail .offer-detail-2 .btn:first-child {
    margin-left: 10px;
  }
}
.tbc-box.tbc-offer-detail .offer-detail-2 .buttons-container {
  justify-content: flex-end;
}
.tbc-box.tbc-offer-detail .offer-detail-2 .buttons-container button:not(:first-child) {
  margin-left: 15px;
}
.tbc-box.tbc-offer-detail .offer-detail-3 {
  -webkit-border-radius: 0 0 14px 0;
  -moz-border-radius: 0 0 14px 0;
  border-radius: 0 0 14px 0;
  min-height: 350px;
  width: 350px;
}
@media (min-width: 1920px) {
  .tbc-box.tbc-offer-detail .offer-detail-3 {
    width: 500px;
  }
}
.tbc-box.tbc-offer-detail .offer-detail-3 h3 {
  margin-bottom: 15px;
  font-size: 22px;
}
.tbc-box.tbc-offer-detail .tbc-box-products {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  margin-bottom: 40px;
  font-size: 14px;
}
.tbc-box.tbc-offer-detail .tbc-box-products.debit-card {
  margin-bottom: 0;
}
.tbc-box.tbc-offer-detail .tbc-box-products.debit-card .product {
  cursor: inherit;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-cell {
  font-size: 13px;
  text-align: left;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-cell.fee-cell {
  white-space: nowrap;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-cell.fee-cell div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-header {
  background: none;
  font-weight: 600;
}
.tbc-box.tbc-offer-detail .tbc-box-products .offer-header-group .product-cell {
  padding: 17px 0px;
  font-size: 15px;
  vertical-align: bottom;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-header-group {
  display: table-header-group;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-header-group .product-cell {
  border-top: none;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-header-group .product-cell:first-child {
  border-radius: 14px 0 0 0;
}
.tbc-box.tbc-offer-detail .tbc-box-products .product-header-group .product-cell:last-child {
  border-radius: 0 14px 0 0;
}
.tbc-box.tbc-offer-detail .tbc-box-products .greenLabel {
  color: white;
  background: var(--color-text-positive-initial);
  border-radius: 3px;
  padding: 1px 11px;
  min-width: 56px;
  text-align: center;
  min-height: 18px;
}
.tbc-box.tbc-offer-detail .tbc-box-products ul.product-list {
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box.tbc-offer-detail .tbc-box-products ul.product-list li > div {
  padding-right: 0px;
  padding-left: 0px;
}
.tbc-box.tbc-offer-detail .tbc-box-products ul.product-list li > div:first-child {
  text-align: left;
  padding-left: 0px;
  width: 260px;
  padding-right: 30px;
}
.tbc-box.tbc-offer-detail .tbc-box-products ul.product-list li > div:last-child {
  padding-right: 0px;
  width: 100px;
}
.label-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.label-container.ka {
  margin-bottom: 0.35em;
}
.label-container .item-label-container .label {
  color: var(--color-text-strong-light);
  background: var(--color-text-negative-initial);
  font-size: 9px;
  border-radius: 0.75em;
  line-height: 1;
  padding: 0.1em 0.65em;
  height: 1.3em;
  text-align: center;
}
.label-container .item-label-container .label.ka {
  font-size: 8px;
  padding: 0.3em 0.65em;
}
.offer-main {
  padding: 16px 35px 0 !important;
  min-height: 400px !important;
  overflow: hidden;
}
.offer-main .hide {
  display: none;
}
.offer-main .details .item {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  float: left;
  max-height: 330px;
  min-height: 330px;
  background-color: transparent !important;
  border: 1px solid var(--color-icon-primary-initial) !important;
  margin-bottom: 30px;
  width: 31.7%;
  margin-right: 2.4%;
}
.offer-main .details .item:nth-child(3n) {
  margin-right: 0;
}
.offer-main .details .item:nth-child(3n):after {
  content: "";
  display: block;
  clear: both;
}
.offer-main .details .item ib-offer-item {
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 135px auto;
  background-image: none !important;
}
@media only screen and (max-width: 79.9375em) {
  .offer-main .details .item ib-offer-item {
    background-size: 104px auto;
  }
}
.offer-main .details .item .offer-text {
  max-height: 143px;
  min-height: 143px;
  padding: 25px 20px 15px 20px;
}
.offer-main .details .item .offer-text .offer-head-text {
  color: var(--color-icon-primary-initial);
  font-size: 17px;
  margin-bottom: 20px;
  max-height: 31px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.offer-main .details .item .offer-text .offer-main-text {
  color: var(--color-text-soft-dark);
  font-size: 13px;
  max-height: 60px;
}
.offer-main .details .item .offer-text .offer-other-text {
  display: none;
}
.offer-main .details .item .offer-back {
  float: left;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left bottom;
  height: 190px;
  width: 123px;
}
@media only screen and (max-width: 79.9375em) {
  .offer-main .details .item .offer-back {
    width: 104px;
  }
}
.offer-main .details .item .offer-stick-button {
  width: 156px;
  float: left;
}
@media only screen and (max-width: 79.9375em) {
  .offer-main .details .item .offer-stick-button {
    width: 124px;
  }
}
@media (min-width: 1920px) {
  .offer-main .details .item .offer-stick-button {
    width: 194px;
  }
  .offer-main .details .item .offer-stick-button .offer-sticker-box {
    width: 100% !important;
  }
}
.offer-main .details .item .offer-stick-button .offer-sticker-box {
  width: 162px;
  height: 100px;
  left: 2px;
  margin-bottom: 10px;
  position: relative;
  background-repeat: no-repeat;
  background-position: top right;
}
@media only screen and (max-width: 79.9375em) {
  .offer-main .details .item .offer-stick-button .offer-sticker-box {
    left: -33px;
  }
}
.offer-main .details .item .offer-stick-button .offer-sticker-box.hot {
  background-image: url(/tbcrd/assets/img/offers/offer-sticker-hot.png);
}
.offer-main .details .item .offer-stick-button .offer-sticker-box.best {
  background-image: url(/tbcrd/assets/img/offers/offer-sticker-best.png);
}
.offer-main .details .item .offer-stick-button .offer-sticker-box.pre {
  background-image: url(/tbcrd/assets/img/offers/offer-sticker-pre.png);
  background-position: top 25px right;
  left: 24px;
}
.offer-main .details .item .offer-stick-button button {
  height: 45px;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 20px;
  max-width: 114px;
}
@media only screen and (max-width: 79.9375em) {
  .offer-main .details .item .offer-stick-button button {
    max-width: 96px;
  }
}
.offer-main .details .item .offer-block {
  position: relative;
}
.card-picture img {
  -webkit-border-radius: 4% "/" 6%;
  -moz-border-radius: 4% "/" 6%;
  border-radius: 4% "/" 6%;
}
.status-digital-application .sd-content {
  margin-top: -40px;
}
.status-digital-application .sd-content .review-form .form-group {
  margin-bottom: 5px;
}
.status-digital-application .sd-content .hr {
  height: 2px;
  width: 100%;
  background: var(--color-stroke-soft-initial);
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.status-digital-application .sd-content .card-image {
  background-size: cover;
  background-position: center center;
  height: 200px;
  width: 350px;
  border-radius: 15px;
  margin-right: 30px;
}
.status-digital-application .sd-content .select-card-type-container {
  background: var(--color-surface-lower-initial);
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 20px;
}
.status-digital-application .sd-content .select-card-type-container ib-radio-menu label {
  font-size: 15px !important;
}
.status-digital-application .sd-content .select-card-type-container .card-name {
  font-size: 19px;
  margin-bottom: 10px;
}
.main-container {
  padding: 0 !important;
}
.main-container .content {
  padding: 16px 32px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box-billpay,
.tbc-box-form {
  min-height: 500px;
  color: var(--color-text-soft-dark);
  overflow: visible;
  background-color: var(--color-surface-higher-initial);
}
.tbc-box-billpay .tbc-box-billpay-1,
.tbc-box-form .tbc-box-billpay-1 {
  background-color: var(--color-text-strong-light);
}
.tbc-box-billpay .tbc-box-billpay-1 button,
.tbc-box-form .tbc-box-billpay-1 button {
  width: 90px;
  height: 40px;
}
.tbc-box-billpay .tbc-billpay-content-left .btn-primary.threepx:hover,
.tbc-box-form .tbc-billpay-content-left .btn-primary.threepx:hover {
  border-color: var(--color-icon-primary-initial);
}
.tbc-box-billpay .tbc-billpay-content-left .btn-primary[disabled]:hover,
.tbc-box-billpay .tbc-billpay-content-left .btn-primary[disabled],
.tbc-box-form .tbc-billpay-content-left .btn-primary[disabled] {
  background-color: var(--color-surface-high-dark-initial);
  color: var(--color-text-disabled-default);
  border: 3px solid var(--color-text-disabled-default);
}
.tbc-box-billpay .tbc-billpay-content-left .btn-primary[disabled]:hover.reactive,
.tbc-box-billpay .tbc-billpay-content-left .btn-primary[disabled].reactive,
.tbc-box-form .tbc-billpay-content-left .btn-primary[disabled].reactive {
  color: var(--color-stroke-primary-initial);
  border: 3px solid var(--color-stroke-primary-initial);
}
.tbc-box-billpay .bill-item > div.item div,
.tbc-box-form .bill-item > div.item div {
  display: flex;
  align-items: center;
}
.tbc-box-billpay .bill-item.bill-sub-item > div.item a,
.tbc-box-form .bill-item.bill-sub-item > div.item a,
.tbc-box-billpay .bill-item.bill-sub-item > div.item > div,
.tbc-box-form .bill-item.bill-sub-item > div.item > div {
  border: 2px solid var(--color-stroke-soft-initial);
}
.tbc-box-billpay .bill-item.bill-sub-item div,
.tbc-box-form .bill-item.bill-sub-item div {
  color: var(--color-text-soft-inverted);
}
.tbc-box-billpay.step2 .tbc-box-billpay-1,
.step2.tbc-box-form .tbc-box-billpay-1,
.tbc-box-billpay.step2 .tbc-box-billpay-2,
.step2.tbc-box-form .tbc-box-billpay-2,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2,
.step2.tbc-box-form .tbc-box-form-2 {
  padding: 0 !important;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .header,
.step2.tbc-box-form .tbc-box-billpay-1 .header,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .header,
.step2.tbc-box-form .tbc-box-billpay-2 .header,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .header,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .header,
.step2.tbc-box-form .tbc-box-form-2 .header {
  font-size: 16px;
  padding: 16px 24px 16px 24px;
  background-color: var(--color-surface-higher-initial);
  -webkit-transition: all linear 0.1s;
  transition: all linear 0.1s;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .content,
.step2.tbc-box-form .tbc-box-billpay-1 .content,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .content,
.step2.tbc-box-form .tbc-box-billpay-2 .content,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .content,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .content,
.step2.tbc-box-form .tbc-box-form-2 .content {
  padding: 30px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .content p,
.step2.tbc-box-form .tbc-box-billpay-1 .content p,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .content p,
.step2.tbc-box-form .tbc-box-billpay-2 .content p,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .content p,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .content p,
.step2.tbc-box-form .tbc-box-form-2 .content p {
  text-align: start;
  font-size: 0.875rem;
  color: var(--color-text-soft-inverted);
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .content p:last-child,
.step2.tbc-box-form .tbc-box-billpay-1 .content p:last-child,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .content p:last-child,
.step2.tbc-box-form .tbc-box-billpay-2 .content p:last-child,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .content p:last-child,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .content p:last-child,
.step2.tbc-box-form .tbc-box-form-2 .content p:last-child {
  max-width: 240px;
  font-weight: 500;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .content p.mar-bottom,
.step2.tbc-box-form .tbc-box-billpay-1 .content p.mar-bottom,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .content p.mar-bottom,
.step2.tbc-box-form .tbc-box-billpay-2 .content p.mar-bottom,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .content p.mar-bottom,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .content p.mar-bottom,
.step2.tbc-box-form .tbc-box-form-2 .content p.mar-bottom {
  margin-bottom: 28px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1.active .header,
.step2.tbc-box-form .tbc-box-billpay-1.active .header,
.tbc-box-billpay.step2 .tbc-box-billpay-2.active .header,
.step2.tbc-box-form .tbc-box-billpay-2.active .header,
.tbc-box-billpay.step2 .tbc-box-form .active.tbc-box-form-2 .header,
.tbc-box-form .tbc-box-billpay.step2 .active.tbc-box-form-2 .header,
.step2.tbc-box-form .active.tbc-box-form-2 .header {
  background-color: var(--color-text-primary-pressed);
  color: var(--color-text-strong-light);
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .header,
.step2.tbc-box-form .tbc-box-billpay-1 .header {
  -webkit-border-radius: 14px 0px 0px 0px;
  -moz-border-radius: 14px 0px 0px 0px;
  border-radius: 14px 0px 0px 0px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .nav,
.step2.tbc-box-form .tbc-box-billpay-1 .nav {
  line-height: 0;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .bill-label-container,
.step2.tbc-box-form .tbc-box-billpay-1 .bill-label-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .bill-label-container .bill-list-label,
.step2.tbc-box-form .tbc-box-billpay-1 .bill-label-container .bill-list-label {
  font-size: 16px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .bill-label-container .bill-list-value,
.step2.tbc-box-form .tbc-box-billpay-1 .bill-label-container .bill-list-value {
  font-size: 14px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .bill-label-container .bill-list-debt,
.step2.tbc-box-form .tbc-box-billpay-1 .bill-label-container .bill-list-debt {
  width: 54.5%;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .bill-label-container .bill-list-debt .bill-list-label,
.step2.tbc-box-form .tbc-box-billpay-1 .bill-label-container .bill-list-debt .bill-list-label {
  font-family: "TBCX";
  font-weight: 400;
  font-size: 0.875rem;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .bill-label-container .btn,
.step2.tbc-box-form .tbc-box-billpay-1 .bill-label-container .btn {
  font-size: 0.875rem;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .input-search-box ib-input,
.step2.tbc-box-form .tbc-box-billpay-1 .input-search-box ib-input {
  width: 400px;
  height: 48px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .add,
.step2.tbc-box-form .tbc-box-billpay-1 .add {
  display: flex;
  align-items: center;
  padding-left: 0;
  margin: 0;
  line-height: 26px;
  height: 52px;
  color: var(--color-icon-primary-initial) !important;
  cursor: pointer;
  font-size: 0.875rem;
  background: transparent;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .add:not(.new),
.step2.tbc-box-form .tbc-box-billpay-1 .add:not(.new) {
  margin-right: 24px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .add span,
.step2.tbc-box-form .tbc-box-billpay-1 .add span {
  display: inline-block;
  height: 26px;
  float: left;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .add span.icon,
.step2.tbc-box-form .tbc-box-billpay-1 .add span.icon {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  width: 16px;
  height: 16px;
  background-image: url(/tbcrd/assets/img/tbc-icon-plus-new.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--color-icon-primary-initial);
  margin-left: 8px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 .add:hover,
.step2.tbc-box-form .tbc-box-billpay-1 .add:hover {
  opacity: 0.6;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table {
  position: relative;
  width: 100%;
  list-style: none;
  margin: 0;
  overflow: hidden;
  -webkit-border-radius: 0 0 0 14px;
  -moz-border-radius: 0 0 0 14px;
  border-radius: 0 0 0 14px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table:last-child,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table:last-child {
  padding: 0 0 16px 0;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table .fblock20,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table .fblock20,
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table .fblock50,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table .fblock50,
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table .fblock7a5,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table .fblock7a5 {
  min-height: 1px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table.list-group-nested,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table.list-group-nested {
  padding-bottom: 0;
  padding-left: 0;
  max-height: 0;
  border-radius: 0 !important;
  transition: max-height 0.5s ease-in-out;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -ms-transition: max-height 0.5s ease-in-out;
  background-color: var(--color-text-soft-inverted);
  display: none;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table.list-group-nested li,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table.list-group-nested li {
  background-color: var(--color-surface-lower-initial);
  border-radius: 0 !important;
  border-bottom: transparent;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table.list-group-nested li .btn,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table.list-group-nested li .btn {
  margin-right: 0 !important;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table.list-group-nested.-group-opened,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table.list-group-nested.-group-opened {
  height: auto;
  max-height: 10000px;
  margin-top: 20px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table.list-group-nested img,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table.list-group-nested img {
  margin-right: 15%;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li {
  background-color: var(--color-text-strong-light);
  border: 0 solid transparent;
  display: block;
  min-height: 27px;
  max-height: 80px;
  margin-bottom: 0;
  overflow: hidden;
  padding: 5px 0 5px 0;
  position: initial !important;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li.group-list-item,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li.group-list-item {
  max-height: 10000px;
  height: auto;
  padding-bottom: 0;
  margin-bottom: 24px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .group-icon-container img,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .group-icon-container img {
  margin-left: 0 !important;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .text,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .text {
  color: var(--color-text-soft-inverted);
  overflow: hidden;
  padding: 5px 0 0 0;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .text span,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .text span {
  color: var(--color-text-soft-default);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 16px;
  width: 100%;
  max-width: 300px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .text span.name,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .text span.name {
  display: inline-block !important;
  max-width: 300px;
  color: var(--color-text-soft-dark);
  font-size: 14.5px;
  line-height: 20px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .text span.ellipsis:after,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .text span.ellipsis:after {
  content: "\2003";
  cursor: pointer !important;
  position: absolute;
  right: 4px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .text span.payment-group-name,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .text span.payment-group-name {
  font-size: 16px;
  cursor: pointer;
  display: inline !important;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .amount,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .amount {
  color: var(--color-text-positive-initial);
  text-align: right;
  width: 130px;
  font-size: 14px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .amount.minus,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .amount.minus {
  color: var(--color-surface-negative-initial);
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .button,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .button {
  margin: 11px auto;
  text-align: center;
  float: right;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .button .btn,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .button .btn {
  font-size: 0.875rem;
  min-width: 80px;
  max-width: 80px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin-right: 1px;
  float: right;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .drag-icon,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .drag-icon {
  position: relative;
  background-image: url(/tbcrd/assets/img/bill-payment/drag-icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  height: 65px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 ul.bill-table li .drag-icon-big,
.step2.tbc-box-form .tbc-box-billpay-1 ul.bill-table li .drag-icon-big {
  height: 80px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 div.delete-input,
.step2.tbc-box-form .tbc-box-billpay-1 div.delete-input {
  height: 42px;
  position: relative;
  right: -19px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-1 input.inp-md,
.step2.tbc-box-form .tbc-box-billpay-1 input.inp-md {
  height: 30px;
  line-height: 30px;
  margin-left: 21.5%;
  margin-top: 10px;
  width: 90%;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2,
.step2.tbc-box-form .tbc-box-billpay-2,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2,
.step2.tbc-box-form .tbc-box-form-2 {
  background-repeat: no-repeat;
  background-position: center 250px;
  overflow: visible;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2.active,
.step2.tbc-box-form .tbc-box-billpay-2.active,
.tbc-box-billpay.step2 .tbc-box-form .active.tbc-box-form-2,
.tbc-box-form .tbc-box-billpay.step2 .active.tbc-box-form-2,
.step2.tbc-box-form .active.tbc-box-form-2 {
  background-image: none;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .header,
.step2.tbc-box-form .tbc-box-billpay-2 .header,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .header,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .header,
.step2.tbc-box-form .tbc-box-form-2 .header {
  -webkit-border-radius: 0px 14px 0px 0px;
  -moz-border-radius: 0px 14px 0px 0px;
  border-radius: 0px 14px 0px 0px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .content,
.step2.tbc-box-form .tbc-box-billpay-2 .content,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .content,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .content,
.step2.tbc-box-form .tbc-box-form-2 .content {
  padding: 48px 24px 48px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 input.input-group,
.step2.tbc-box-form .tbc-box-billpay-2 input.input-group,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 input.input-group,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 input.input-group,
.step2.tbc-box-form .tbc-box-form-2 input.input-group {
  float: left;
  margin-bottom: 15px;
  margin-top: 5px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 input.inp-md,
.step2.tbc-box-form .tbc-box-billpay-2 input.inp-md,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 input.inp-md,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 input.inp-md,
.step2.tbc-box-form .tbc-box-form-2 input.inp-md {
  height: 30px;
  line-height: 30px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withgel,
.step2.tbc-box-form .tbc-box-billpay-2 .withgel,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withgel,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withgel,
.step2.tbc-box-form .tbc-box-form-2 .withgel,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withGEL,
.step2.tbc-box-form .tbc-box-billpay-2 .withGEL,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withGEL,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withGEL,
.step2.tbc-box-form .tbc-box-form-2 .withGEL,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withgbp,
.step2.tbc-box-form .tbc-box-billpay-2 .withgbp,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withgbp,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withgbp,
.step2.tbc-box-form .tbc-box-form-2 .withgbp,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withGBP,
.step2.tbc-box-form .tbc-box-billpay-2 .withGBP,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withGBP,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withGBP,
.step2.tbc-box-form .tbc-box-form-2 .withGBP,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .witheur,
.step2.tbc-box-form .tbc-box-billpay-2 .witheur,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .witheur,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .witheur,
.step2.tbc-box-form .tbc-box-form-2 .witheur,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withEUR,
.step2.tbc-box-form .tbc-box-billpay-2 .withEUR,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withEUR,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withEUR,
.step2.tbc-box-form .tbc-box-form-2 .withEUR,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withczk,
.step2.tbc-box-form .tbc-box-billpay-2 .withczk,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withczk,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withczk,
.step2.tbc-box-form .tbc-box-form-2 .withczk,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withCZK,
.step2.tbc-box-form .tbc-box-billpay-2 .withCZK,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withCZK,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withCZK,
.step2.tbc-box-form .tbc-box-form-2 .withCZK,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withusd,
.step2.tbc-box-form .tbc-box-billpay-2 .withusd,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withusd,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withusd,
.step2.tbc-box-form .tbc-box-form-2 .withusd,
.tbc-box-billpay.step2 .tbc-box-billpay-2 .withUSD,
.step2.tbc-box-form .tbc-box-billpay-2 .withUSD,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .withUSD,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .withUSD,
.step2.tbc-box-form .tbc-box-form-2 .withUSD {
  padding-right: 34px;
  background-repeat: no-repeat;
  background-position: right 6px center;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .dropdown.selected .dropdown-toggle,
.step2.tbc-box-form .tbc-box-billpay-2 .dropdown.selected .dropdown-toggle,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .dropdown.selected .dropdown-toggle,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .dropdown.selected .dropdown-toggle,
.step2.tbc-box-form .tbc-box-form-2 .dropdown.selected .dropdown-toggle {
  border-color: var(--color-stroke-soft-initial);
  background-image: url(/tbcrd/assets/img/login/arrow-down-gray.svg);
  background-size: 16px 9px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .wj-content:not(.customEdit) .wj-input-group .wj-form-control,
.step2.tbc-box-form .tbc-box-billpay-2 .wj-content:not(.customEdit) .wj-input-group .wj-form-control,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .wj-content:not(.customEdit) .wj-input-group .wj-form-control,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .wj-content:not(.customEdit) .wj-input-group .wj-form-control,
.step2.tbc-box-form .tbc-box-form-2 .wj-content:not(.customEdit) .wj-input-group .wj-form-control {
  color: var(--color-text-soft-dark);
  font-size: 1.09375rem;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 div.delete-input,
.step2.tbc-box-form .tbc-box-billpay-2 div.delete-input,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 div.delete-input,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 div.delete-input,
.step2.tbc-box-form .tbc-box-form-2 div.delete-input {
  height: 38px;
  margin-left: 20px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .select-payment,
.step2.tbc-box-form .tbc-box-billpay-2 .select-payment,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .select-payment,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .select-payment,
.step2.tbc-box-form .tbc-box-form-2 .select-payment {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  border: 3px solid var(--color-stroke-primary-initial);
  background-color: var(--color-text-strong-light);
  padding: 20px 30px 20px 20px;
  font-size: 1.09375rem;
  background-repeat: no-repeat;
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-arow-up.png);
  background-position: right 20px center;
  cursor: pointer;
  margin-top: 6px;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .select-payment .div.hide,
.step2.tbc-box-form .tbc-box-billpay-2 .select-payment .div.hide,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .select-payment .div.hide,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .select-payment .div.hide,
.step2.tbc-box-form .tbc-box-form-2 .select-payment .div.hide {
  display: none;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .select-payment.expand,
.step2.tbc-box-form .tbc-box-billpay-2 .select-payment.expand,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .select-payment.expand,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .select-payment.expand,
.step2.tbc-box-form .tbc-box-form-2 .select-payment.expand {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-arow-down.png);
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .select-payment.expand div.hide,
.step2.tbc-box-form .tbc-box-billpay-2 .select-payment.expand div.hide,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .select-payment.expand div.hide,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .select-payment.expand div.hide,
.step2.tbc-box-form .tbc-box-form-2 .select-payment.expand div.hide {
  display: inline-block;
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .select-payment span,
.step2.tbc-box-form .tbc-box-billpay-2 .select-payment span,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .select-payment span,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .select-payment span,
.step2.tbc-box-form .tbc-box-form-2 .select-payment span {
  color: var(--color-text-soft-inverted);
}
.tbc-box-billpay.step2 .tbc-box-billpay-2 .stickyContent.affix,
.step2.tbc-box-form .tbc-box-billpay-2 .stickyContent.affix,
.tbc-box-billpay.step2 .tbc-box-form .tbc-box-form-2 .stickyContent.affix,
.tbc-box-form .tbc-box-billpay.step2 .tbc-box-form-2 .stickyContent.affix,
.step2.tbc-box-form .tbc-box-form-2 .stickyContent.affix {
  top: 90px !important;
}
.tbc-box-billpay.step2 .dueIcon,
.step2.tbc-box-form .dueIcon {
  position: absolute;
  top: 14px;
}
.tbc-box-billpay .tbc-box-billpay-1,
.tbc-box-form .tbc-box-billpay-1 {
  -webkit-border-radius: 14px 0px 0px 14px;
  -moz-border-radius: 14px 0px 0px 14px;
  border-radius: 14px 0px 0px 14px;
  min-height: 650px;
  padding: 30px;
}
.tbc-box-billpay .tbc-box-billpay-1 .input-group,
.tbc-box-form .tbc-box-billpay-1 .input-group,
.tbc-box-billpay .tbc-box-billpay-1 .btn.selectpicker,
.tbc-box-form .tbc-box-billpay-1 .btn.selectpicker {
  width: 100%;
  color: var(--color-text-soft-dark);
}
.tbc-box-billpay .tbc-box-billpay-1 .btn.selectpicker,
.tbc-box-form .tbc-box-billpay-1 .btn.selectpicker {
  border-color: var(--color-text-disabled-default);
  height: 50px;
  font-size: 1.09375rem;
}
.tbc-box-billpay .tbc-box-billpay-1 .error,
.tbc-box-form .tbc-box-billpay-1 .error {
  text-align: center;
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content {
  min-height: 400px;
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-controls,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-controls {
  padding-top: 30px;
  border-top: 1px solid var(--color-text-disabled-dark);
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-controls .btn,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-controls .btn {
  min-width: 270px;
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text {
  padding-left: 20px;
  float: left;
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text .ib-loader-overlay,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text .ib-loader-overlay {
  margin: 0 auto;
  text-align: center;
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text .ib-loader-overlay .ib-loader,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text .ib-loader-overlay .ib-loader {
  left: 700%;
}
@media (max-width: 1280px) {
  .tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text,
  .tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text {
    padding-left: 20px;
  }
  .tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text .ib-loader-overlay .ib-loader,
  .tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text .ib-loader-overlay .ib-loader {
    left: 500%;
  }
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text span,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-left .checkid-text span {
  color: var(--color-text-soft-inverted);
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-right,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-right {
  padding-left: 40px;
  padding-top: 439px;
}
.tbc-box-billpay .tbc-box-billpay-1 .tbc-billpay-content-right .btn,
.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content-right .btn {
  width: 100%;
}
.tbc-box-billpay.welcome .tbc-box-billpay-1,
.welcome.tbc-box-form .tbc-box-billpay-1 {
  background-color: var(--color-text-strong-light);
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 1.09375rem;
  background-size: auto 19%;
}
@media only screen and (max-width: 79.9375em) {
  .tbc-box-billpay.welcome .tbc-box-billpay-1,
  .welcome.tbc-box-form .tbc-box-billpay-1 {
    background-size: auto 15%;
  }
}
.tbc-box-billpay.welcome .tbc-box-billpay-1 .tbc-billpay-content,
.welcome.tbc-box-form .tbc-box-billpay-1 .tbc-billpay-content {
  min-height: 514px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box-billpay.welcome .tbc-box-billpay-1 .btn,
.welcome.tbc-box-form .tbc-box-billpay-1 .btn {
  width: 270px;
}
.tbc-box-billpay .tbc-box-billpay-2,
.tbc-box-form .tbc-box-billpay-2,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2,
.tbc-box-form .tbc-box-form-2 {
  background-color: transparent;
  min-height: 500px;
  -webkit-border-radius: 0px 14px 14px 0px;
  -moz-border-radius: 0px 14px 14px 0px;
  border-radius: 0px 14px 14px 0px;
  padding: 30px;
}
.tbc-box-billpay .tbc-box-billpay-2 ul,
.tbc-box-form .tbc-box-billpay-2 ul,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 ul,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 ul,
.tbc-box-form .tbc-box-form-2 ul {
  padding-left: 0;
}
.tbc-box-billpay .tbc-box-billpay-2 li.tbc-box-billpay-link,
.tbc-box-form .tbc-box-billpay-2 li.tbc-box-billpay-link,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.tbc-box-billpay-link,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.tbc-box-billpay-link,
.tbc-box-form .tbc-box-form-2 li.tbc-box-billpay-link {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left center;
  list-style: none;
  height: 43px;
  line-height: 43px;
  padding-left: 45px;
  margin-bottom: 20px;
}
.tbc-box-billpay .tbc-box-billpay-2 li.light,
.tbc-box-form .tbc-box-billpay-2 li.light,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.light,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.light,
.tbc-box-form .tbc-box-form-2 li.light {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-bubl.png);
}
.tbc-box-billpay .tbc-box-billpay-2 li.water,
.tbc-box-form .tbc-box-billpay-2 li.water,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.water,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.water,
.tbc-box-form .tbc-box-form-2 li.water {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-water.png);
}
.tbc-box-billpay .tbc-box-billpay-2 li.gas,
.tbc-box-form .tbc-box-billpay-2 li.gas,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.gas,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.gas,
.tbc-box-form .tbc-box-form-2 li.gas {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-gas.png);
}
.tbc-box-billpay .tbc-box-billpay-2 li.phone,
.tbc-box-form .tbc-box-billpay-2 li.phone,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.phone,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.phone,
.tbc-box-form .tbc-box-form-2 li.phone {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-phone.png);
}
.tbc-box-billpay .tbc-box-billpay-2 li.internet,
.tbc-box-form .tbc-box-billpay-2 li.internet,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.internet,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.internet,
.tbc-box-form .tbc-box-form-2 li.internet {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-internet.png);
}
.tbc-box-billpay .tbc-box-billpay-2 li.recycled,
.tbc-box-form .tbc-box-billpay-2 li.recycled,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.recycled,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.recycled,
.tbc-box-form .tbc-box-form-2 li.recycled {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-recycled.png);
}
.tbc-box-billpay .tbc-box-billpay-2 li.charity,
.tbc-box-form .tbc-box-billpay-2 li.charity,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.charity,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.charity,
.tbc-box-form .tbc-box-form-2 li.charity {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-charity.png);
}
.tbc-box-billpay .tbc-box-billpay-2 li.gambling,
.tbc-box-form .tbc-box-billpay-2 li.gambling,
.tbc-box-billpay .tbc-box-form .tbc-box-form-2 li.gambling,
.tbc-box-form .tbc-box-billpay .tbc-box-form-2 li.gambling,
.tbc-box-form .tbc-box-form-2 li.gambling {
  background-image: url(/tbcrd/assets/img/bill-payment/bill-payment-gambling.png);
}
.tbc-box-billpay .tbc-box-billpay-new-form .service-list,
.tbc-box-form .tbc-box-billpay-new-form .service-list {
  margin-top: 25px;
}
.tbc-box-billpay .tbc-box-billpay-new-form .service-list div.item,
.tbc-box-form .tbc-box-billpay-new-form .service-list div.item {
  padding-bottom: 25px;
}
.tbc-box-billpay .tbc-box-billpay-new-form .service-list div.item a img,
.tbc-box-form .tbc-box-billpay-new-form .service-list div.item a img,
.tbc-box-billpay .tbc-box-billpay-new-form .service-list div.item > div img,
.tbc-box-form .tbc-box-billpay-new-form .service-list div.item > div img {
  height: 50px;
  width: 50px;
}
.tbc-box-billpay .tbc-box-billpay-new-form .service-list div.item a div,
.tbc-box-form .tbc-box-billpay-new-form .service-list div.item a div,
.tbc-box-billpay .tbc-box-billpay-new-form .service-list div.item > div div,
.tbc-box-form .tbc-box-billpay-new-form .service-list div.item > div div {
  padding-left: 15px;
  text-align: left;
  width: 100%;
}
.tbc-box-billpay .tbc-box-billpay-new-form .service-list div.item .selectpicker,
.tbc-box-form .tbc-box-billpay-new-form .service-list div.item .selectpicker {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 20px;
  padding-left: 5px;
  text-align: center;
}
.tbc-box-billpay .tbc-box-billpay-new-form .verification-block,
.tbc-box-form .tbc-box-billpay-new-form .verification-block {
  display: inline-block;
}
.tbc-box-billpay .tbc-box-billpay-new-form input,
.tbc-box-form .tbc-box-billpay-new-form input {
  font-size: 14px;
}
.tbc-box-billpay .tbc-box-billpay-new-form button,
.tbc-box-form .tbc-box-billpay-new-form button {
  border-width: 1px;
}
.tbc-box-billpay .tbc-box-billpay-new-form .paybill-customer-payment-info,
.tbc-box-form .tbc-box-billpay-new-form .paybill-customer-payment-info {
  height: 0;
}
.tbc-box-billpay .tbc-box-billpay-new-form .paybill-customer-id-block input,
.tbc-box-form .tbc-box-billpay-new-form .paybill-customer-id-block input {
  text-align: center;
}
.tbc-box-billpay .tbc-box-billpay-new-form .paybill-debt-input-container .paybill-debt-currency,
.tbc-box-form .tbc-box-billpay-new-form .paybill-debt-input-container .paybill-debt-currency {
  position: relative;
  bottom: 40px;
  left: calc(100% - 50px);
  width: 0;
  height: 0;
  font-size: 18px;
  color: var(--color-text-soft-inverted);
  pointer-events: none;
}
.tbc-box-billpay .tbc-box-billpay-new,
.tbc-box-form .tbc-box-billpay-new {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  background-color: var(--color-text-strong-light);
  min-height: 652px;
  padding: 30px;
}
.tbc-box-billpay .tbc-box-billpay-new .select-region-label,
.tbc-box-form .tbc-box-billpay-new .select-region-label {
  height: 40px;
}
.tbc-box-billpay .tbc-box-billpay-new .btn.selectpicker,
.tbc-box-form .tbc-box-billpay-new .btn.selectpicker {
  border-color: var(--color-text-disabled-default);
  height: 50px;
}
.tbc-box-billpay .tbc-box-billpay-new .bill-check-btn,
.tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
.tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
.tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
.tbc-box-form .tbc-box-billpay-new .bill-check-btn,
.tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
.tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
.tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker {
  min-height: 62px;
  height: 62px;
}
@media (max-width: 1280px) {
  .tbc-box-billpay .tbc-box-billpay-new .bill-check-btn,
  .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay-new .bill-check-btn,
  .tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker {
    min-width: 117px;
    width: 117px;
  }
}
@media (min-width: 1280px) {
  .tbc-box-billpay .tbc-box-billpay-new .bill-check-btn,
  .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay-new .bill-check-btn,
  .tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker {
    min-width: 143px;
    width: 143px;
  }
}
@media (min-width: 1920px) {
  .tbc-box-billpay .tbc-box-billpay-new .bill-check-btn,
  .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay-new .bill-check-btn,
  .tbc-box-form .tbc-box-billpay .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-billpay .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker,
  .tbc-box-form .tbc-box-billpay-new .top-line .btn.selectpicker {
    min-width: 161px;
    width: 161px;
  }
}
.tbc-box-billpay .tbc-box-billpay-new .top-line,
.tbc-box-form .tbc-box-billpay-new .top-line {
  width: 90px;
}
.tbc-box-billpay .tbc-box-billpay-new .top-line p.small,
.tbc-box-form .tbc-box-billpay-new .top-line p.small {
  margin-left: 20px;
  line-height: 0.5em;
}
.tbc-box-billpay .tbc-box-billpay-new .input-group,
.tbc-box-form .tbc-box-billpay-new .input-group {
  width: 100%;
}
.tbc-box-billpay .tbc-box-billpay-new .item > div,
.tbc-box-form .tbc-box-billpay-new .item > div {
  border: 0 !important;
}
.tbc-box-billpay .tbc-box-billpay-new .item > div > div,
.tbc-box-form .tbc-box-billpay-new .item > div > div {
  color: var(--color-surface-high-dark-initial) !important;
}
.tbc-box-billpay .category-list,
.tbc-box-form .category-list,
.tbc-box-billpay .provider-list,
.tbc-box-form .provider-list,
.tbc-box-billpay .service-list,
.tbc-box-form .service-list {
  margin-top: 50px;
}
.tbc-box-billpay .category-list .no-location,
.tbc-box-form .category-list .no-location,
.tbc-box-billpay .provider-list .no-location,
.tbc-box-form .provider-list .no-location,
.tbc-box-billpay .service-list .no-location,
.tbc-box-form .service-list .no-location {
  padding-bottom: 30px !important;
}
.tbc-box-billpay .category-list div.item,
.tbc-box-form .category-list div.item,
.tbc-box-billpay .provider-list div.item,
.tbc-box-form .provider-list div.item,
.tbc-box-billpay .service-list div.item,
.tbc-box-form .service-list div.item {
  padding-bottom: 30px;
}
.tbc-box-billpay .category-list div.item a,
.tbc-box-form .category-list div.item a,
.tbc-box-billpay .category-list div.item > div,
.tbc-box-form .category-list div.item > div,
.tbc-box-billpay .provider-list div.item a,
.tbc-box-form .provider-list div.item a,
.tbc-box-billpay .provider-list div.item > div,
.tbc-box-form .provider-list div.item > div,
.tbc-box-billpay .service-list div.item a,
.tbc-box-form .service-list div.item a,
.tbc-box-billpay .service-list div.item > div,
.tbc-box-form .service-list div.item > div {
  border-radius: 4px;
  text-decoration: none;
}
.tbc-box-billpay .category-list div.item a img,
.tbc-box-form .category-list div.item a img,
.tbc-box-billpay .category-list div.item a div,
.tbc-box-form .category-list div.item a div,
.tbc-box-billpay .category-list div.item > div img,
.tbc-box-form .category-list div.item > div img,
.tbc-box-billpay .category-list div.item > div div,
.tbc-box-form .category-list div.item > div div,
.tbc-box-billpay .provider-list div.item a img,
.tbc-box-form .provider-list div.item a img,
.tbc-box-billpay .provider-list div.item a div,
.tbc-box-form .provider-list div.item a div,
.tbc-box-billpay .provider-list div.item > div img,
.tbc-box-form .provider-list div.item > div img,
.tbc-box-billpay .provider-list div.item > div div,
.tbc-box-form .provider-list div.item > div div,
.tbc-box-billpay .service-list div.item a img,
.tbc-box-form .service-list div.item a img,
.tbc-box-billpay .service-list div.item a div,
.tbc-box-form .service-list div.item a div,
.tbc-box-billpay .service-list div.item > div img,
.tbc-box-form .service-list div.item > div img,
.tbc-box-billpay .service-list div.item > div div,
.tbc-box-form .service-list div.item > div div {
  display: table-cell;
}
.tbc-box-billpay .category-list div.item a img,
.tbc-box-form .category-list div.item a img,
.tbc-box-billpay .category-list div.item > div img,
.tbc-box-form .category-list div.item > div img,
.tbc-box-billpay .provider-list div.item a img,
.tbc-box-form .provider-list div.item a img,
.tbc-box-billpay .provider-list div.item > div img,
.tbc-box-form .provider-list div.item > div img,
.tbc-box-billpay .service-list div.item a img,
.tbc-box-form .service-list div.item a img,
.tbc-box-billpay .service-list div.item > div img,
.tbc-box-form .service-list div.item > div img {
  height: 100px;
  width: 100px;
}
.tbc-box-billpay .category-list div.item a div,
.tbc-box-form .category-list div.item a div,
.tbc-box-billpay .category-list div.item > div div,
.tbc-box-form .category-list div.item > div div,
.tbc-box-billpay .provider-list div.item a div,
.tbc-box-form .provider-list div.item a div,
.tbc-box-billpay .provider-list div.item > div div,
.tbc-box-form .provider-list div.item > div div,
.tbc-box-billpay .service-list div.item a div,
.tbc-box-form .service-list div.item a div,
.tbc-box-billpay .service-list div.item > div div,
.tbc-box-form .service-list div.item > div div {
  text-align: center;
  width: 100%;
}
.tbc-box-billpay .category-list div.item a,
.tbc-box-form .category-list div.item a,
.tbc-box-billpay .provider-list div.item a,
.tbc-box-form .provider-list div.item a,
.tbc-box-billpay .service-list div.item a,
.tbc-box-form .service-list div.item a {
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
  width: 95%;
}
.tbc-box-billpay .category-list div.item:nth-child(3n+2) a,
.tbc-box-form .category-list div.item:nth-child(3n+2) a,
.tbc-box-billpay .provider-list div.item:nth-child(3n+2) a,
.tbc-box-form .provider-list div.item:nth-child(3n+2) a,
.tbc-box-billpay .service-list div.item:nth-child(3n+2) a,
.tbc-box-form .service-list div.item:nth-child(3n+2) a {
  margin: 0 auto;
}
.tbc-box-billpay .category-list div.item:nth-child(3n) a,
.tbc-box-form .category-list div.item:nth-child(3n) a,
.tbc-box-billpay .provider-list div.item:nth-child(3n) a,
.tbc-box-form .provider-list div.item:nth-child(3n) a,
.tbc-box-billpay .service-list div.item:nth-child(3n) a,
.tbc-box-form .service-list div.item:nth-child(3n) a {
  float: right;
}
.tbc-box-billpay .category-list div.item a,
.tbc-box-form .category-list div.item a {
  background-color: var(--color-icon-primary-initial);
  color: var(--color-text-strong-light);
}
.tbc-box-billpay .category-list div.item a:hover,
.tbc-box-form .category-list div.item a:hover {
  background-color: var(--color-stroke-primary-initial);
}
.tbc-box-billpay .provider-list div.item a,
.tbc-box-form .provider-list div.item a,
.tbc-box-billpay .provider-list div.item > div,
.tbc-box-form .provider-list div.item > div,
.tbc-box-billpay .service-list div.item a,
.tbc-box-form .service-list div.item a,
.tbc-box-billpay .service-list div.item > div,
.tbc-box-form .service-list div.item > div {
  background-color: var(--color-text-strong-light);
  border: 1px solid var(--color-surface-low-initial);
  color: var(--color-surface-high-dark-initial);
}
.tbc-box-billpay .provider-list div.item a:hover,
.tbc-box-form .provider-list div.item a:hover,
.tbc-box-billpay .service-list div.item a:hover,
.tbc-box-form .service-list div.item a:hover {
  background-color: var(--color-surface-low-initial);
}
.modal-dialog.modal-paybill .tbc-radio label .group-radio-control-container,
.modal-paybill-grouped .tbc-radio label .group-radio-control-container {
  text-align: center;
}
.modal-dialog.modal-paybill .tbc-radio label .group-radio-control-container span,
.modal-paybill-grouped .tbc-radio label .group-radio-control-container span {
  width: 17px !important;
  height: 17px !important;
}
.modal-dialog.modal-paybill .tbc-radio label .group-radio-control-container span::after,
.modal-paybill-grouped .tbc-radio label .group-radio-control-container span::after {
  background-size: 7px 7px !important;
}
.modal-dialog.modal-paybill.modal-confirmation .bill-payments {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog.modal-paybill.modal-confirmation .deviceType .dev-td:last-child {
  margin-right: 9px;
  float: right;
}
.modal-dialog.modal-paybill {
  width: 45%;
  max-width: 650px;
}
.modal-dialog.modal-paybill a,
.modal-dialog.modal-paybill a:hover {
  cursor: pointer;
  color: var(--color-icon-primary-initial);
}
.modal-dialog.modal-paybill a.arrow-left,
.modal-dialog.modal-paybill a:hover.arrow-left {
  min-width: 45px !important;
}
.modal-dialog.modal-paybill.modal-paybill-rename {
  min-width: 385px;
  width: 385px;
  max-width: 385px;
}
.modal-dialog.modal-paybill.modal-paybill-rename .modal-body,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-error-body,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-success-body,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-header,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-error-content .modal-error-header,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-error-header,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-success-content .modal-success-header,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-success-header {
  padding-left: 30px;
}
.modal-dialog.modal-paybill.modal-paybill-rename .modal-content,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-error-content,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-success-content {
  padding-left: 0;
}
.modal-dialog.modal-paybill.modal-paybill-rename .modal-header,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-error-content .modal-error-header,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-error-header,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-success-content .modal-success-header,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-success-header {
  margin-left: 30px;
  padding-left: 0 !important;
}
.modal-dialog.modal-paybill.modal-paybill-rename .modal-header button.close,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-error-content .modal-error-header button.close,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-error-header button.close,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-success-content .modal-success-header button.close,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-success-header button.close {
  margin-right: 20px !important;
}
.modal-dialog.modal-paybill.modal-paybill-rename .modal-footer,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-error-content .modal-error-footer,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-error-footer,
.modal-dialog.modal-paybill.modal-paybill-rename .modal-success-content .modal-success-footer,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-rename .modal-success-footer {
  padding-top: 0 !important;
}
.modal-dialog.modal-paybill.modal-paybill-compact {
  min-width: 445px;
  width: 445px;
  max-width: 445px;
}
.modal-dialog.modal-paybill.modal-paybill-compact .modal-footer,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-error-content .modal-error-footer,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-compact .modal-error-footer,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-success-content .modal-success-footer,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-compact .modal-success-footer {
  padding-top: 0 !important;
  padding-left: 20px !important;
}
.modal-dialog.modal-paybill.modal-paybill-compact .modal-body,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-compact .modal-error-body,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-compact .modal-success-body {
  padding-left: 30px;
  padding-bottom: 15px;
}
.modal-dialog.modal-paybill.modal-paybill-compact .modal-header,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-error-content .modal-error-header,
.modal-error-content .modal-dialog.modal-paybill.modal-paybill-compact .modal-error-header,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-success-content .modal-success-header,
.modal-success-content .modal-dialog.modal-paybill.modal-paybill-compact .modal-success-header {
  margin-left: 30px;
}
.modal-dialog.modal-paybill.modal-paybill-compact .modal-content,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-error-content,
.modal-dialog.modal-paybill.modal-paybill-compact .modal-success-content {
  padding-left: 0;
}
.modal-dialog.modal-paybill.modal-paybill-compact .radio {
  margin-top: 15px;
}
.modal-dialog.modal-paybill .input-group-name {
  width: calc(100% - 20px);
}
.modal-dialog.modal-paybill .modal-body,
.modal-dialog.modal-paybill .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog.modal-paybill .modal-error-body,
.modal-dialog.modal-paybill .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog.modal-paybill .modal-success-body {
  padding: 0 0 30px 0;
}
.modal-dialog.modal-paybill .modal-body .signature-item,
.modal-dialog.modal-paybill .modal-error-content .modal-error-body .signature-item,
.modal-error-content .modal-dialog.modal-paybill .modal-error-body .signature-item,
.modal-dialog.modal-paybill .modal-success-content .modal-success-body .signature-item,
.modal-success-content .modal-dialog.modal-paybill .modal-success-body .signature-item {
  margin-top: 10px;
}
.modal-dialog.modal-paybill .modal-footer.big-footer,
.modal-dialog.modal-paybill .modal-error-content .big-footer.modal-error-footer,
.modal-error-content .modal-dialog.modal-paybill .big-footer.modal-error-footer,
.modal-dialog.modal-paybill .modal-success-content .big-footer.modal-success-footer,
.modal-success-content .modal-dialog.modal-paybill .big-footer.modal-success-footer {
  padding: 0 20px 20px 0;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment {
  padding: 5px 0;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment:after {
  content: "";
  display: block;
  clear: both;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment > div {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: left;
  float: left;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment > div.image {
  width: 70px;
  padding-right: 20px;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment > div.image img {
  border: none;
  height: 50px;
  width: 50px;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment > div.name {
  width: calc(100% - 275px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 25px;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment > div.fee {
  width: 80px;
  text-align: right;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment > div.amount {
  width: 125px;
  padding-right: 40px;
  text-align: right;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment.head {
  border-bottom: 1px solid var(--color-text-disabled-dark);
  border-top: 1px solid var(--color-text-disabled-dark);
}
.modal-dialog.modal-paybill .bill-payments .bill-payment.head > div {
  height: 30px;
  line-height: 30px;
}
.modal-dialog.modal-paybill .bill-payments .bill-payment.head > div.name {
  width: calc(100% - 205px);
}
.modal-dialog.modal-paybill-grouped {
  width: 65%;
  max-width: 1024px;
}
.modal-dialog.modal-paybill-grouped .add {
  line-height: 18px !important;
}
.modal-dialog.modal-paybill-grouped .add span {
  height: 18px !important;
}
.modal-dialog.modal-paybill-grouped .bill-table li.list-group-item {
  padding-left: 3px !important;
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay,
.modal-dialog.modal-paybill-grouped .tbc-box-form {
  margin-bottom: 0;
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-billpay-2,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-billpay-2,
.tbc-box-form .modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-form-2,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-form-2 {
  min-height: 500px;
  background-position: center 190px;
  border-left: 0px;
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-billpay-2 .tbc-box-billpay-2,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-billpay-2 .tbc-box-billpay-2,
.tbc-box-form .modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-form-2 .tbc-box-billpay-2,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-form-2 .tbc-box-billpay-2,
.modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-billpay-2 .tbc-box-form .tbc-box-form-2,
.tbc-box-form .modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-billpay-2 .tbc-box-form-2,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-billpay-2 .tbc-box-form-2,
.tbc-box-form .modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-form-2 .tbc-box-form-2,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-form-2 .tbc-box-form-2 {
  min-height: 425px;
  width: 100%;
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-billpay-1,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-billpay-1 {
  max-height: 100%;
  border-radius: 0;
  box-shadow: none;
  min-height: 0;
  height: 500px;
  padding-bottom: 30px !important;
  background: var(--color-text-strong-light);
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-billpay-1 .header,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-billpay-1 .header {
  background: var(--color-text-strong-light) !important;
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay .tbc-box-billpay-1 .bill-table,
.modal-dialog.modal-paybill-grouped .tbc-box-form .tbc-box-billpay-1 .bill-table {
  height: 430px;
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay .btn-primary,
.modal-dialog.modal-paybill-grouped .tbc-box-form .btn-primary {
  height: 45px;
  line-height: 45px;
}
.modal-dialog.modal-paybill-grouped .tbc-box-billpay a,
.modal-dialog.modal-paybill-grouped .tbc-box-form a {
  cursor: pointer;
}
.modal-dialog.modal-paybill-grouped .bill-table {
  height: 390px;
  margin-bottom: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.modal-dialog.modal-paybill-grouped .bill-table li {
  background: var(--color-text-strong-light) !important;
}
.modal-dialog.modal-paybill-grouped .modal-body,
.modal-dialog.modal-paybill-grouped .modal-error-content .modal-error-body,
.modal-error-content .modal-dialog.modal-paybill-grouped .modal-error-body,
.modal-dialog.modal-paybill-grouped .modal-success-content .modal-success-body,
.modal-success-content .modal-dialog.modal-paybill-grouped .modal-success-body {
  padding: 0;
}
.modal-dialog.modal-paybill-grouped .modal-header,
.modal-dialog.modal-paybill-grouped .modal-error-content .modal-error-header,
.modal-error-content .modal-dialog.modal-paybill-grouped .modal-error-header,
.modal-dialog.modal-paybill-grouped .modal-success-content .modal-success-header,
.modal-success-content .modal-dialog.modal-paybill-grouped .modal-success-header {
  padding-left: 30px;
}
.modal-dialog.modal-paybill-grouped .modal-footer,
.modal-dialog.modal-paybill-grouped .modal-error-content .modal-error-footer,
.modal-error-content .modal-dialog.modal-paybill-grouped .modal-error-footer,
.modal-dialog.modal-paybill-grouped .modal-success-content .modal-success-footer,
.modal-success-content .modal-dialog.modal-paybill-grouped .modal-success-footer {
  display: none;
}
.modal-dialog.modal-paybill-grouped .modal-content,
.modal-dialog.modal-paybill-grouped .modal-error-content,
.modal-dialog.modal-paybill-grouped .modal-success-content {
  padding-left: 0;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment {
  padding: 5px 0;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment:after {
  content: "";
  display: block;
  clear: both;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment > div {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: left;
  float: left;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment > div.image {
  width: 70px;
  padding-right: 20px;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment > div.image img {
  border: none;
  height: 50px;
  width: 50px;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment > div.name {
  width: calc(100% - 275px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 25px;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment > div.fee {
  width: 80px;
  text-align: right;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment > div.amount {
  width: 125px;
  padding-right: 40px;
  text-align: right;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment.head {
  border-bottom: 1px solid var(--color-text-disabled-dark);
  border-top: 1px solid var(--color-text-disabled-dark);
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment.head > div {
  height: 30px;
  line-height: 30px;
}
.modal-dialog.modal-paybill-grouped .bill-payments .bill-payment.head > div.name {
  width: calc(100% - 205px);
}
.group-default-name-radio-container {
  display: flex;
}
.group-default-name-radio-container .tbc-radio {
  margin-left: 10px;
}
.group-default-name-radio-container .tbc-radio:first-child {
  margin-left: 0;
}
.group-radio-label {
  display: flex;
}
.group-radio-label .group-radio-control-container {
  margin-top: 10px;
  margin-left: auto;
}
.group-radio-label .group-name-container {
  margin-top: 10px;
}
.group-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50px;
  margin-right: 12px;
  background: var(--color-surface-primary-subtle-initial);
}
.group-icon-container img {
  width: 18px !important;
  height: 18px !important;
}
.paybill-group-form {
  max-height: 240px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.tbc-radio-vertical-list.list-compact-scroll {
  max-height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.tbc-radio.tbc-radio-vertical-list-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.tbc-radio.tbc-radio-vertical-list-item .group-radio-control-container span {
  margin: auto;
}
@keyframes showSelected {
  0% {
    background-color: var(--color-text-soft-default) !important;
  }
  90% {
    background-color: var(--color-text-soft-default) !important;
  }
  100% {
    background-color: inherit;
  }
}
.highlightPaymentId {
  animation: showSelected 20s ease;
}
.tooltip-fix .bill-table,
.tooltip-fix .bill-table li,
.tooltip-fix .bill-table .text {
  overflow: visible !important;
}
.pay-bill-btn {
  width: 100px !important;
}
.check-btn {
  height: 60px !important;
}
.icon {
  text-align: center;
}
.icon img {
  max-height: 48px;
  max-width: 48px;
}
.icon img:not(.group-icon) {
  border: 1px solid var(--color-stroke-soft-initial);
  margin-right: 12px;
  border-radius: 50%;
  min-height: 48px;
  min-width: 48px;
}
.tbc-box-billpay-1 .header.active {
  background-color: var(--color-surface-primary-initial) !important;
  color: var(--color-text-strong-light) !important;
}
.pay-bill-btn {
  height: 18px !important;
  margin-bottom: 16px;
}
button {
  border-radius: 4px !important;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.box-message {
  background: var(--color-stroke-primary-initial);
  text-align: center;
  color: var(--color-text-strong-light) !important;
  line-height: 75px;
}
.product-image {
  position: relative;
}
.product-image.account {
  background-image: url(/tbcrd/assets/img/transfers/icon-which-blue.png);
}
.product-image.saving {
  background-image: url(/tbcrd/assets/img/transfers/icon-budget-blue.png);
}
.product-image.deposit {
  background-image: url(/tbcrd/assets/img/transfers/icon-box-blue.png);
}
.product-image.loan {
  background-image: url(/tbcrd/assets/img/transfers/icon-money-blue.png);
}
.product-image.loan.mortgage {
  background-image: url(/tbcrd/assets/img/transfers/icon-home-blue.png);
}
.product-image.travel {
  background-image: url(/tbcrd/assets/img/transfers/icon-travel-blue.png);
}
.product-image.no-image {
  background-image: url(/tbcrd/assets/img/transfers/icon-budget-blue.png);
}
.product-image.cardtype {
  background-image: url(/tbcrd/assets/img/transfers/icon-card-blue.png);
}
.product-image.prime {
  background: transparent url(/tbcrd/assets/img/transfers/icon-a_200_27.jpg) no-repeat center center;
}
.product-image.small-image {
  position: relative;
}
.product-image.small-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.productSubDetail {
  color: var(--color-icon-primary-initial);
  text-align: center;
  padding: 30px;
}
.product-link,
.carousel-link {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -o-transition: 500ms;
  -moz-transition: 500ms;
  transition: 500ms;
  display: block;
  position: absolute;
  height: 44px;
  width: 44px;
  top: 86px;
  background-color: var(--color-icon-primary-initial);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  z-index: 9999;
}
.product-link.disabled,
.carousel-link.disabled {
  background-color: var(--color-text-disabled-default);
  display: none;
}
.product-link.previous-link,
.carousel-link.previous-link {
  left: -70px;
  background-image: url(/tbcrd/assets/img/login/arrow-left-white.svg);
  background-size: 11px 19px;
}
@media (min-width: 1280px) and (max-width: 1330px) {
  .product-link.previous-link,
  .carousel-link.previous-link {
    left: -21px;
  }
}
@media (max-width: 1140px) {
  .product-link.previous-link,
  .carousel-link.previous-link {
    left: -21px;
  }
}
.product-link.previous-link:hover,
.carousel-link.previous-link:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.product-link.next-link,
.carousel-link.next-link {
  right: -70px;
  background-image: url(/tbcrd/assets/img/login/arrow-right-white.svg);
  background-size: 11px 19px;
}
@media (min-width: 1280px) and (max-width: 1330px) {
  .product-link.next-link,
  .carousel-link.next-link {
    right: -21px;
  }
}
@media (max-width: 1140px) {
  .product-link.next-link,
  .carousel-link.next-link {
    right: -21px;
  }
}
.product-link.next-link:hover,
.carousel-link.next-link:hover {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.product-links .product-dots {
  margin-top: -30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.product-links .product-dot {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0 2px;
  border-radius: 4px;
  background-color: var(--color-text-disabled-default);
}
.product-links .product-dot.active {
  background-color: var(--color-icon-primary-initial);
}
.tbc-box-products {
  padding: 0;
  color: var(--color-text-soft-dark);
  overflow: visible;
}
.tbc-box-products .product-header {
  padding: 15px 60px 15px 30px;
  background: var(--color-surface-higher-initial);
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  overflow: hidden;
  -webkit-border-radius: 14px 14px 0 0;
  -moz-border-radius: 14px 14px 0 0;
  border-radius: 14px 14px 0 0;
}
.tbc-box-products .product-header-title {
  float: left;
  margin: 0;
  font-size: 1.25em;
}
.tbc-box-products .product-total {
  float: right;
  font-size: 1em;
  white-space: nowrap;
}
.tbc-box-products .product-list {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}
.tbc-box-products .product-list-header {
  display: table-row;
}
.tbc-box-products .product-list-header-title {
  display: table-cell;
  padding: 0.5em 0;
  font-size: 0.9em;
  line-height: 1.25em;
  text-align: right;
  vertical-align: middle;
}
.tbc-box-products .product {
  display: table-row;
  cursor: pointer;
}
.tbc-box-products .product:hover .product-action {
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
}
.tbc-box-products .product:last-child .product-cell {
  padding-bottom: 25px;
}
.tbc-box-products .product:last-child .product-cell.product-image-cell {
  padding-bottom: 22px;
}
.tbc-box-products .product-cell {
  display: table-cell;
  padding: 17px 0;
  font-size: 14px;
  line-height: 1.25em;
  text-align: right;
  vertical-align: middle;
  border-top: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box-products .product-cell.product-image-cell {
  width: 110px;
  text-align: center;
  padding: 7px 0;
}
.tbc-box-products .product-cell.product-image-cell img {
  transform: scale(0.85);
}
.tbc-box-products .product-cell.product-image-cell .product-card ib-image-resolver img {
  transform: scale(0.7);
}
.tbc-box-products .product-cell.product-image-cell .product-card:nth-child(1) {
  z-index: 8;
}
.tbc-box-products .product-cell.product-image-cell .product-card:nth-child(1) ib-image-resolver img {
  z-index: 8;
}
.tbc-box-products .product-cell.product-image-cell .product-card:nth-child(2) {
  transform: translateY(4px) translateX(4px);
  margin-top: -50px;
  z-index: 9;
}
.tbc-box-products .product-cell.product-image-cell .product-card:nth-child(2) ib-image-resolver img {
  z-index: 9;
}
.tbc-box-products .product-cell.product-image-cell .product-card:nth-child(3) {
  transform: translateY(8px) translateX(8px);
  margin-top: -50px;
  z-index: 10;
}
.tbc-box-products .product-cell.product-image-cell .product-card:nth-child(3) ib-image-resolver img {
  z-index: 10;
}
.tbc-box-products .product-cell.product-image-cell .product-card:nth-child(n+4) {
  display: none;
}
.tbc-box-products .product-cell.product-main-cell {
  color: var(--color-text-soft-inverted);
  line-height: 1.33em;
  text-align: left;
}
.tbc-box-products .product-cell.product-main-cell .product-name {
  display: inline-block;
  height: 23px;
  vertical-align: text-bottom;
}
.tbc-box-products .product-cell.product-main-cell .info-hint {
  display: inline-block;
  margin-left: 10px;
}
.tbc-box-products .product-cell.info-cell {
  text-align: left;
}
.tbc-box-products .product-cell.info-cell .info-hint {
  font-size: 1em;
}
.tbc-box-products .product-cell.action-cell {
  width: 60px;
  text-align: center;
}
.tbc-box-products .product-cell.error-cell {
  color: var(--color-surface-negative-initial);
}
.tbc-box-products .product-cell.error-cell .smallfont.currency {
  color: var(--color-surface-negative-initial);
}
.tbc-box-products .product-image {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}
.tbc-box-products .product-action {
  display: inline-block;
  width: 9px;
  height: 15px;
  margin-top: 4px;
}
.tbc-box-products .product-name,
.tbc-box-products .product-balance {
  font-size: 1.1em;
  color: var(--color-text-soft-dark);
}
.tbc-box-products .smallfont.currency {
  font-size: 0.8em;
  padding-left: 0.25em;
}
.tbc-box-products.align-columns .product-main-cell {
  width: 400px;
}
@media (max-width: 1280px) {
  .tbc-box-products.align-columns .product-main-cell {
    width: 300px;
  }
}
.tbc-box-product {
  padding: 0;
  color: var(--color-text-soft-dark);
  overflow: visible;
}
.tbc-box-product.deposit {
  overflow: visible;
}
.tbc-box-product.i-wish editable-label .pad label span {
  line-height: inherit;
  font-size: 16px !important;
}
.tbc-box-product.i-wish editable-label .pad label span.icon {
  height: 20px;
}
.tbc-box-product.i-wish editable-label .pad input {
  font-size: 16px;
  line-height: 16px;
  height: 100%;
}
.tbc-box-product.i-wish .product-image.i-wish {
  background-image: url(/tbcrd/assets/img/transfers/icon-budget-blue.png);
  background-repeat: no-repeat;
  background-position: center;
}
.tbc-box-product .product-main-info {
  height: 220px;
  padding: 30px;
  width: 55% !important;
  padding-right: 5px;
}
.tbc-box-product .product-main-info span.credit-limit {
  color: var(--color-text-soft-inverted);
}
.tbc-box-product .product-image {
  float: left;
  width: 80px;
  height: 80px;
  margin: 2px 30px 2px 0;
  background-size: contain;
  border-radius: 25px;
  background-repeat: no-repeat;
}
.tbc-box-product .product-card-box {
  float: left;
  margin-right: 15px;
  height: 93px;
  width: 136px;
  position: relative;
}
.tbc-box-product .product-card-box .product-card {
  position: absolute;
}
.tbc-box-product .product-card-box.image-count-0 .product-card {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
.tbc-box-product .product-card-box.image-count-1 img {
  width: 88px;
  height: 62px;
}
.tbc-box-product .product-card-box.image-count-1 .product-card {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tbc-box-product .product-card-box.image-count-2 img {
  width: 88px;
  height: 62px;
}
.tbc-box-product .product-card-box.image-count-2 .product-card:nth-child(1) {
  z-index: 9;
}
.tbc-box-product .product-card-box.image-count-2 .product-card:nth-child(2) {
  transform: translateY(31px) translateX(48px);
  z-index: 10;
}
.tbc-box-product .product-card-box.image-count-3 img,
.tbc-box-product .product-card-box.image-count-4 img,
.tbc-box-product .product-card-box.image-count-5 img,
.tbc-box-product .product-card-box.image-count-6 img,
.tbc-box-product .product-card-box.image-count-7 img,
.tbc-box-product .product-card-box.image-count-8 img,
.tbc-box-product .product-card-box.image-count-9 img,
.tbc-box-product .product-card-box.image-count-10 img,
.tbc-box-product .product-card-box.image-count-11 img,
.tbc-box-product .product-card-box.image-count-12 img {
  width: 88px;
  height: 62px;
}
.tbc-box-product .product-card-box.image-count-3 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-4 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-5 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-6 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-7 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-8 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-9 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-10 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-11 .product-card:nth-child(1),
.tbc-box-product .product-card-box.image-count-12 .product-card:nth-child(1) {
  z-index: 8;
}
.tbc-box-product .product-card-box.image-count-3 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-4 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-5 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-6 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-7 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-8 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-9 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-10 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-11 .product-card:nth-child(2),
.tbc-box-product .product-card-box.image-count-12 .product-card:nth-child(2) {
  transform: translateY(15px) translateX(24px);
  z-index: 9;
}
.tbc-box-product .product-card-box.image-count-3 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-4 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-5 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-6 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-7 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-8 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-9 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-10 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-11 .product-card:nth-child(3),
.tbc-box-product .product-card-box.image-count-12 .product-card:nth-child(3) {
  transform: translateY(30px) translateX(48px);
  z-index: 10;
}
.tbc-box-product .product-card-box .product-card:nth-child(n+4) {
  display: none;
}
.tbc-box-product .product-info {
  float: left;
  font-size: 16px;
  width: 340px;
  height: 85px;
}
.tbc-box-product .product-info .product-name,
.tbc-box-product .product-info .product-subtype,
.tbc-box-product .product-info .product-iban,
.tbc-box-product .product-info .product-total {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  height: 24px;
  line-height: 24px;
}
.tbc-box-product .product-info .product-subtype {
  height: 25px;
}
.tbc-box-product .product-info .product-subtype .subtype,
.tbc-box-product .product-info .product-subtype .credit-limit {
  vertical-align: super;
}
.tbc-box-product .product-info .product-name {
  line-height: 41px;
  height: 45px;
  margin: -10px 0 5px -10px;
  font-size: 20px;
}
@media (min-width: 1280px) {
  .tbc-box-product .product-info {
    width: 460px;
  }
}
@media (min-width: 1920px) {
  .tbc-box-product .product-info {
    width: 530px;
  }
}
.tbc-box-product .product-actions {
  padding-top: 30px;
  clear: left;
}
.tbc-box-product .product-actions .btn {
  border-width: 2px;
  font-size: 15px;
}
.tbc-box-product .product-action {
  width: 200px;
  padding: 11px;
  float: left;
  margin-left: 30px;
}
.tbc-box-product .product-action:first-child {
  margin-left: 0;
}
.tbc-box-product .product-detail h3 {
  font-size: 20px;
}
.tbc-box-product .product-detail .col-md-7 {
  border-right: 1px solid var(--color-stroke-soft-initial);
  padding-left: 0;
  padding-right: 0;
}
.tbc-box-product .product-detail .col-md-5 {
  padding-left: 0;
  padding-right: 0;
}
.tbc-box-product .product-detail .col-md-5 ib-detail-item .product-detail-label,
.tbc-box-product .product-detail .col-md-5 .ib-detail-item .product-detail-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tbc-box-product.deposit.cancelation .productSubDetail {
  color: var(--color-icon-primary-initial);
  text-align: center;
}
.tbc-box-product .col-md-5.productSubDetail {
  text-align: center;
  padding: 30px;
}
.tbc-box-product .product-detail-info {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
  height: 220px;
  padding: 30px;
  width: 45% !important;
  background: var(--color-surface-higher-initial);
  border-left: 1px solid var(--color-stroke-soft-initial);
  font-size: 0.875rem;
}
.tbc-box-product .product-detail-info .fix-column {
  max-width: 194px;
}
.tbc-box-product .product-detail-info.product-child-card {
  background-image: url(/tbcrd/assets/img/accounts/child-card-bg-big.png);
  background-repeat: no-repeat;
}
.tbc-box-product .product-balance {
  display: inline-block;
  font-size: 30px;
  margin-bottom: 10px;
}
.tbc-box-product .product-info-label {
  display: inline-block;
  width: 190px;
  font-size: 0.875rem;
}
.tbc-box-product .product-info-label.long {
  width: 212px;
}
.tbc-box-product .product-info-label-title {
  font-size: 16px;
}
.tbc-box-product .no-amount-info {
  margin-top: 74px;
}
.tbc-box-product .error-text {
  color: var(--color-surface-negative-initial);
}
.tbc-box-product .error-text .smallfont {
  color: var(--color-surface-negative-initial);
}
.tbc-box-product .product-tabs {
  padding: 15px 60px 15px 30px;
  background: var(--color-surface-higher-initial);
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.tbc-box-product .product-tab {
  display: inline-block;
  margin-right: 30px;
  padding: 8px 0 6px;
  color: var(--color-text-disabled-default);
  font-size: 15px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.tbc-box-product .product-tab.selected {
  color: var(--color-text-soft-dark);
  border-color: var(--color-icon-primary-initial);
}
.tbc-box-product .product-detail-header {
  padding: 0 30px;
  color: var(--color-text-soft-dark);
  font-size: 0.9em;
  line-height: 2em;
  font-weight: bold;
}
.tbc-box-product ib-detail-item,
.tbc-box-product .ib-detail-item {
  display: block;
  padding: 10px 30px;
  font-size: 1em;
  line-height: 1.5em;
  overflow: hidden;
  border-top: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box-product ib-detail-item.border-bottom,
.tbc-box-product .ib-detail-item.border-bottom {
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box-product ib-detail-item:first-child,
.tbc-box-product .ib-detail-item:first-child {
  border-top: 0 solid transparent;
}
.tbc-box-product .detail-item-block {
  overflow: hidden;
  display: flex;
}
.tbc-box-product .detail-item-block.not-border {
  border-top: 0 solid transparent;
}
.tbc-box-product .detail-item-block.no-header {
  border-top: none;
}
.tbc-box-product ib-detail-item.no-header,
.tbc-box-product .ib-detail-item.no-header {
  border-top: none;
}
.tbc-box-product ib-detail-item.shade,
.tbc-box-product .ib-detail-item.shade {
  background-color: var(--color-surface-high-hovered);
}
.tbc-box-product .card-picture {
  position: relative;
  width: 100%;
  height: 100%;
}
.tbc-box-product .card-picture img.center {
  display: block;
  margin: 0 auto;
  padding: 50px 0;
  min-height: 215px;
}
.tbc-box-product .card-picture img {
  -webkit-border-radius: 4% "/" 6%;
  -moz-border-radius: 4% "/" 6%;
  border-radius: 4% "/" 6%;
  border-radius: 6px;
}
.tbc-box-product .card-picture ib-image-resolver {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tbc-box-product .product-detail-label {
  float: left;
}
.tbc-box-product .product-detail-value {
  float: right;
}
.tbc-box-product .product-detail-value ib-download-details {
  display: table;
}
.tbc-box-product .product-detail-value ib-download-details a {
  color: var(--color-text-soft-dark);
  display: table-cell;
  text-decoration: none;
  vertical-align: middle;
}
.tbc-box-product .product-detail-value ib-download-details a:first-child {
  padding-right: 10px;
}
.tbc-box-product .product-detail-value ib-download-details:hover {
  cursor: pointer;
}
.tbc-box-product .product-detail-value ib-download-details:hover a {
  color: var(--color-stroke-primary-initial);
}
.tbc-box-product .product-detail-value ib-download-details:hover .download-icon {
  background-image: url(/tbcrd/assets/img/products/tbc-download-icon-blue.svg);
}
.tbc-box-product .product-card-header {
  vertical-align: middle;
  padding: 0 30px;
  width: 100%;
  text-align: left;
  font-size: 13px;
  line-height: 50px;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
.tbc-box-product .movements {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}
.tbc-box-product .movements .movement.total .movement-cell {
  color: var(--color-text-strong-default);
}
.tbc-box-product .movement-header {
  display: table-row;
}
.tbc-box-product .movement-header-label {
  display: table-cell;
  padding: 0.5em 0;
  font-size: 13px;
  line-height: 1.25em;
  vertical-align: middle;
  text-align: right;
  font-weight: bold;
}
.tbc-box-product .statements .movement-header-label {
  background-color: var(--color-surface-high-hovered);
  font-size: 12px;
  line-height: 30px;
}
.tbc-box-product .statements .st-first-info .movement-cell {
  font-size: 15px;
  line-height: 40px;
}
.tbc-box-product .statements .st-first-info .smallfont {
  color: var(--color-text-soft-dark) !important;
  font-size: 0.9em;
}
.tbc-box-product .movement-header-label.date-label {
  text-align: left;
}
.tbc-box-product .movement {
  display: table-row;
}
.tbc-box-product .movement-cell {
  display: table-cell;
  padding: 0.75em 0;
  font-size: 0.875rem;
  line-height: 1.25em;
  vertical-align: middle;
  border-top: 1px solid var(--color-stroke-soft-initial);
  text-align: right;
}
.tbc-box-product .movement-header-label:first-child,
.tbc-box-product .movement-cell:first-child {
  padding-left: 30px;
}
.tbc-box-product .movement-header-label:last-child,
.tbc-box-product .movement-cell:last-child {
  padding-right: 30px;
}
.tbc-box-product .movement-cell.date-cell {
  text-align: left;
}
.tbc-box-product .smallfont.currency {
  font-size: 0.8em;
}
.tbc-box-product .statements-filter {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  padding: 15px 30px 10px 30px;
}
.tbc-box-product .statements-filter .statements-filter-top {
  display: flex;
  flex-direction: row;
  justify-content: left;
}
.tbc-box-product .statements-filter .statements-filter-top .date-box {
  margin-right: 5px;
}
.tbc-box-product .statements-filter .statements-filter-top ib-dropdown.accdd {
  min-width: 260px;
}
.tbc-box-product .statements-filter .statements-filter-top form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tbc-box-product .statements-filter .statements-filter-top form .tbc-radio {
  margin: 0;
}
@media (min-width: 1920px) {
  .tbc-box-product .statements-filter .statements-filter-top .date-box {
    width: 650px;
  }
  .tbc-box-product .statements-filter .statements-filter-top .date-box {
    margin-right: 15px;
  }
  .tbc-box-product .statements-filter .statements-filter-top ib-filter-range.with-icon label {
    width: 120px;
  }
  .tbc-box-product .statements-filter .statements-filter-top form {
    margin-left: 10px;
  }
}
.tbc-box-product .statements-filter .statements-filter-bottom td {
  padding-right: 5px;
}
.tbc-box-product .statements-filter .statements-filter-bottom td:nth-child(even) {
  white-space: nowrap;
  vertical-align: bottom;
}
.tbc-box-product .statements-filter #show-equiv-checkbox {
  line-height: 45px;
}
.tbc-box-product .statements-filter button:not(.hidden-dropdown-toggle) {
  height: 45px !important;
}
.tbc-box-product .statements-filter label {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbc-box-product .statements-filter ib-date-field {
  padding-left: 10px;
}
ib-filter-range.label-on-new-line ib-date-field,
ib-filter-range.label-on-new-line label,
ib-filter-select.label-on-new-line ib-date-field,
ib-filter-select.label-on-new-line label,
ib-filter-search.label-on-new-line ib-date-field,
ib-filter-search.label-on-new-line label {
  width: 100%;
  display: block;
}
ib-filter-range.w100 input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info ib-filter-range.cat-input input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info ib-filter-range.cat-input input,
ib-filter-range.label-on-new-line ib-filter-range.range-block input,
ib-date-field.label-on-new-line ib-filter-range.range-block input,
ib-filter-select.w100 input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info ib-filter-select.cat-input input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info ib-filter-select.cat-input input,
ib-filter-range.label-on-new-line ib-filter-select.range-block input,
ib-date-field.label-on-new-line ib-filter-select.range-block input,
ib-filter-search.w100 input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info ib-filter-search.cat-input input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info ib-filter-search.cat-input input,
ib-filter-range.label-on-new-line ib-filter-search.range-block input,
ib-date-field.label-on-new-line ib-filter-search.range-block input {
  width: 100%;
}
.tbc-box.tbc-box-product .info {
  padding: 20px 30px;
}
.tbc-box.tbc-box-product .tabs,
.tbc-box.tbc-box-product .product-tabs {
  -webkit-border-radius: 14px 14px 0px 0px;
  -moz-border-radius: 14px 14px 0px 0px;
  border-radius: 14px 14px 0px 0px;
  padding: 15px 60px 15px 30px;
  background: var(--color-surface-higher-initial);
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  overflow: hidden;
  padding-right: 30px !important;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
  min-height: 60px;
}
.tbc-box.tbc-box-product .tabs .tab,
.tbc-box.tbc-box-product .tabs .product-tab,
.tbc-box.tbc-box-product .product-tabs .tab,
.tbc-box.tbc-box-product .product-tabs .product-tab {
  display: inline-block;
  margin-right: 30px;
  padding: 20px 0 16px;
  color: var(--color-text-soft-dark);
  font-size: 15px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  height: 60px;
}
.tbc-box.tbc-box-product .tabs .tab.selected,
.tbc-box.tbc-box-product .tabs .product-tab.selected,
.tbc-box.tbc-box-product .product-tabs .tab.selected,
.tbc-box.tbc-box-product .product-tabs .product-tab.selected {
  color: var(--color-icon-primary-initial);
  border-color: var(--color-icon-primary-initial);
}
.tbc-box.tbc-box-product .tabs .tab:hover,
.tbc-box.tbc-box-product .tabs .product-tab:hover,
.tbc-box.tbc-box-product .product-tabs .tab:hover,
.tbc-box.tbc-box-product .product-tabs .product-tab:hover {
  color: var(--color-icon-primary-initial);
}
.tbc-box.tbc-box-product .tabs.not-clickable .tab:hover,
.tbc-box.tbc-box-product .tabs.not-clickable .product-tab:hover,
.tbc-box.tbc-box-product .product-tabs.not-clickable .tab:hover,
.tbc-box.tbc-box-product .product-tabs.not-clickable .product-tab:hover {
  color: var(--color-text-soft-dark);
  cursor: text;
}
.tbc-box.tbc-box-product .tabs.with-transactions-history-search,
.tbc-box.tbc-box-product .product-tabs.with-transactions-history-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
}
.tbc-box.tbc-box-product .tabs.with-transactions-history-search .inp-search,
.tbc-box.tbc-box-product .product-tabs.with-transactions-history-search .inp-search {
  height: 45px;
}
.tbc-box.tbc-box-product .controls {
  display: inline-block;
  float: right;
  padding-top: 10px;
}
.tbc-box.tbc-box-product .controls .quick-filters {
  display: inline-block;
  position: relative;
  top: 7px;
}
.tbc-box.tbc-box-product .controls .quick-filters input {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tbc-box.tbc-box-product .controls .quick-filters .checkbox {
  top: 12px;
}
.tbc-box.tbc-box-product .controls .quick-filters .btn.selectpicker.ng-pristine {
  color: var(--color-text-soft-dark) !important;
}
.tbc-box.tbc-box-product .fullwidth-controls {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
}
.tbc-box.tbc-box-product .fullwidth-controls .right-part {
  display: inline-block;
  float: right;
}
.tbc-box.tbc-box-product .fullwidth-controls .quick-filters {
  display: inline-block;
}
.tbc-box.tbc-box-product .fullwidth-controls .quick-filters input {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tbc-box.tbc-box-product .fullwidth-controls .quick-filters .checkbox {
  top: 12px;
}
.tbc-box.tbc-box-product .fullwidth-controls .quick-filters .btn.selectpicker.ng-pristine {
  color: var(--color-text-soft-dark) !important;
}
.tbc-box.tbc-box-product.deposit .controls .quick-filters .checkbox,
.tbc-box.tbc-box-product.loan .controls .quick-filters .checkbox {
  top: 0;
  margin-right: 20px;
}
.tbc-box.tbc-box-product .filters {
  background-color: var(--color-surface-low-hovered);
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  padding: 30px;
}
.tbc-box.tbc-box-product .filters ib-filter-select {
  width: 100%;
}
.tbc-box.tbc-box-product .filters ib-filter-select ib-select-picker {
  width: 100%;
}
.tbc-box.tbc-box-product .filters ib-filter-range .fblock10 {
  height: 45px;
  line-height: 45px;
  font-size: 0.875rem;
}
.tbc-box.tbc-box-product .filters ib-filter-range input {
  height: 45px;
  line-height: 45px;
  font-size: 0.875rem;
  color: var(--color-surface-high-dark-hovered);
}
.tbc-box.tbc-box-product .filters ib-filter-range input:focus,
.tbc-box.tbc-box-product .filters ib-filter-range input.filled,
.tbc-box.tbc-box-product .filters ib-filter-range input.ng-dirty {
  color: var(--color-text-soft-dark);
}
.tbc-box.tbc-box-product .filters ib-filter-search input {
  height: 45px;
  line-height: 45px;
  font-size: 0.875rem;
}
.tbc-box.tbc-box-product .filters .btn.selectpicker {
  height: 45px;
  min-width: 0;
}
.tbc-box.tbc-box-product .filters a {
  cursor: pointer;
}
.tbc-box.tbc-box-product .filters label {
  font-size: 0.875rem;
}
.tbc-box.tbc-box-product .filters .btn.btn-primary:not(.btn-line) {
  width: 200px;
  height: 50px;
  font-size: 15px;
}
.tbc-box.tbc-box-product .filters.set {
  padding: 10px 30px;
}
.tbc-box.tbc-box-product .filters.set label {
  font-size: 0.875rem;
  font-weight: bold;
}
.tbc-box.tbc-box-product .filters:after {
  content: "";
  display: block;
  clear: both;
}
.tbc-box.tbc-box-product .filters.history .text-muted,
.tbc-box.tbc-box-product .filters.history .text-muted .btn.selectpicker.ng-pristine {
  color: var(--color-text-soft-dark) !important;
}
.tbc-box.tbc-box-product.transactions.current .status {
  max-width: 45px !important;
}
.tbc-box.tbc-box-product:not(.tbc-mymoney-box) .empty {
  width: 100%;
  font-size: 1.1em;
  height: 40px;
  padding: 0 30px;
  line-height: 40px;
  vertical-align: middle;
  border-top: 1px solid var(--color-stroke-soft-initial);
  text-align: center;
}
.tbc-box.tbc-box-product .movements {
  text-align: left;
  color: var(--color-text-soft-inverted);
}
.tbc-box.tbc-box-product .movements .movement-header-label {
  color: var(--color-text-soft-dark);
  text-align: left;
}
.tbc-box.tbc-box-product .movements .movement-header-label.status {
  max-width: 65px;
}
.tbc-box.tbc-box-product .movements .movement-header-label.date {
  text-align: left;
}
.tbc-box.tbc-box-product .movements .movement-header-label.description {
  text-align: left;
  max-width: 185px;
}
.tbc-box.tbc-box-product .movements .movement-header-label.category {
  text-align: left;
  padding-left: 10px;
}
.tbc-box.tbc-box-product .movements .movement-header-label.account-card {
  text-align: left;
}
.tbc-box.tbc-box-product .movements .movement-header-label.mov-amount {
  text-align: right;
}
.tbc-box.tbc-box-product .movements .movement .detail {
  position: relative;
}
.tbc-box.tbc-box-product .movements .movement .detail .delete-btn {
  display: none;
}
.tbc-box.tbc-box-product .movements .movement.canBeDeleted > * {
  color: var(--color-text-disabled-default) !important;
}
.tbc-box.tbc-box-product .movements .movement.canBeDeleted .detail .delete-btn {
  display: inherit;
  position: absolute;
  left: 7px;
  top: 12px;
}
.tbc-box.tbc-box-product .movements .movement.canBeDeleted .detail .delete-btn:not(:hover) {
  background-image: url(/tbcrd/assets/img/template/tbc-template-delete-gray.svg);
}
.tbc-box.tbc-box-product .movements .movement:focus .detail,
.tbc-box.tbc-box-product .movements .movement:hover .detail {
  background-repeat: no-repeat;
  background-position: center right 25px;
  background-image: url(/tbcrd/assets/img/login/arrow-right-blue.svg);
  background-size: 8px 14px;
}
.tbc-box.tbc-box-product .movements .movement.no-detail:focus .detail,
.tbc-box.tbc-box-product .movements .movement.no-detail:hover .detail,
.tbc-box.tbc-box-product .movements .movement.canBeDeleted:focus .detail,
.tbc-box.tbc-box-product .movements .movement.canBeDeleted:hover .detail {
  background-image: none !important;
}
.tbc-box.tbc-box-product .movements .movement-cell {
  line-height: 40px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  max-width: 200px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tbc-box.tbc-box-product .movements .movement-cell.description {
  max-width: 185px;
  cursor: pointer;
}
.tbc-box.tbc-box-product .movements .movement-cell.description [ib-truncate] {
  display: block;
  top: 0;
}
.tbc-box.tbc-box-product .movements .movement-cell.category {
  cursor: pointer;
  padding-left: 10px;
}
.tbc-box.tbc-box-product .movements .movement-cell.category [ib-truncate] {
  display: inline;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.text-cat {
  position: relative;
  top: -3px;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.ovo {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  position: relative;
  width: 31px;
  height: 31px;
  background: transparent none no-repeat center center;
  background-size: contain;
  margin-right: 10px;
  top: 8px;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.ovo img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.ovo img[src] {
  display: block;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.ovo.split {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-image: url(/tbcrd/assets/img/mymoney/icon-cat-split.png);
  background-size: 31px 31px;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.ovo.split img {
  display: none;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.ovo.display-as-hidden {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent url(/tbcrd/assets/img/collapseIcon.svg) no-repeat left center;
  background-size: 31px 31px;
}
.tbc-box.tbc-box-product .movements .movement-cell.category span.ovo.display-as-hidden img {
  display: none;
}
.tbc-box.tbc-box-product .movements .movement-cell.category > div:hover {
  color: var(--color-icon-primary-initial);
}
.tbc-box.tbc-box-product .movements .movement-cell.account-card,
.tbc-box.tbc-box-product .movements .movement-cell.account {
  color: var(--color-text-soft-dark);
  cursor: pointer;
  line-height: 1;
}
.tbc-box.tbc-box-product .movements .movement-cell.mov-amount {
  color: var(--color-text-soft-dark);
  text-align: right;
}
.tbc-box.tbc-box-product .movements .movement-cell.detail {
  text-align: center;
  color: var(--color-text-strong-light);
}
.tbc-box.tbc-box-product .movements:focus .movement-cell.detail,
.tbc-box.tbc-box-product .movements:hover .movement-cell.detail {
  text-align: right;
  color: var(--color-icon-primary-initial);
}
ib-transactions-blocked .movements .movement-cell {
  max-width: 135px !important;
}
.movement-cell.date,
.homeList.date {
  color: var(--color-text-soft-dark);
}
.movement-cell.status span.icon,
.movement-cell .listDate span.icon,
.homeList.status span.icon,
.homeList .listDate span.icon {
  display: inline-block;
  width: 13px;
  height: 13px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
}
.movement-cell.status span.icon.status-1,
.movement-cell.status span.icon.status-2,
.movement-cell .listDate span.icon.status-1,
.movement-cell .listDate span.icon.status-2,
.homeList.status span.icon.status-1,
.homeList.status span.icon.status-2,
.homeList .listDate span.icon.status-1,
.homeList .listDate span.icon.status-2 {
  background-image: url(/tbcrd/assets/img/homepage/tbc-wait-icon.svg);
  background-size: 13px 13px;
}
.movement-cell.status span.icon.status-3,
.movement-cell .listDate span.icon.status-3,
.homeList.status span.icon.status-3,
.homeList .listDate span.icon.status-3 {
  background-image: url(/tbcrd/assets/img/homepage/tbc-ready-icon.svg);
  background-size: 13px 13px;
}
.movement-cell.status span.icon.status-4,
.movement-cell .listDate span.icon.status-4,
.homeList.status span.icon.status-4,
.homeList .listDate span.icon.status-4 {
  background-image: url(/tbcrd/assets/img/homepage/tbc-pending-icon.svg);
  background-size: 13px 13px;
}
.movement-cell.status span.icon.status-f,
.movement-cell.status span.icon.status-succeed,
.movement-cell .listDate span.icon.status-f,
.movement-cell .listDate span.icon.status-succeed,
.homeList.status span.icon.status-f,
.homeList.status span.icon.status-succeed,
.homeList .listDate span.icon.status-f,
.homeList .listDate span.icon.status-succeed {
  background-color: var(--color-text-positive-initial);
}
.movement-cell.status span.icon.status-verif,
.movement-cell.status span.icon.status-ws,
.movement-cell.status span.icon.status-processing,
.movement-cell.status span.icon.status-draft,
.movement-cell.status span.icon.status-waiting_for_signature,
.movement-cell .listDate span.icon.status-verif,
.movement-cell .listDate span.icon.status-ws,
.movement-cell .listDate span.icon.status-processing,
.movement-cell .listDate span.icon.status-draft,
.movement-cell .listDate span.icon.status-waiting_for_signature,
.homeList.status span.icon.status-verif,
.homeList.status span.icon.status-ws,
.homeList.status span.icon.status-processing,
.homeList.status span.icon.status-draft,
.homeList.status span.icon.status-waiting_for_signature,
.homeList .listDate span.icon.status-verif,
.homeList .listDate span.icon.status-ws,
.homeList .listDate span.icon.status-processing,
.homeList .listDate span.icon.status-draft,
.homeList .listDate span.icon.status-waiting_for_signature {
  background-color: var(--color-stroke-warning-subtle-initial);
}
.movement-cell.status span.icon.status-c,
.movement-cell.status span.icon.status-cancelled,
.movement-cell .listDate span.icon.status-c,
.movement-cell .listDate span.icon.status-cancelled,
.homeList.status span.icon.status-c,
.homeList.status span.icon.status-cancelled,
.homeList .listDate span.icon.status-c,
.homeList .listDate span.icon.status-cancelled {
  background-color: var(--color-text-disabled-default);
}
.movement-cell.status span.icon.status-fl,
.movement-cell.status span.icon.status-failed,
.movement-cell.status span.icon.status-rejected,
.movement-cell.status span.icon.status-suspisious,
.movement-cell .listDate span.icon.status-fl,
.movement-cell .listDate span.icon.status-failed,
.movement-cell .listDate span.icon.status-rejected,
.movement-cell .listDate span.icon.status-suspisious,
.homeList.status span.icon.status-fl,
.homeList.status span.icon.status-failed,
.homeList.status span.icon.status-rejected,
.homeList.status span.icon.status-suspisious,
.homeList .listDate span.icon.status-fl,
.homeList .listDate span.icon.status-failed,
.homeList .listDate span.icon.status-rejected,
.homeList .listDate span.icon.status-suspisious {
  background-color: var(--color-surface-negative-initial);
}
.listDate span.icon {
  margin-right: 10px;
}
.tbc-box.tbc-box-product.transactions {
  overflow: visible;
}
.unknown .tbc-box-homepage.tbc-box .homeList li .listImg.list-block ib-image-resolver img {
  left: 15px;
}
.prepayment .checkbox.skip-next .info-hint {
  top: 1px;
}
.p-list {
  display: flex;
  flex-direction: column;
}
.p-list .p-header-item-static,
.p-list .p-content-item-static {
  width: 260px;
  margin-right: 20px;
}
.p-list .p-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  padding: 17px 0px;
  font-weight: 600;
  font-size: 15px;
}
.p-list .p-header .p-header-item {
  flex: 0 0 14%;
}
.p-list .p-content {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-stroke-soft-initial);
  padding: 17px 0px;
}
.p-list .p-content > * {
  font-size: 13px;
}
.p-list .p-content .p-content-item.fee-cell {
  white-space: nowrap;
}
.p-list .p-content .p-content-item.fee-cell div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-list .p-content .p-content-item {
  flex: 0 0 14%;
}
.cell-content {
  display: grid;
  grid-template-rows: auto auto;
}
.cell-item {
  display: flex;
  align-items: center;
}
.no-cursor {
  cursor: default;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.table-set {
  margin-top: 25px;
  display: table;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  margin-bottom: 0;
}
.table-set li {
  display: table-row;
}
.table-set li .table-set-cell {
  display: table-cell;
  padding: 0.5em 0;
  font-size: 0.875rem;
  line-height: 32px;
  vertical-align: middle;
  text-align: left;
}
.table-set li .table-set-cell.t-s-balance,
.table-set li .table-set-cell.t-s-show {
  text-align: right;
}
.table-set li.table-set-line .table-set-cell {
  border-top: 1px solid var(--color-stroke-soft-initial);
}
.table-set li.table-set-line.acc-hidden {
  color: var(--color-text-disabled-default);
}
.table-set li.table-set-line.acc-hidden .smallfont,
.table-set li.table-set-line.acc-hidden .t-s-type {
  color: var(--color-text-disabled-default);
}
.table-set li.table-set-line:last-child .table-set-cell {
  border-bottom: 1px solid var(--color-stroke-soft-initial);
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box-set-login .section:not(:last-child) {
  border-bottom: 1px solid var(--color-text-disabled-dark);
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.tbc-box-set-login .title {
  float: left;
}
.tbc-box-set-login .status {
  float: left;
  margin-left: 10px;
  padding-top: 4px;
}
.tbc-box-set-login .subtitle {
  color: var(--color-text-soft-inverted);
}
.tbc-box-set-login .toggle {
  float: right;
}
.tbc-box-set-login .toggle a {
  color: var(--color-text-soft-inverted);
  text-decoration: none;
}
.tbc-box-set-login .toggle a:hover {
  color: #0056b3;
}
.tbc-box-set-login .complexity {
  left: 310px;
  position: absolute;
  top: 14px;
  white-space: nowrap;
}
.tbc-box-set-login .toggle-all-devices-container {
  margin-top: 20px;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.tbc-box-set-login .my-devices-list {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.tbc-box-set-login .my-devices-list .my-device-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 0;
  position: relative;
}
.tbc-box-set-login .my-devices-list .my-device-item:not(:last-child)::after {
  content: " ";
  height: 1px;
  width: calc(100% - 40px - 20px);
  position: absolute;
  bottom: 0;
  background: var(--color-text-soft-default);
  right: 0;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-logo {
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-logo > img {
  width: 40px;
  height: 40px;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-details {
  flex: 1;
  flex-direction: column;
  padding: 0 20px;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-details .device-title {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.8;
  margin-bottom: 5px;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-details .device-subtitle {
  opacity: 0.6;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-actions {
  flex-direction: row;
  flex-wrap: nowrap;
  display: flex;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-actions .trusted-device {
  color: var(--color-text-positive-initial);
  margin-right: 20px;
}
.tbc-box-set-login .my-devices-list .my-device-item .device-actions .trusted-device .trusted-device-logo {
  background-image: url(/tbcrd/assets/img/tbc-icon-shield.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-left: 20px;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.skinBox {
  cursor: pointer;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  width: 33.333%;
  height: 215px;
}
.skinBox .skinInner {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: var(--color-text-soft-default);
  background-size: cover;
  height: 160px;
}
.skinBox.standard .skinInner {
  background-image: url(/tbcrd/assets/img/skins/skin-normal.png);
}
.skinBox.vip .skinInner {
  background-image: url(/tbcrd/assets/img/skins/skin-vip.png);
}
.skinBox.status .skinInner {
  background-image: url(/tbcrd/assets/img/skins/skin-status.png);
}
.skinBox .skinText {
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 14px;
}
.skinBox.active,
.skinBox:hover {
  background-color: var(--color-stroke-primary-initial);
  -webkit-transition: all linear 0.7s;
  transition: all linear 0.7s;
}
.skinBox.active .skinText,
.skinBox:hover .skinText {
  color: var(--color-text-strong-light);
}
.tbc-box-skins .btn {
  width: 33.333%;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-box-set-sec .btn {
  margin: 0 auto;
  display: block;
}
.tbc-box-skins .btn {
  width: 33.333%;
}
.tbc-box-set-acc .btn {
  width: 230px;
}
.tbc-box-set-acc .star {
  position: relative;
  top: 2px;
  min-width: 40px;
}
.tbc-box-set-acc .checkbox {
  position: relative;
  top: 0;
}
.tbc-box-set-acc .checkbox.float-checkbox label:before {
  float: right;
  margin-left: 15px;
}
.tbc-box-set-acc .checkbox label:before {
  position: inherit;
}
.tbc-box-set-acc .checkbox label {
  padding-left: 0 !important;
  font-size: 13px;
}
.tbc-box.tbc-box-overview.tbc-box-settings {
  overflow: visible;
  min-height: 332px;
  background-color: var(--color-surface-higher-initial);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main {
  padding: 30px;
  border-radius: 0 14px 14px 0;
  min-height: 495px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main a,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main a {
  cursor: pointer;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .doneBox,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .doneBox {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/tbcrd/assets/img/tbc-icon-ok.svg);
  background-size: 30px 30px;
  margin: 0 auto;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  display: block;
  min-height: 1px;
  width: 45%;
  padding-top: 120px;
  min-height: 475px;
  background-position: top 20px center;
  background-repeat: no-repeat;
  color: var(--color-text-soft-inverted);
  font-size: 0.74375rem;
  background-size: 90px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox span,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox span {
  color: var(--color-text-soft-dark);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active {
  background-color: var(--color-stroke-primary-initial);
  color: var(--color-text-strong-light);
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active a,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active a {
  color: var(--color-text-strong-light);
  font-size: 16px;
  text-decoration: underline;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active a:hover,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active a:hover {
  text-decoration: none;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active span,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active span {
  color: var(--color-text-strong-light);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox.active h3,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox.active h3 {
  color: var(--color-text-strong-light);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox h3,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  color: var(--color-text-soft-dark);
  display: block;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sltext,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sltext {
  min-height: 265px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sltext p,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sltext p {
  margin-bottom: 10px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox1,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox1 {
  background-image: url(/tbcrd/assets/img/settings/secLev1-gray.png);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox1.active,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox1.active {
  background-image: url(/tbcrd/assets/img/settings/secLev1-blue.png);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox2,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox2 {
  background-image: url(/tbcrd/assets/img/settings/secLev2-gray.png);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox2.active,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox2.active {
  background-image: url(/tbcrd/assets/img/settings/secLev2-blue.png);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox3,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox3 {
  background-image: url(/tbcrd/assets/img/settings/secLev3-gray.png);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sLbox3.active,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sLbox3.active {
  background-image: url(/tbcrd/assets/img/settings/secLev3-blue.png);
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main.tbc-box-skins .skins,
.tbc-box.tbc-box-overview.tbc-box-settings .tbc-box-skins.offer-main .skins {
  min-height: 260px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .form-horizontal .form-group:not(.form-btn),
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .form-horizontal .form-group:not(.form-btn) {
  max-width: 300px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .contactLevel .form-horizontal .form-group input[disabled],
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .contactLevel .form-horizontal .form-group input[disabled] {
  color: var(--color-text-disabled-dark);
  background-color: var(--color-surface-low-initial);
  border-top: 2px solid var(--color-surface-low-hovered);
}
.tbc-box.tbc-box-overview.tbc-box-settings .box-menu ul li a,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-menu ul li a,
.tbc-box.tbc-box-overview.tbc-box-settings .overview-main .fs-l,
.tbc-box.tbc-box-overview.tbc-box-settings .offer-main .fs-l {
  font-size: 16px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .messageSuccess,
.tbc-box.tbc-box-overview.tbc-box-settings .messageSuccessNew,
.tbc-box.tbc-box-overview.tbc-box-settings .messageWarning {
  margin-bottom: 20px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .smallfont {
  font-size: 11px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .prof-img .fs-m {
  font-size: 0.74375rem;
}
.tbc-box.tbc-box-overview.tbc-box-settings .addPicture span {
  font-size: 13px;
}
.tbc-box.tbc-box-overview.tbc-box-settings input.inp-lg,
.tbc-box.tbc-box-overview.tbc-box-settings .inp-lg > input {
  height: 45px;
  line-height: 45px;
  font-size: 0.875rem;
  width: 300px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .btn.btn-primary.btn-lg {
  font-size: 15px;
  height: 55px;
  width: 100%;
  max-width: 220px;
  margin-right: 10px;
}
.tbc-box.tbc-box-overview.tbc-box-settings .tbc-box-set-sec .btn.btn-primary.btn-lg {
  margin-right: auto;
}
@media only screen and (max-width: 79.9375em) {
  .ib-lang-ka .sLbox {
    min-height: 600px !important;
  }
  .ib-lang-ka .tbc-box.tbc-box-overview.tbc-box-settings .overview-main .sltext,
  .ib-lang-ka .tbc-box.tbc-box-overview.tbc-box-settings .offer-main .sltext {
    min-height: 380px;
  }
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.tbc-anim {
  position: fixed;
  width: 844px;
  height: 393px;
  top: 50%;
  left: 50%;
  margin-top: -196px;
  margin-left: -422px;
  z-index: 9999999;
}
.tbc-anim-overlay {
  width: 844px;
  height: 393px;
  top: 0;
  left: 0;
  position: absolute;
}
.tbc-anim-underlay {
  z-index: 9999998;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--color-surface-high-dark-hovered);
}
.happy-bd {
  width: 844px;
  height: 393px;
  top: 0;
  left: 0;
  position: absolute;
}
.overflow {
  background-color: var(--color-surface-high-dark-hovered);
  width: 100%;
  height: 100%;
}
.close {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/tbcrd/assets/img/hb-close-button.png);
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin-top: 20px;
  margin-right: 20px;
  float: right;
}
.close:hover {
  opacity: 0.65;
}
.bday-actions {
  color: white;
  font-size: 21px;
  text-align: center;
  width: 480px;
  margin: 100px auto 100px;
}
.bday-actions .fb,
.bday-actions .replay {
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  border-radius: 100%;
  width: 79px;
  height: 79px;
  margin: 0 auto 15px;
  cursor: pointer;
  transition: opacity 0.5s;
}
.bday-actions .fb:hover,
.bday-actions .replay:hover {
  opacity: 0.65;
}
.bday-actions .fb {
  background-image: url(/tbcrd/assets/img/hb-fb.png);
}
.bday-actions .replay {
  background-image: url(/tbcrd/assets/img/hb-replay.png);
}
a.tbc-logo {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/tbcrd/assets/img/hb-logo.png);
  display: block;
  width: 150px;
  height: 25px;
  cursor: pointer;
  transition: opacity 0.5s;
  margin-right: 20px;
  float: right;
}
a.tbc-logo:hover {
  opacity: 0.65;
}
.bday-display__background {
  background: url(/tbcrd/assets/img/bday/background/shapes.svg) no-repeat;
  background-size: contain;
  animation-duration: 1237ms;
  animation-name: bg-reveal;
  background-position: center;
  border: 0 solid var(--color-stroke-primary-initial);
}
@keyframes bg-reveal {
  0% {
    box-shadow: inset 0 0 400px 200px var(--color-stroke-primary-initial);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
  }
  100% {
    box-shadow: inset 0 0 400px 0 var(--color-stroke-primary-initial);
    border-radius: 3%;
    -moz-border-radius: 3%;
    -webkit-border-radius: 3%;
  }
}
.bday-display__felicitation {
  animation-duration: 1000ms;
  animation-name: text-reveal;
}
@keyframes text-reveal {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.tbc-tu-templates .tbc-box-tu-templates {
  overflow: visible;
}
.tbc-tu-templates .tbc-box-tu-templates .inp-spec-so,
.tbc-tu-templates .tbc-box-tu-templates ib-select-picker.inp-spec-so button {
  height: 51px;
}
.tbc-tu-templates .radio label,
.tbc-tu-templates .checkbox label {
  padding-left: 28px;
  margin-bottom: -6px;
}
.tbc-tu-templates .searchv2 {
  margin-top: 0 !important;
}
.tbc-tu-templates .templates-accont {
  padding-right: 17px;
  padding-top: 17px;
  padding-bottom: 17px;
  position: relative;
  height: 116px;
  display: flex;
  justify-content: space-around;
}
.tbc-tu-templates .templates-accont .trusted-checkbox {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@keyframes showSelected {
  0% {
    background-color: var(--color-surface-high-hovered);
  }
  90% {
    background-color: var(--color-surface-high-hovered);
  }
  100% {
    background-color: inherit;
  }
}
.tbc-tu-templates .templates-accont.selected {
  animation: showSelected 10s ease;
}
.tbc-tu-templates .templates-accont.selected.ng-hide-add,
.tbc-tu-templates .templates-accont.selected.ng-leave {
  animation: none;
}
.tbc-tu-templates .templates-accont.ng-hide-add,
.tbc-tu-templates .templates-accont.ng-leave {
  animation: none;
}
.tbc-tu-templates .templates-accont:nth-child(3n+3) {
  margin-left: 0;
}
.tbc-tu-templates .templates-accont .templates-box {
  float: left;
  height: 100px;
  width: 52%;
  width: 245px;
}
@media (max-width: 1281px) {
  .tbc-tu-templates .templates-accont .templates-box {
    width: 178px;
  }
}
.tbc-tu-templates .templates-accont .templates-box .t-name {
  font-size: 16px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tbc-tu-templates .templates-accont .templates-box .t-number {
  font-size: 0.74375rem;
  line-height: 1.74375rem;
  color: var(--color-text-soft-inverted);
  min-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tbc-tu-templates .templates-accont .templates-box .edit-btn,
.tbc-tu-templates .templates-accont .templates-box .delete-btn {
  margin-left: 18px;
  position: relative;
  top: 6px;
}
.tbc-tu-templates small.hint,
.tbc-tu-templates small.numberformat {
  color: var(--color-text-disabled-default);
}
.over {
  position: absolute;
  top: 20px;
  width: 82px;
  height: 82px;
  z-index: 1000;
  background-color: black !important;
  opacity: 0.3;
  border-radius: 50%;
}
.over .edit-btn {
  top: 33px;
  position: relative;
  left: 33px;
}
.templates-image {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.templates-image.no-image {
  background-image: url(/tbcrd/assets/img/transfers/icon-to-blue.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.templates-image.new-item {
  background-image: url(/tbcrd/assets/img/transfers/icon-new-ben-blue.png);
  background-repeat: no-repeat;
  background-size: 50px 50px;
}
.templates-image-mobile {
  width: 60px;
  height: 60px;
}
.templates-box-mobile {
  min-width: 245px;
}
.profile-image {
  max-width: 34px;
  max-height: 34px;
  min-height: 34px;
  min-width: 34px;
}
.img-bank .templates-image.no-image,
.treasury .templates-image.no-image {
  background-image: url(/tbcrd/assets/img/transfers/icon-bank-blue.png);
}
.img-bank .templates-image.no-image.new-item {
  background-image: url(/tbcrd/assets/img/transfers/icon-new-ben-blue2.png);
}
ib-payment-templates input[type=search] {
  padding-top: 9px;
  padding-bottom: 9px;
}
ib-payment-templates .ver-item {
  height: 40px;
}
.group-list-items .trusted-beneficiary-icon:before,
.group-list-items .requested-beneficiary-icon:before,
.group-list-items .waiting-beneficiary-icon:before {
  top: 4px;
}
.trusted-beneficiary-icon,
.requested-beneficiary-icon,
.waiting-beneficiary-icon {
  margin-right: 8px;
}
.trusted-beneficiary-icon:before,
.requested-beneficiary-icon:before,
.waiting-beneficiary-icon:before {
  content: "";
  width: 14px;
  height: 17px;
  display: inline-flex;
  position: relative;
}
.trusted-beneficiary-icon:before {
  background-image: url(/tbcrd/assets/img/template/beneficiary-trusted.svg);
  background-repeat: no-repeat;
}
.requested-beneficiary-icon:before,
.waiting-beneficiary-icon:before {
  background-image: url(/tbcrd/assets/img/template/beneficiary-waiting.svg);
  background-repeat: no-repeat;
  top: 0;
}
.templates-payment-edit-form ib-dynamic-form {
  display: block;
  margin-bottom: 10px;
}
.tbc-wizard-steps-controls {
  text-align: center;
}
.tbc-wizard-steps-controls .alert-danger,
.tbc-wizard-steps-controls .tbc-login .mfa-error-code,
.tbc-login .tbc-wizard-steps-controls .mfa-error-code {
  position: relative;
  top: -15px;
}
.tbc-wizard-steps-box .dropdown.open > .dropdown-menu {
  top: -2px;
}
.img-money .dropdown.open > .dropdown-menu table {
  min-height: 61px;
}
.img-money .dropdown.open > .dropdown-menu table td.acc-name {
  max-height: 23px;
}
ib-dropdown .acc-ext-iban.acc-iban-label {
  font-family: "TBCX";
  font-weight: 500;
  font-size: 16px;
  margin-left: 20px;
}
.tbc-wizard-steps .dropdown-menu td.acc-name,
.tbc-wizard-steps .dropdown-menu td.acc-iban,
.tbc-wizard-steps .dropdown-menu td span.red,
.tbc-wizard-steps .dropdown-menu td.ib-account-primary,
.tbc-wizard-steps .dropdown-menu td.acc-balance {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 312px !important;
  font-size: 0.74375rem;
}
@media (max-width: 1280px) {
  .tbc-wizard-steps .dropdown-menu td.acc-name,
  .tbc-wizard-steps .dropdown-menu td.acc-iban,
  .tbc-wizard-steps .dropdown-menu td span.red,
  .tbc-wizard-steps .dropdown-menu td.ib-account-primary,
  .tbc-wizard-steps .dropdown-menu td.acc-balance {
    width: 212px !important;
  }
}
.tbc-wizard-steps .dropdown-menu td span.red {
  white-space: normal;
  line-height: 19px;
}
.tbc-wizard-steps .dropdown-menu .accofic td.acc-name,
.tbc-wizard-steps .dropdown-menu .accofic td.acc-balance {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 295px;
}
@media (max-width: 1280px) {
  .tbc-wizard-steps .dropdown-menu .accofic td.acc-name,
  .tbc-wizard-steps .dropdown-menu .accofic td.acc-balance {
    width: 200px;
  }
}
ib-wizard-step[type=transfer-between-my-accounts] .dropdown,
ib-wizard-step[type=transfer-to-someone-else] .dropdown {
  margin-top: 244px;
}
.tbc-box-wizard {
  overflow: visible;
}
.tbc-box-wizard > div {
  display: inline;
}
.tbc-box-wizard .step1,
.tbc-box-wizard .step2 {
  height: 100%;
}
.tbc-box-wizard .step1.active .tbc-wizard-steps-controls,
.tbc-box-wizard .step2.active .tbc-wizard-steps-controls {
  padding-left: 60px;
  padding-right: 60px;
}
.tbc-box-wizard .step3 {
  height: 100%;
}
.tbc-box-wizard .tbc-wizard-steps {
  position: relative;
}
.tbc-box-wizard .tbc-wizard-steps .dropdown-menu table tr td img {
  display: none;
}
.tbc-box-wizard .tbc-wizard-steps .inactive-w100.fblock45 {
  width: 100%;
}
.tbc-box-wizard .tbc-wizard-steps .inactive-w100.fblock65 {
  width: 100%;
}
.tbc-box-wizard .tbc-wizard-steps .active-block,
.tbc-box-wizard .tbc-wizard-steps .active-inline-block,
.tbc-box-wizard .tbc-wizard-steps .active-inline {
  display: none;
}
.tbc-box-wizard .tbc-wizard-steps.active .dropdown-menu table tr td img {
  display: block;
}
.tbc-box-wizard .tbc-wizard-steps.active .active-block {
  display: block;
}
.tbc-box-wizard .tbc-wizard-steps.active .active-inline-block {
  display: inline-block;
}
.tbc-box-wizard .tbc-wizard-steps.active .active-inline {
  display: inline;
}
.tbc-box-wizard .tbc-wizard-steps.active .inactive-w100.fblock45 {
  width: 45%;
}
.tbc-box-wizard .tbc-wizard-steps.active .inactive-w100.fblock65 {
  width: 65%;
}
.tbc-box-wizard .tbc-wizard-steps.active .t-number {
  color: var(--color-text-soft-inverted) !important;
  font-size: 0.74375rem;
}
.tbc-box-wizard .step3.topUp .tbc-wizard-steps-controls > input,
.tbc-box-wizard .step3.topUp .tbc-wizard-steps-controls > ib-wizard-amount-field {
  margin-top: 35px;
}
.tbc-box-wizard .step3.topUp .paymentProducts {
  width: 50%;
}
.tbc-box-wizard .step3.topUp .paymentProducts .btn {
  margin-left: 0;
  height: 60px;
}
.tbc-box-wizard .step3 input,
.tbc-box-wizard .step3 .wj-content:not(.customEdit) {
  display: inline-block;
}
.tbc-box-wizard .step3 .tbc-wizard-steps-controls > input,
.tbc-box-wizard .step3 .tbc-wizard-steps-controls > .wj-content:not(.customEdit) {
  margin-top: 24px;
}
.tbc-box-wizard .step3 .btn {
  display: none;
  margin-left: 20px;
  vertical-align: bottom;
  padding: 0;
  height: 60px;
}
.tbc-box-wizard .step3.active .btn,
.tbc-box-wizard .step3.active input,
.tbc-box-wizard .step3.active .wj-content:not(.customEdit) {
  display: inline-block;
}
.tbc-box-wizard .step3.active.topUp .tbc-wizard-steps-controls > input {
  margin-top: 0;
}
.tbc-box-wizard .step3.active form[name=amountForm] {
  margin-top: 10px;
}
.tbc-box-wizard .step3.active form[name=amountForm] ib-input.w100,
.tbc-box-wizard .step3.active form[name=amountForm] .tbc-box.tbc-box-overview ib-transaction-category .cat-info ib-input.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category .cat-info .tbc-box-wizard .step3.active form[name=amountForm] ib-input.cat-input,
.tbc-box-wizard .step3.active form[name=amountForm] .tbc-box.tbc-box-overview ib-transaction-category-old .cat-info ib-input.cat-input,
.tbc-box.tbc-box-overview ib-transaction-category-old .cat-info .tbc-box-wizard .step3.active form[name=amountForm] ib-input.cat-input,
.tbc-box-wizard .step3.active form[name=amountForm] ib-filter-range.label-on-new-line ib-input.range-block,
ib-filter-range.label-on-new-line .tbc-box-wizard .step3.active form[name=amountForm] ib-input.range-block,
.tbc-box-wizard .step3.active form[name=amountForm] ib-date-field.label-on-new-line ib-input.range-block,
ib-date-field.label-on-new-line .tbc-box-wizard .step3.active form[name=amountForm] ib-input.range-block {
  width: 50% !important;
  float: left;
}
.tbc-box-wizard .step3.active form[name=amountForm] .btn {
  margin-left: 0;
}
.tbc-box-wizard .step3.active.same-currencies .tbc-wizard-steps-controls > input,
.tbc-box-wizard .step3.active.same-currencies .wj-content:not(.customEdit),
.tbc-box-wizard .step3.active.same-currencies .tbc-wizard-steps-controls > .btn {
  width: 45%;
  float: left;
}
.tbc-wizard-steps.step2:not(.active) .tbc-wizard-steps-box.short {
  padding-right: 0;
  padding-left: 0;
  color: var(--color-text-soft-inverted);
}
.tbc-wizard-steps.step2:not(.active) .tbc-wizard-steps-box form[name=ticketForm] .fblock65.marright5p.padtop5,
.tbc-wizard-steps.step2:not(.active) .tbc-wizard-steps-box form[name=codeForm] .fblock65.marright5p.padtop5 {
  width: 100%;
}
.tbc-wizard-steps.step2:not(.active) .tbc-wizard-steps-box form[name=ticketForm] .btn:not(.selectpicker),
.tbc-wizard-steps.step2:not(.active) .tbc-wizard-steps-box form[name=codeForm] .btn:not(.selectpicker) {
  display: none;
}
ib-checkbox.white-txt label .text {
  color: white !important;
}
ib-select.left .label {
  text-align: left;
}
ib-select .label span:not(.plus, .minus) {
  color: var(--ibc-gray-2) !important;
}
mat-error {
  text-align: left !important;
}
.tbc-status.tbc-offer-detail .offer-detail-1 .off-main-text {
  padding: 20px 30px 30px 0;
}
.tbc-status.tbc-offer-detail .offer-detail-1 .off-main-text .offer-sticker-box {
  height: 160px;
}
.tbc-status.tbc-offer-detail .offer-detail-2 {
  padding: 30px 60px;
}
.tbc-status.tbc-offer-detail .off-main-text-inner div {
  color: var(--color-stroke-primary-initial);
  font-size: 20px;
}
.tbc-status.tbc-offer-detail .off-main-text-inner div:first-child {
  font-weight: bold;
  font-size: 26px;
  margin-top: 35px;
}
.tbc-status.tbc-offer-detail .manager-contact {
  padding: 0 30px 30px 30px;
}
.tbc-status.tbc-offer-detail .manager-contact h3 {
  margin-bottom: 5px !important;
  margin-top: 0 !important;
  font-size: 20px !important;
}
.tbc-status.tbc-offer-detail .btn {
  padding: 15px 18px !important;
}
.tbc-status.tbc-offer-detail .manager-contact .manager-contact-phone,
.tbc-status.tbc-offer-detail .manager-contact .manager-contact-email,
.tbc-status.tbc-offer-detail .manager-contact .manager-contact-web,
.tbc-status.tbc-offer-detail .manager-contact .manager-contact-adress {
  padding-left: 50px;
}
.tbc-status.tbc-offer-detail .manager-contact .manager-contact-adress {
  background-position: left top;
}
.statusBenefits {
}
.statusBenefits .flex-container {
  display: flex;
  flex-wrap: wrap;
}
.statusBenefits .flex-item .content {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 15px;
}
@media (min-width: 1280px) {
  .statusBenefits .flex-item .content {
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media (min-width: 1920px) {
  .statusBenefits .flex-item .content {
    padding-right: 26px;
    padding-left: 26px;
  }
}
.statusBenefits .flex-item .content h3 {
  font-weight: bold;
  font-size: 20px;
  margin: 10px 0;
  max-width: 264px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.statusBenefits .flex-item .content .img {
  height: 188px;
  width: 264px;
}
.statusBenefits .flex-item .content .text {
  width: 264px;
  padding-right: 10px;
}
.statusBenefits .block-with-text {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 3.6em;
  text-align: justify;
  margin-right: -1em;
  padding-right: 1em;
  margin-bottom: 10px;
}
.statusBenefits .block-with-text:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}
.statusBenefits .block-with-text:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
ib-registration-identity-form ib-signatures .msg-block.flex,
ib-registration-identity-form ib-signature-form-card .msg-block.flex,
ib-registration-activation-types-form ib-signatures .msg-block.flex,
ib-registration-activation-types-form ib-signature-form-card .msg-block.flex,
ib-reset-activation-types-form ib-signatures .msg-block.flex,
ib-reset-activation-types-form ib-signature-form-card .msg-block.flex,
ib-registration-login-details ib-signatures .msg-block.flex,
ib-registration-login-details ib-signature-form-card .msg-block.flex {
  justify-content: flex-end;
}
ib-registration-identity-form ib-signatures .certificationForm .marbott30.padleft150,
ib-registration-identity-form ib-signature-form-card .certificationForm .marbott30.padleft150,
ib-registration-activation-types-form ib-signatures .certificationForm .marbott30.padleft150,
ib-registration-activation-types-form ib-signature-form-card .certificationForm .marbott30.padleft150,
ib-reset-activation-types-form ib-signatures .certificationForm .marbott30.padleft150,
ib-reset-activation-types-form ib-signature-form-card .certificationForm .marbott30.padleft150,
ib-registration-login-details ib-signatures .certificationForm .marbott30.padleft150,
ib-registration-login-details ib-signature-form-card .certificationForm .marbott30.padleft150 {
  padding-left: 0px !important;
}
ib-registration-identity-form ib-signatures .form-group label,
ib-registration-identity-form ib-signature-form-card .form-group label,
ib-registration-activation-types-form ib-signatures .form-group label,
ib-registration-activation-types-form ib-signature-form-card .form-group label,
ib-reset-activation-types-form ib-signatures .form-group label,
ib-reset-activation-types-form ib-signature-form-card .form-group label,
ib-registration-login-details ib-signatures .form-group label,
ib-registration-login-details ib-signature-form-card .form-group label {
  margin-top: 11px;
}
ib-registration-identity-form ib-signatures .card-number,
ib-registration-identity-form ib-signature-form-card .card-number,
ib-registration-activation-types-form ib-signatures .card-number,
ib-registration-activation-types-form ib-signature-form-card .card-number,
ib-reset-activation-types-form ib-signatures .card-number,
ib-reset-activation-types-form ib-signature-form-card .card-number,
ib-registration-login-details ib-signatures .card-number,
ib-registration-login-details ib-signature-form-card .card-number {
  margin-bottom: 2px;
}
ib-registration-identity-form ib-signatures .onboarding-label,
ib-registration-identity-form ib-signature-form-card .onboarding-label,
ib-registration-activation-types-form ib-signatures .onboarding-label,
ib-registration-activation-types-form ib-signature-form-card .onboarding-label,
ib-reset-activation-types-form ib-signatures .onboarding-label,
ib-reset-activation-types-form ib-signature-form-card .onboarding-label,
ib-registration-login-details ib-signatures .onboarding-label,
ib-registration-login-details ib-signature-form-card .onboarding-label {
  display: flex;
  align-items: center;
}
ib-registration-identity-form ib-signatures .onboarding-label label.control-label,
ib-registration-identity-form ib-signature-form-card .onboarding-label label.control-label,
ib-registration-activation-types-form ib-signatures .onboarding-label label.control-label,
ib-registration-activation-types-form ib-signature-form-card .onboarding-label label.control-label,
ib-reset-activation-types-form ib-signatures .onboarding-label label.control-label,
ib-reset-activation-types-form ib-signature-form-card .onboarding-label label.control-label,
ib-registration-login-details ib-signatures .onboarding-label label.control-label,
ib-registration-login-details ib-signature-form-card .onboarding-label label.control-label {
  width: auto;
  flex: 0 0 auto;
  font-size: 14px !important;
}
ib-registration-identity-form ib-signatures .onboarding-label .fb20.text-left,
ib-registration-identity-form ib-signature-form-card .onboarding-label .fb20.text-left,
ib-registration-activation-types-form ib-signatures .onboarding-label .fb20.text-left,
ib-registration-activation-types-form ib-signature-form-card .onboarding-label .fb20.text-left,
ib-reset-activation-types-form ib-signatures .onboarding-label .fb20.text-left,
ib-reset-activation-types-form ib-signature-form-card .onboarding-label .fb20.text-left,
ib-registration-login-details ib-signatures .onboarding-label .fb20.text-left,
ib-registration-login-details ib-signature-form-card .onboarding-label .fb20.text-left {
  display: flex;
  transform: translate(-10px, 2px);
  margin-left: 10px;
}
ib-registration-identity-form ib-signatures .info-hint.onboarding.help-hint:hover::after,
ib-registration-identity-form ib-signature-form-card .info-hint.onboarding.help-hint:hover::after,
ib-registration-activation-types-form ib-signatures .info-hint.onboarding.help-hint:hover::after,
ib-registration-activation-types-form ib-signature-form-card .info-hint.onboarding.help-hint:hover::after,
ib-reset-activation-types-form ib-signatures .info-hint.onboarding.help-hint:hover::after,
ib-reset-activation-types-form ib-signature-form-card .info-hint.onboarding.help-hint:hover::after,
ib-registration-login-details ib-signatures .info-hint.onboarding.help-hint:hover::after,
ib-registration-login-details ib-signature-form-card .info-hint.onboarding.help-hint:hover::after {
  content: "";
  position: absolute;
  background-image: url(/tbcrd/assets/img/login/card-for-hint.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 185px;
  display: block;
  height: 126px;
  top: -140px;
  background-color: var(--color-text-strong-light);
  left: -80px;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 2px 8px -1px rgba(0, 30, 45, 0.03), 0px 0px 1px 0px rgba(0, 30, 45, 0.2);
  bottom: 0;
}
ib-registration-identity-form .centerV label,
ib-registration-activation-types-form .centerV label,
ib-reset-activation-types-form .centerV label,
ib-registration-login-details .centerV label {
  padding: 0;
  margin: 0 0 8px 0;
}
ib-registration-identity-form ib-label-tooltip > *,
ib-registration-activation-types-form ib-label-tooltip > *,
ib-reset-activation-types-form ib-label-tooltip > *,
ib-registration-login-details ib-label-tooltip > * {
  font-size: 14px !important;
}
html {
  --brand-primary: var(--color-icon-primary-initial);
  --brand-primary-hover: var(--color-text-primary-hovered);
  --brand-secondary: var(--color-stroke-primary-initial);
  --brand-primary-new: var(--color-stroke-primary-initial);
}
.mat-mdc-dialog-container .mat-mdc-dialog-content {
  color: inherit !important;
  font-family: inherit !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  padding: 0 !important;
}
.mdc-list-item__primary-text {
  width: 100%;
}
div.mat-mdc-autocomplete-panel {
  padding: 0 !important;
}
.mat-mdc-option {
  color: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  font-weight: inherit !important;
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-focus-icon-color: var(--brand-primary);
  --mdc-radio-selected-hover-icon-color: var(--brand-primary);
  --mdc-radio-selected-icon-color: var(--brand-primary);
  --mdc-radio-selected-pressed-icon-color: var(--brand-primary);
  --mat-radio-checked-ripple-color: var(--brand-primary);
}
mat-radio-button .mdc-label {
  margin-bottom: 0 !important;
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: $green;
  --mdc-switch-selected-handle-color: $green;
  --mdc-switch-selected-hover-state-layer-color: $green;
  --mdc-switch-selected-pressed-state-layer-color: $green;
  --mdc-switch-selected-focus-handle-color: $green;
  --mdc-switch-selected-hover-handle-color: $green;
  --mdc-switch-selected-pressed-handle-color: $green;
  --mdc-switch-selected-focus-track-color: $green;
  --mdc-switch-selected-hover-track-color: $green;
  --mdc-switch-selected-pressed-track-color: $green;
  --mdc-switch-selected-track-color: $green;
}
html body {
  background-color: var(--color-surface-low-initial);
  font-family: "TBCX";
}
.form-horizontal::after {
  display: block;
  clear: both;
  content: "";
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.hidden {
  display: none !important;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1 {
  float: left;
  width: 8.33333333%;
}
.col-xs-2 {
  float: left;
  width: 16.66666667%;
}
.col-xs-3 {
  float: left;
  width: 25%;
}
.col-xs-4 {
  float: left;
  width: 33.33333333%;
}
.col-xs-5 {
  float: left;
  width: 41.66666667%;
}
.col-xs-6 {
  float: left;
  width: 50%;
}
.col-xs-7 {
  float: left;
  width: 58.33333333%;
}
.col-xs-8 {
  float: left;
  width: 66.66666667%;
}
.col-xs-9 {
  float: left;
  width: 75%;
}
.col-xs-10 {
  float: left;
  width: 83.33333333%;
}
.col-xs-11 {
  float: left;
  width: 91.66666667%;
}
.col-xs-12 {
  float: left;
  width: 100%;
}
.img-circle {
  border-radius: 50%;
}
.modal-footer,
.modal-error-content .modal-error-footer,
.modal-success-content .modal-success-footer {
  text-align: right;
  display: block;
}
.modal-footer > *,
.modal-error-content .modal-error-footer > *,
.modal-success-content .modal-success-footer > * {
  margin: 0px;
}
.modal-header,
.modal-error-content .modal-error-header,
.modal-success-content .modal-success-header {
  display: block;
}
.modal-header .close,
.modal-error-content .modal-error-header .close,
.modal-success-content .modal-success-header .close {
  padding: 0px;
  margin: 0px;
}
@media (min-width: 1200px) {
  .modal-dialog {
    width: 600px;
  }
  .modal-dialog-calendar {
    width: 700px;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 100%;
  }
}
footer {
  clear: both;
}
.carousel-item {
  display: inherit;
  float: inherit;
}
.modal-dialog {
  margin: 0;
}

/* angular:styles/global:styles */