/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-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)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--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:#ff4081;--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)}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--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}html{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--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-primary{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--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-accent{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--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-warn{--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}html{--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)}html{--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)}html{--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:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 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}html{--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:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);--mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);--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}html{--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 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}html{--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 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:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent{--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 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)}.mat-mdc-form-field.mat-warn{--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-mdc-form-field.mat-warn{--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}html{--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}html{--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(63, 81, 181, 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, 64, 129, 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}html{--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-mdc-standard-chip{--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:rgb(224.4, 224.4, 224.4);--mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);--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-mdc-standard-chip{--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:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--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-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--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:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--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-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.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-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--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:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--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)}html{--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:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}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:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-mdc-radio-button.mat-primary{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--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:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-mdc-radio-button.mat-accent{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--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-mdc-radio-button.mat-warn{--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}html{--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)}html{--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:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--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}html{--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-accent{--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 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}html .mat-warn{--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-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-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}html{--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:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.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:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.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:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--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:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--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:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--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:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--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:#3f51b5}.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}html{--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}html{--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0}html{--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:#3f51b5}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--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:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--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:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--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:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--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:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--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:#3f51b5;--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:#ff4081;--mat-tab-header-with-background-foreground-color:white}.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:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--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:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--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{--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:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--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:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--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}html{--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}html{--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false}html{--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)}html{--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px}html{--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}html{--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px}html{--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px}html{--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)}html{--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}html{--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)}html{--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}html{--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)}html{--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}html{--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)}html{--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:#3f51b5}.mat-mdc-button.mat-primary{--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-mdc-button.mat-accent{--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button.mat-warn{--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:#3f51b5;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-primary{--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:#ff4081;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-accent{--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-warn{--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:#3f51b5;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-primary{--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:#ff4081;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-accent{--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-warn{--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:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-primary{--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-accent{--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 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-mdc-outlined-button.mat-warn{--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}html{--mdc-filled-button-container-height:36px}html{--mdc-protected-button-container-height:36px}html{--mdc-outlined-button-container-height:36px}html{--mat-text-button-touch-target-display:block}html{--mat-filled-button-touch-target-display:block}html{--mat-protected-button-touch-target-display:block}html{--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}html{--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}html{--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}html{--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)}html{--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:#3f51b5}html .mat-mdc-icon-button.mat-primary{--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081}html .mat-mdc-icon-button.mat-accent{--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336}html .mat-mdc-icon-button.mat-warn{--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)}html{--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)}html{--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}html{--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)}html{--mdc-fab-small-container-color:white}html{--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:#3f51b5}html .mat-mdc-fab.mat-primary{--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:#ff4081}html .mat-mdc-fab.mat-accent{--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-warn{--mdc-fab-container-color:#f44336}html .mat-mdc-fab.mat-warn{--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:#3f51b5}html .mat-mdc-mini-fab.mat-primary{--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:#ff4081}html .mat-mdc-mini-fab.mat-accent{--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-warn{--mdc-fab-small-container-color:#f44336}html .mat-mdc-mini-fab.mat-warn{--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}html{--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)}html{--mat-snack-bar-button-color:#ff4081}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:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}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:#3f51b5;--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:#ff4081;--mat-badge-text-color:white}.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}html{--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}html{--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:rgb(224.4, 224.4, 224.4)}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}html{--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:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 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:rgb(69.5241935484, 163.4758064516, 93.9516129032);--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:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 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:rgb(69.5241935484, 163.4758064516, 93.9516129032)}.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:rgb(69.5241935484, 163.4758064516, 93.9516129032)}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.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:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.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:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--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:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}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:rgb(117.3, 117.3, 117.3)}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:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.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}html{--mat-timepicker-container-shape:4px;--mat-timepicker-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-timepicker-container-background-color:white}.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}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./src/less/layout.css ***!
  \*************************************************************************************************************************************************************************************************************/
.container {
	width: 100%;
	padding-right: 16px;
	padding-right: 1rem;
	padding-left: 16px;
	padding-left: 1rem;
	margin-right: auto;
	margin-left: auto;
}
.container-max {
	max-width: 448px;
}
@media (max-width: 599.98px) {
	.container-max-xs {
		max-width: 448px;
	}
}
@media (min-width: 600px) {
	.container-max {
		max-width: 640px;
	}
}
@media (min-width: 600px) and (max-width: 839.98px) {
	.container-max-sm {
		max-width: 640px;
	}
}
@media (min-width: 840px) {
	.container-max {
		max-width: 768px;
	}
}
@media (min-width: 840px) and (max-width: 1023.98px) {
	.container-max-md {
		max-width: 768px;
	}
}
@media (min-width: 1024px) {
	.container-max {
		max-width: 896px;
	}
}
@media (min-width: 1024px) and (max-width: 1199.98px) {
	.container-max-lg {
		max-width: 896px;
	}
}
@media (min-width: 1200px) {
	.container-max,
	.container-max-xl {
		max-width: 960px;
	}
}
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -8px;
	margin-right: -0.5rem;
	margin-left: -8px;
	margin-left: -0.5rem;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 8px;
	padding-right: 0.5rem;
	padding-left: 8px;
	padding-left: 0.5rem;
}
.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}
.col-1 {
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}
.col-2 {
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}
.col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col-4 {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
.col-5 {
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}
.col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.col-7 {
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}
.col-8 {
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}
.col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col-10 {
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}
.col-11 {
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}
.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.33333%;
}
.offset-2 {
	margin-left: 16.66667%;
}
.offset-3 {
	margin-left: 25%;
}
.offset-4 {
	margin-left: 33.33333%;
}
.offset-5 {
	margin-left: 41.66667%;
}
.offset-6 {
	margin-left: 50%;
}
.offset-7 {
	margin-left: 58.33333%;
}
.offset-8 {
	margin-left: 66.66667%;
}
.offset-9 {
	margin-left: 75%;
}
.offset-10 {
	margin-left: 83.33333%;
}
.offset-11 {
	margin-left: 91.66667%;
}
@media (min-width: 600px) {
	.col-sm {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.col-sm-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-sm-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-sm-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-sm-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-sm-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-sm-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-sm-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-sm-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.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.33333%;
	}
	.offset-sm-2 {
		margin-left: 16.66667%;
	}
	.offset-sm-3 {
		margin-left: 25%;
	}
	.offset-sm-4 {
		margin-left: 33.33333%;
	}
	.offset-sm-5 {
		margin-left: 41.66667%;
	}
	.offset-sm-6 {
		margin-left: 50%;
	}
	.offset-sm-7 {
		margin-left: 58.33333%;
	}
	.offset-sm-8 {
		margin-left: 66.66667%;
	}
	.offset-sm-9 {
		margin-left: 75%;
	}
	.offset-sm-10 {
		margin-left: 83.33333%;
	}
	.offset-sm-11 {
		margin-left: 91.66667%;
	}
}
@media (min-width: 840px) {
	.col-md {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.col-md-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-md-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-md-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-md-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-md-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-md-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-md-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-md-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-md-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-md-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.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.33333%;
	}
	.offset-md-2 {
		margin-left: 16.66667%;
	}
	.offset-md-3 {
		margin-left: 25%;
	}
	.offset-md-4 {
		margin-left: 33.33333%;
	}
	.offset-md-5 {
		margin-left: 41.66667%;
	}
	.offset-md-6 {
		margin-left: 50%;
	}
	.offset-md-7 {
		margin-left: 58.33333%;
	}
	.offset-md-8 {
		margin-left: 66.66667%;
	}
	.offset-md-9 {
		margin-left: 75%;
	}
	.offset-md-10 {
		margin-left: 83.33333%;
	}
	.offset-md-11 {
		margin-left: 91.66667%;
	}
}
@media (min-width: 1024px) {
	.col-lg {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.col-lg-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-lg-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-lg-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-lg-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-lg-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-lg-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-lg-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-lg-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-lg-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-lg-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.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.33333%;
	}
	.offset-lg-2 {
		margin-left: 16.66667%;
	}
	.offset-lg-3 {
		margin-left: 25%;
	}
	.offset-lg-4 {
		margin-left: 33.33333%;
	}
	.offset-lg-5 {
		margin-left: 41.66667%;
	}
	.offset-lg-6 {
		margin-left: 50%;
	}
	.offset-lg-7 {
		margin-left: 58.33333%;
	}
	.offset-lg-8 {
		margin-left: 66.66667%;
	}
	.offset-lg-9 {
		margin-left: 75%;
	}
	.offset-lg-10 {
		margin-left: 83.33333%;
	}
	.offset-lg-11 {
		margin-left: 91.66667%;
	}
}
@media (min-width: 1200px) {
	.col-xl {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.col-xl-1 {
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xl-2 {
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xl-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xl-4 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xl-5 {
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xl-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xl-7 {
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xl-8 {
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xl-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xl-10 {
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xl-11 {
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.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.33333%;
	}
	.offset-xl-2 {
		margin-left: 16.66667%;
	}
	.offset-xl-3 {
		margin-left: 25%;
	}
	.offset-xl-4 {
		margin-left: 33.33333%;
	}
	.offset-xl-5 {
		margin-left: 41.66667%;
	}
	.offset-xl-6 {
		margin-left: 50%;
	}
	.offset-xl-7 {
		margin-left: 58.33333%;
	}
	.offset-xl-8 {
		margin-left: 66.66667%;
	}
	.offset-xl-9 {
		margin-left: 75%;
	}
	.offset-xl-10 {
		margin-left: 83.33333%;
	}
	.offset-xl-11 {
		margin-left: 91.66667%;
	}
}
@media (min-width: 600px) {
	.container-sm {
		padding-right: 2rem;
		padding-left: 2rem;
	}
	.row-sm {
		margin-right: -0.75rem;
		margin-left: -0.75rem;
	}
	.row-sm > .col,
	.row-sm > [class*="col-"] {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
}
@media (min-width: 1024px) {
	.container-lg {
		padding-right: 2.5rem;
		padding-left: 2.5rem;
	}
	.row-lg {
		margin-right: -0.75rem;
		margin-left: -0.75rem;
	}
	.row-lg > .col,
	.row-lg > [class*="col-"] {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}
}
.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}
.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: 600px) {
	.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: 840px) {
	.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: 1024px) {
	.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;
	}
}
.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: 600px) {
	.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: 840px) {
	.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: 1024px) {
	.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;
	}
}
.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: 4px !important;
	margin: 0.25rem !important;
}
.mt-1,
.my-1 {
	margin-top: 4px !important;
	margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
	margin-right: 4px !important;
	margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
	margin-bottom: 4px !important;
	margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
	margin-left: 4px !important;
	margin-left: 0.25rem !important;
}
.m-2 {
	margin: 8px !important;
	margin: 0.5rem !important;
}
.mt-2,
.my-2 {
	margin-top: 8px !important;
	margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
	margin-right: 8px !important;
	margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
	margin-bottom: 8px !important;
	margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
	margin-left: 8px !important;
	margin-left: 0.5rem !important;
}
.m-3 {
	margin: 16px !important;
	margin: 1rem !important;
}
.mt-3,
.my-3 {
	margin-top: 16px !important;
	margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
	margin-right: 16px !important;
	margin-right: 1rem !important;
}
.mb-3,
.my-3 {
	margin-bottom: 16px !important;
	margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
	margin-left: 16px !important;
	margin-left: 1rem !important;
}
.m-4 {
	margin: 24px !important;
	margin: 1.5rem !important;
}
.mt-4,
.my-4 {
	margin-top: 24px !important;
	margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
	margin-right: 24px !important;
	margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
	margin-bottom: 24px !important;
	margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
	margin-left: 24px !important;
	margin-left: 1.5rem !important;
}
.m-5 {
	margin: 32px !important;
	margin: 2rem !important;
}
.mt-5,
.my-5 {
	margin-top: 32px !important;
	margin-top: 2rem !important;
}
.mr-5,
.mx-5 {
	margin-right: 32px !important;
	margin-right: 2rem !important;
}
.mb-5,
.my-5 {
	margin-bottom: 32px !important;
	margin-bottom: 2rem !important;
}
.ml-5,
.mx-5 {
	margin-left: 32px !important;
	margin-left: 2rem !important;
}
.m-6 {
	margin: 40px !important;
	margin: 2.5rem !important;
}
.mt-6,
.my-6 {
	margin-top: 40px !important;
	margin-top: 2.5rem !important;
}
.mr-6,
.mx-6 {
	margin-right: 40px !important;
	margin-right: 2.5rem !important;
}
.mb-6,
.my-6 {
	margin-bottom: 40px !important;
	margin-bottom: 2.5rem !important;
}
.ml-6,
.mx-6 {
	margin-left: 40px !important;
	margin-left: 2.5rem !important;
}
.m-7 {
	margin: 48px !important;
	margin: 3rem !important;
}
.mt-7,
.my-7 {
	margin-top: 48px !important;
	margin-top: 3rem !important;
}
.mr-7,
.mx-7 {
	margin-right: 48px !important;
	margin-right: 3rem !important;
}
.mb-7,
.my-7 {
	margin-bottom: 48px !important;
	margin-bottom: 3rem !important;
}
.ml-7,
.mx-7 {
	margin-left: 48px !important;
	margin-left: 3rem !important;
}
.m-11 {
	margin: 80px !important;
	margin: 5rem !important;
}
.mt-11,
.my-11 {
	margin-top: 80px !important;
	margin-top: 5rem !important;
}
.mr-11,
.mx-11 {
	margin-right: 80px !important;
	margin-right: 5rem !important;
}
.mb-11,
.my-11 {
	margin-bottom: 80px !important;
	margin-bottom: 5rem !important;
}
.ml-11,
.mx-11 {
	margin-left: 80px !important;
	margin-left: 5rem !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: 4px !important;
	padding: 0.25rem !important;
}
.pt-1,
.py-1 {
	padding-top: 4px !important;
	padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
	padding-right: 4px !important;
	padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
	padding-bottom: 4px !important;
	padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
	padding-left: 4px !important;
	padding-left: 0.25rem !important;
}
.p-2 {
	padding: 8px !important;
	padding: 0.5rem !important;
}
.pt-2,
.py-2 {
	padding-top: 8px !important;
	padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
	padding-right: 8px !important;
	padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
	padding-bottom: 8px !important;
	padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
	padding-left: 8px !important;
	padding-left: 0.5rem !important;
}
.p-3 {
	padding: 16px !important;
	padding: 1rem !important;
}
.pt-3,
.py-3 {
	padding-top: 16px !important;
	padding-top: 1rem !important;
}
.pr-3,
.px-3 {
	padding-right: 16px !important;
	padding-right: 1rem !important;
}
.pb-3,
.py-3 {
	padding-bottom: 16px !important;
	padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
	padding-left: 16px !important;
	padding-left: 1rem !important;
}
.p-4 {
	padding: 24px !important;
	padding: 1.5rem !important;
}
.pt-4,
.py-4 {
	padding-top: 24px !important;
	padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
	padding-right: 24px !important;
	padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
	padding-bottom: 24px !important;
	padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
	padding-left: 24px !important;
	padding-left: 1.5rem !important;
}
.p-5 {
	padding: 32px !important;
	padding: 2rem !important;
}
.pt-5,
.py-5 {
	padding-top: 32px !important;
	padding-top: 2rem !important;
}
.pr-5,
.px-5 {
	padding-right: 32px !important;
	padding-right: 2rem !important;
}
.pb-5,
.py-5 {
	padding-bottom: 32px !important;
	padding-bottom: 2rem !important;
}
.pl-5,
.px-5 {
	padding-left: 32px !important;
	padding-left: 2rem !important;
}
.p-6 {
	padding: 40px !important;
	padding: 2.5rem !important;
}
.pt-6,
.py-6 {
	padding-top: 40px !important;
	padding-top: 2.5rem !important;
}
.pr-6,
.px-6 {
	padding-right: 40px !important;
	padding-right: 2.5rem !important;
}
.pb-6,
.py-6 {
	padding-bottom: 40px !important;
	padding-bottom: 2.5rem !important;
}
.pl-6,
.px-6 {
	padding-left: 40px !important;
	padding-left: 2.5rem !important;
}
.p-7 {
	padding: 48px !important;
	padding: 3rem !important;
}
.pt-7,
.py-7 {
	padding-top: 48px !important;
	padding-top: 3rem !important;
}
.pr-7,
.px-7 {
	padding-right: 48px !important;
	padding-right: 3rem !important;
}
.pb-7,
.py-7 {
	padding-bottom: 48px !important;
	padding-bottom: 3rem !important;
}
.pl-7,
.px-7 {
	padding-left: 48px !important;
	padding-left: 3rem !important;
}
.p-11 {
	padding: 80px !important;
	padding: 5rem !important;
}
.pt-11,
.py-11 {
	padding-top: 80px !important;
	padding-top: 5rem !important;
}
.pr-11,
.px-11 {
	padding-right: 80px !important;
	padding-right: 5rem !important;
}
.pb-11,
.py-11 {
	padding-bottom: 80px !important;
	padding-bottom: 5rem !important;
}
.pl-11,
.px-11 {
	padding-left: 80px !important;
	padding-left: 5rem !important;
}
.m-n1 {
	margin: -4px !important;
	margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
	margin-top: -4px !important;
	margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
	margin-right: -4px !important;
	margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
	margin-bottom: -4px !important;
	margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
	margin-left: -4px !important;
	margin-left: -0.25rem !important;
}
.m-n2 {
	margin: -8px !important;
	margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
	margin-top: -8px !important;
	margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
	margin-right: -8px !important;
	margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
	margin-bottom: -8px !important;
	margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
	margin-left: -8px !important;
	margin-left: -0.5rem !important;
}
.m-n3 {
	margin: -16px !important;
	margin: -1rem !important;
}
.mt-n3,
.my-n3 {
	margin-top: -16px !important;
	margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
	margin-right: -16px !important;
	margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
	margin-bottom: -16px !important;
	margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
	margin-left: -16px !important;
	margin-left: -1rem !important;
}
.m-n4 {
	margin: -24px !important;
	margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
	margin-top: -24px !important;
	margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
	margin-right: -24px !important;
	margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
	margin-bottom: -24px !important;
	margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
	margin-left: -24px !important;
	margin-left: -1.5rem !important;
}
.m-n5 {
	margin: -32px !important;
	margin: -2rem !important;
}
.mt-n5,
.my-n5 {
	margin-top: -32px !important;
	margin-top: -2rem !important;
}
.mr-n5,
.mx-n5 {
	margin-right: -32px !important;
	margin-right: -2rem !important;
}
.mb-n5,
.my-n5 {
	margin-bottom: -32px !important;
	margin-bottom: -2rem !important;
}
.ml-n5,
.mx-n5 {
	margin-left: -32px !important;
	margin-left: -2rem !important;
}
.m-n6 {
	margin: -40px !important;
	margin: -2.5rem !important;
}
.mt-n6,
.my-n6 {
	margin-top: -40px !important;
	margin-top: -2.5rem !important;
}
.mr-n6,
.mx-n6 {
	margin-right: -40px !important;
	margin-right: -2.5rem !important;
}
.mb-n6,
.my-n6 {
	margin-bottom: -40px !important;
	margin-bottom: -2.5rem !important;
}
.ml-n6,
.mx-n6 {
	margin-left: -40px !important;
	margin-left: -2.5rem !important;
}
.m-n7 {
	margin: -48px !important;
	margin: -3rem !important;
}
.mt-n7,
.my-n7 {
	margin-top: -48px !important;
	margin-top: -3rem !important;
}
.mr-n7,
.mx-n7 {
	margin-right: -48px !important;
	margin-right: -3rem !important;
}
.mb-n7,
.my-n7 {
	margin-bottom: -48px !important;
	margin-bottom: -3rem !important;
}
.ml-n7,
.mx-n7 {
	margin-left: -48px !important;
	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: 600px) {
	.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: 2rem !important;
	}
	.mt-sm-5,
	.my-sm-5 {
		margin-top: 2rem !important;
	}
	.mr-sm-5,
	.mx-sm-5 {
		margin-right: 2rem !important;
	}
	.mb-sm-5,
	.my-sm-5 {
		margin-bottom: 2rem !important;
	}
	.ml-sm-5,
	.mx-sm-5 {
		margin-left: 2rem !important;
	}
	.m-sm-6 {
		margin: 3rem !important;
	}
	.mt-sm-6,
	.my-sm-6 {
		margin-top: 3rem !important;
	}
	.mr-sm-6,
	.mx-sm-6 {
		margin-right: 3rem !important;
	}
	.mb-sm-6,
	.my-sm-6 {
		margin-bottom: 3rem !important;
	}
	.ml-sm-6,
	.mx-sm-6 {
		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: 2rem !important;
	}
	.pt-sm-5,
	.py-sm-5 {
		padding-top: 2rem !important;
	}
	.pr-sm-5,
	.px-sm-5 {
		padding-right: 2rem !important;
	}
	.pb-sm-5,
	.py-sm-5 {
		padding-bottom: 2rem !important;
	}
	.pl-sm-5,
	.px-sm-5 {
		padding-left: 2rem !important;
	}
	.p-sm-6 {
		padding: 3rem !important;
	}
	.pt-sm-6,
	.py-sm-6 {
		padding-top: 3rem !important;
	}
	.pr-sm-6,
	.px-sm-6 {
		padding-right: 3rem !important;
	}
	.pb-sm-6,
	.py-sm-6 {
		padding-bottom: 3rem !important;
	}
	.pl-sm-6,
	.px-sm-6 {
		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: -2rem !important;
	}
	.mt-sm-n5,
	.my-sm-n5 {
		margin-top: -2rem !important;
	}
	.mr-sm-n5,
	.mx-sm-n5 {
		margin-right: -2rem !important;
	}
	.mb-sm-n5,
	.my-sm-n5 {
		margin-bottom: -2rem !important;
	}
	.ml-sm-n5,
	.mx-sm-n5 {
		margin-left: -2rem !important;
	}
	.m-sm-n6 {
		margin: -3rem !important;
	}
	.mt-sm-n6,
	.my-sm-n6 {
		margin-top: -3rem !important;
	}
	.mr-sm-n6,
	.mx-sm-n6 {
		margin-right: -3rem !important;
	}
	.mb-sm-n6,
	.my-sm-n6 {
		margin-bottom: -3rem !important;
	}
	.ml-sm-n6,
	.mx-sm-n6 {
		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: 840px) {
	.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: 2rem !important;
	}
	.mt-md-5,
	.my-md-5 {
		margin-top: 2rem !important;
	}
	.mr-md-5,
	.mx-md-5 {
		margin-right: 2rem !important;
	}
	.mb-md-5,
	.my-md-5 {
		margin-bottom: 2rem !important;
	}
	.ml-md-5,
	.mx-md-5 {
		margin-left: 2rem !important;
	}
	.m-md-6 {
		margin: 3rem !important;
	}
	.mt-md-6,
	.my-md-6 {
		margin-top: 3rem !important;
	}
	.mr-md-6,
	.mx-md-6 {
		margin-right: 3rem !important;
	}
	.mb-md-6,
	.my-md-6 {
		margin-bottom: 3rem !important;
	}
	.ml-md-6,
	.mx-md-6 {
		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: 2rem !important;
	}
	.pt-md-5,
	.py-md-5 {
		padding-top: 2rem !important;
	}
	.pr-md-5,
	.px-md-5 {
		padding-right: 2rem !important;
	}
	.pb-md-5,
	.py-md-5 {
		padding-bottom: 2rem !important;
	}
	.pl-md-5,
	.px-md-5 {
		padding-left: 2rem !important;
	}
	.p-md-6 {
		padding: 3rem !important;
	}
	.pt-md-6,
	.py-md-6 {
		padding-top: 3rem !important;
	}
	.pr-md-6,
	.px-md-6 {
		padding-right: 3rem !important;
	}
	.pb-md-6,
	.py-md-6 {
		padding-bottom: 3rem !important;
	}
	.pl-md-6,
	.px-md-6 {
		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: -2rem !important;
	}
	.mt-md-n5,
	.my-md-n5 {
		margin-top: -2rem !important;
	}
	.mr-md-n5,
	.mx-md-n5 {
		margin-right: -2rem !important;
	}
	.mb-md-n5,
	.my-md-n5 {
		margin-bottom: -2rem !important;
	}
	.ml-md-n5,
	.mx-md-n5 {
		margin-left: -2rem !important;
	}
	.m-md-n6 {
		margin: -3rem !important;
	}
	.mt-md-n6,
	.my-md-n6 {
		margin-top: -3rem !important;
	}
	.mr-md-n6,
	.mx-md-n6 {
		margin-right: -3rem !important;
	}
	.mb-md-n6,
	.my-md-n6 {
		margin-bottom: -3rem !important;
	}
	.ml-md-n6,
	.mx-md-n6 {
		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: 1024px) {
	.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: 2rem !important;
	}
	.mt-lg-5,
	.my-lg-5 {
		margin-top: 2rem !important;
	}
	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 2rem !important;
	}
	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 2rem !important;
	}
	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 2rem !important;
	}
	.m-lg-6 {
		margin: 3rem !important;
	}
	.mt-lg-6,
	.my-lg-6 {
		margin-top: 3rem !important;
	}
	.mr-lg-6,
	.mx-lg-6 {
		margin-right: 3rem !important;
	}
	.mb-lg-6,
	.my-lg-6 {
		margin-bottom: 3rem !important;
	}
	.ml-lg-6,
	.mx-lg-6 {
		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: 2rem !important;
	}
	.pt-lg-5,
	.py-lg-5 {
		padding-top: 2rem !important;
	}
	.pr-lg-5,
	.px-lg-5 {
		padding-right: 2rem !important;
	}
	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 2rem !important;
	}
	.pl-lg-5,
	.px-lg-5 {
		padding-left: 2rem !important;
	}
	.p-lg-6 {
		padding: 3rem !important;
	}
	.pt-lg-6,
	.py-lg-6 {
		padding-top: 3rem !important;
	}
	.pr-lg-6,
	.px-lg-6 {
		padding-right: 3rem !important;
	}
	.pb-lg-6,
	.py-lg-6 {
		padding-bottom: 3rem !important;
	}
	.pl-lg-6,
	.px-lg-6 {
		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: -2rem !important;
	}
	.mt-lg-n5,
	.my-lg-n5 {
		margin-top: -2rem !important;
	}
	.mr-lg-n5,
	.mx-lg-n5 {
		margin-right: -2rem !important;
	}
	.mb-lg-n5,
	.my-lg-n5 {
		margin-bottom: -2rem !important;
	}
	.ml-lg-n5,
	.mx-lg-n5 {
		margin-left: -2rem !important;
	}
	.m-lg-n6 {
		margin: -3rem !important;
	}
	.mt-lg-n6,
	.my-lg-n6 {
		margin-top: -3rem !important;
	}
	.mr-lg-n6,
	.mx-lg-n6 {
		margin-right: -3rem !important;
	}
	.mb-lg-n6,
	.my-lg-n6 {
		margin-bottom: -3rem !important;
	}
	.ml-lg-n6,
	.mx-lg-n6 {
		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: 2rem !important;
	}
	.mt-xl-5,
	.my-xl-5 {
		margin-top: 2rem !important;
	}
	.mr-xl-5,
	.mx-xl-5 {
		margin-right: 2rem !important;
	}
	.mb-xl-5,
	.my-xl-5 {
		margin-bottom: 2rem !important;
	}
	.ml-xl-5,
	.mx-xl-5 {
		margin-left: 2rem !important;
	}
	.m-xl-6 {
		margin: 3rem !important;
	}
	.mt-xl-6,
	.my-xl-6 {
		margin-top: 3rem !important;
	}
	.mr-xl-6,
	.mx-xl-6 {
		margin-right: 3rem !important;
	}
	.mb-xl-6,
	.my-xl-6 {
		margin-bottom: 3rem !important;
	}
	.ml-xl-6,
	.mx-xl-6 {
		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: 2rem !important;
	}
	.pt-xl-5,
	.py-xl-5 {
		padding-top: 2rem !important;
	}
	.pr-xl-5,
	.px-xl-5 {
		padding-right: 2rem !important;
	}
	.pb-xl-5,
	.py-xl-5 {
		padding-bottom: 2rem !important;
	}
	.pl-xl-5,
	.px-xl-5 {
		padding-left: 2rem !important;
	}
	.p-xl-6 {
		padding: 3rem !important;
	}
	.pt-xl-6,
	.py-xl-6 {
		padding-top: 3rem !important;
	}
	.pr-xl-6,
	.px-xl-6 {
		padding-right: 3rem !important;
	}
	.pb-xl-6,
	.py-xl-6 {
		padding-bottom: 3rem !important;
	}
	.pl-xl-6,
	.px-xl-6 {
		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: -2rem !important;
	}
	.mt-xl-n5,
	.my-xl-n5 {
		margin-top: -2rem !important;
	}
	.mr-xl-n5,
	.mx-xl-n5 {
		margin-right: -2rem !important;
	}
	.mb-xl-n5,
	.my-xl-n5 {
		margin-bottom: -2rem !important;
	}
	.ml-xl-n5,
	.mx-xl-n5 {
		margin-left: -2rem !important;
	}
	.m-xl-n6 {
		margin: -3rem !important;
	}
	.mt-xl-n6,
	.my-xl-n6 {
		margin-top: -3rem !important;
	}
	.mr-xl-n6,
	.mx-xl-n6 {
		margin-right: -3rem !important;
	}
	.mb-xl-n6,
	.my-xl-n6 {
		margin-bottom: -3rem !important;
	}
	.ml-xl-n6,
	.mx-xl-n6 {
		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;
	}
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[8].rules[0].oneOf[0].use[2]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[8].rules[1].use[0]!./src/styles.less?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a,
a:visited,
a:active,
a:hover {
  color: black;
  text-decoration: none;
}
*,
:after,
:before {
  box-sizing: border-box;
  outline: none;
}
input,
select,
button,
textarea {
  -webkit-appearance: none;
          appearance: none;
}
.ds-color-black {
  color: #0e2125 !important;
}
.ds-color-action {
  color: #3f7e90 !important;
}
.ds-color-grey-41 {
  color: #606c6f !important;
}
.ds-color-grey-41-trans {
  color: rgba(14, 33, 37, 0.66);
}
.ds-color-grey-54 {
  color: #848e90;
}
.ds-color-grey-77 {
  color: #c0c5c6;
}
.ds-color-danger-50 {
  color: #d12d35 !important;
}
/**
Theme vars
NOTE: MUST BE used with CSS vars from autoprefixer-vars.css
NOTE: Fallback for CSS vars is provided automatically by running autoprefixer.
 */
/*
	Logo, falls back to engage logo
*/
/*
Typography
*/
.weight-heavier {
  font-weight: 800;
}
.weight-heavy {
  font-weight: 700;
}
.weight-medium {
  font-weight: 500;
}
.weight-roman {
  font-weight: 400;
}
.weight-book {
  font-weight: 300;
}
.font-overline {
  font-size: 0.75rem;
  line-height: 1rem;
  text-transform: uppercase;
}
.font-caption {
  font-size: 13px;
  line-height: 1rem;
}
.font-body-2 {
  font-size: 14px;
  line-height: 1.25rem;
}
.font-body-1 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.font-heading-4 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-heading-3 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.font-heading-2 {
  font-size: 2rem;
  line-height: 2.5rem;
}
.font-heading-1 {
  font-size: 2.25rem;
  line-height: 2.75rem;
}
.font-display-2 {
  font-size: 4rem;
  line-height: 5rem;
}
.font-display-1 {
  font-size: 5rem;
  line-height: 6rem;
}
/**
Responsive
DEPRECATED, do NOT use. Use the queries from layout.less
REMOVE once timesheets are refactored
 */
.px-2-and-half {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.overflow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-align-center {
  text-align: center !important;
}
.text-align-left {
  text-align: left !important;
}
.text-align-right {
  text-align: right !important;
}
.h-100 {
  height: 100%;
}
.h-auto {
  height: auto !important;
}
@media (min-width: 1024px) {
  .h-lg-auto {
    height: auto;
  }
}
.w-100 {
  width: 100%;
}
.w-auto {
  width: auto !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.icon-color-main-theme svg * {
  fill: var(--main-theme-color);
}
.icon-color-danger-43 svg * {
  fill: #db6300;
}
.icon-color-danger svg * {
  fill: #d12d35;
}
.icon-color-danger.icon-thicker svg circle,
.icon-color-danger.icon-thicker svg path {
  stroke: #d12d35;
}
.icon-color-grey svg * {
  fill: rgba(14, 33, 37, 0.26);
}
.icon-thicker svg circle,
.icon-thicker svg path {
  stroke-width: 2px;
}
.icon-size-xl svg {
  height: 4rem;
  width: 4rem;
}
.icon-size-lg svg {
  height: 2.5rem;
  width: 2.5rem;
}
.icon-size-md svg {
  width: 2rem;
}
@media (min-width: 600px) {
  .icon-size-md svg {
    width: 2.5rem;
  }
  .icon-size-lg svg {
    height: 3rem;
    width: 3rem;
  }
}
html {
  -ms-overflow-style: none;
  font-size: 16px;
  background-color: #e0e2e3;
}
body,
textarea,
select,
input,
button {
  font-family: "Avenir W01", "Open Sans", sans-serif;
  font-size: 0;
  line-height: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -webkit-appearance: textfield;
          appearance: textfield;
}
body {
  -ms-overflow-style: none;
  overflow-y: auto;
}
body.no-scroll {
  position: fixed;
  overflow-y: hidden;
  width: 100%;
}
::-webkit-scrollbar {
  display: none;
}
button {
  cursor: pointer;
  display: inline;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: transparent;
  color: black;
  text-align: left;
  -webkit-appearance: none;
          appearance: none;
  outline: none;
}
.overflowHiddenWhenAnimating.ng-animating {
  overflow: hidden;
}
/* Container
	Styles have to live here as container styles should apply to both Barbie and Velma
*/
.container {
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  background-color: #ffffff;
  border-radius: 0.25rem;
}
/* Overwriting bootstrap class on xl viewports
	Fixes this case: 
		on page A content is wider than the max-width value for xl viewports, 
		on page B content is narrower that this max-width value,
		when navigating form page A to page B the page will "jump": both sidebar and content will be pushed into center
*/
@media (min-width: 1200px) {
  .container-max {
    width: 60rem;
  }
}
/*
Table
*/
.table-head {
  display: flex;
  background-color: #eceff1;
  font-weight: 700;
  padding: 15px 0;
}
.table-head > * {
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #858b8f;
  text-transform: uppercase;
  padding-right: 28px;
}
.table-head > *:first-child {
  padding-left: 28px;
}
.table-head > *.right {
  text-align: right;
}
.table-head .strong {
  color: #0e2125;
}
@media (max-width: 900px) {
  .table-head {
    padding: 11px 0;
  }
  .table-head > * {
    font-size: 11px;
    line-height: 13px;
    padding-right: 16px;
  }
  .table-head > *:first-child {
    padding-left: 16px;
  }
}
.table-body,
.table-foot {
  display: flex;
  align-items: center;
  padding: 15px 0;
  border-bottom: solid 1px #dde2e5;
}
.table-body > *,
.table-foot > * {
  word-wrap: break-word;
  padding-right: 28px;
}
.table-body > *:first-child,
.table-foot > *:first-child {
  padding-left: 28px;
}
@media (max-width: 900px) {
  .table-body,
  .table-foot {
    padding: 13px 0;
  }
  .table-body > *,
  .table-foot > * {
    padding-right: 16px;
  }
  .table-body > *:first-child,
  .table-foot > *:first-child {
    padding-left: 16px;
  }
}
a.table-body {
  transition: background-color 0.3s ease;
}
a.table-body:hover {
  background-color: #eceff1;
}
.screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*
Icons
*/
.arrow {
  width: 8px;
  height: 14px;
  padding: 0;
}
.arrow ::ng-deep svg {
  width: 8px;
  height: 14px;
  fill: #c0c5c6;
  transition: fill 0.3s ease;
}
/*
	Collapse directive needs this class
	Had to put it here since directives don't support styles or styleURLs
*/
.slide {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: visibility 0.1s, max-height 0.3s 0.1s ease-in-out;
}
.slide.in {
  max-height: 600px;
  visibility: visible;
}
.slide.out {
  transition: max-height 0.3s ease-in-out, visibility 0.1s 0.3s;
  max-height: 0;
}
.barbie-css .ds-heading-2,
.ds-heading-2 {
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
  color: #0e2125;
}
.pendo-resource-center-badge-notification-bubble,
._pendo-home-view-bubble {
  padding: 2px 10px !important;
  font-size: 16px;
  z-index: 0;
}
.barbie-css {
  position: relative;
  /* Layout sizes */
  /* Fonts */
  /* Palette */
  /* Design System Palette */
  /* Sizes */
  /* Dialogs */
  font-family: "Avenir W01", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  /* Mandatory CSS required for ng-sortable */
  /*!
 * Cropper.js v1.5.13
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
 */
}
.barbie-css *,
.barbie-css :after,
.barbie-css :before {
  box-sizing: content-box;
}
.barbie-css .default-font-styles {
  font-family: "Avenir W01", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
.barbie-css h1 {
  font-size: 20px;
  font-weight: 400;
  color: #2E3236;
  margin-bottom: 20px;
}
.barbie-css h2 {
  font-size: 32px;
  font-weight: 300;
  color: #2E3236;
  margin-bottom: 8px;
}
@media (max-width: 500px) {
  .barbie-css h2 {
    font-size: 25px;
  }
}
.barbie-css h2 .sub-heading {
  display: block;
  font-size: 14px;
  color: #858B8F;
}
.barbie-css h2 .sub-heading.right {
  float: right;
  padding-top: 10px;
  margin-bottom: 10px;
}
.barbie-css h2 .sub-heading.large {
  font-size: 20px;
}
.barbie-css h2 .sub-heading.theme {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css h2 .sub-heading.alert {
  color: #C81F02;
}
.barbie-css h2.nudged {
  display: inline-block;
}
.barbie-css h2.no-margin {
  margin: 0;
}
.barbie-css h2.small-margin {
  margin: 0 0 8px;
}
.barbie-css h2.task-heading .completed {
  color: #C5C9CC;
}
.barbie-css h2.task-heading .critical {
  color: #C81F02;
}
.barbie-css h2.info-area {
  margin-bottom: 40px;
}
.barbie-css h2.bottom-margin {
  margin-bottom: 40px;
}
@media (max-width: 760px) {
  .barbie-css h2.no-margin-mobile {
    margin: 0;
  }
}
.barbie-css h3 {
  font-size: 22px;
  font-weight: 300;
  color: #2E3236;
  clear: both;
  margin-bottom: 20px;
}
.barbie-css h3.floated {
  float: left;
}
@media (max-width: 1000px) {
  .barbie-css h3.floated {
    float: none;
  }
}
.barbie-css h3.top-margin {
  padding-top: 20px;
}
.barbie-css h3.top-margin.large {
  padding-top: 50px;
}
.barbie-css h3.checked {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css h3.thirdstate {
  color: #DDE2E5;
}
.barbie-css h3.bottom-margin {
  margin-bottom: 40px;
}
.barbie-css h3.small-bottom-margin {
  margin-bottom: 5px;
}
.barbie-css h4 {
  font-size: 18px;
  font-weight: 300;
  color: #2E3236;
  margin: 0 0 8px;
}
.barbie-css h4.no-margin {
  margin: 0;
}
.barbie-css h4.top-margin {
  margin-top: 20px;
}
.barbie-css h4.bottom-margin {
  margin-bottom: 20px;
}
.barbie-css h5 {
  font-size: 16px;
  font-weight: 300;
  color: #2E3236;
  margin: 0 0 20px;
  overflow: auto;
}
.barbie-css h5.no-margin {
  margin: 0;
}
.barbie-css h5.small-margin {
  margin: 0 0 8px;
}
.barbie-css h5.top-margin {
  margin-top: 20px;
}
.barbie-css h5.bottom-margin {
  margin-bottom: 20px;
}
.barbie-css p {
  margin-bottom: 15px;
}
.barbie-css p.bottom-margin {
  margin-bottom: 40px;
}
.barbie-css b,
.barbie-css strong {
  font-weight: 800;
}
.barbie-css a {
  cursor: pointer;
  text-decoration: none;
  color: #2E3236;
}
.barbie-css a.theme-colour {
  color: #afbb36 !important;
  color: var(--main-theme-color) !important;
}
.barbie-css a.highlight {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css hr {
  border: none;
  margin: 30px 25px 30px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css label {
  margin-right: 4px;
  -webkit-user-select: none;
  user-select: none;
}
.barbie-css button,
.barbie-css input,
.barbie-css textarea {
  font-family: "Avenir W01", "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  color: #2E3236;
}
.barbie-css input,
.barbie-css textarea {
  outline: none;
  resize: none;
  border: none;
  border-radius: 0;
}
.barbie-css input:invalid,
.barbie-css textarea:invalid {
  box-shadow: none;
}
.barbie-css input:-moz-submit-invalid,
.barbie-css textarea:-moz-submit-invalid {
  box-shadow: none;
}
.barbie-css input:-moz-ui-invalid,
.barbie-css textarea:-moz-ui-invalid {
  box-shadow: none;
}
.barbie-css input:-webkit-autofill,
.barbie-css textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.barbie-css input:disabled,
.barbie-css textarea:disabled {
  background-color: transparent;
  color: #C5C9CC;
  -webkit-text-fill-color: #C5C9CC;
}
.barbie-css input[type="file"] {
  cursor: pointer;
}
.barbie-css ::-webkit-input-placeholder {
  color: #C5C9CC;
}
.barbie-css ::-moz-placeholder {
  color: #C5C9CC;
  opacity: 1;
}
.barbie-css :-ms-input-placeholder {
  color: #C5C9CC;
}
.barbie-css .capitalise {
  text-transform: capitalize;
}
.barbie-css .invisible {
  visibility: hidden;
}
.barbie-css .hidden {
  display: none;
}
.barbie-css .no-wrap {
  white-space: nowrap;
}
.barbie-css .whitespaces {
  white-space: pre-wrap;
}
.barbie-css .break-word {
  word-break: break-word;
}
.barbie-css .no-border {
  border: 0 !important;
}
.barbie-css .no-padding-left {
  padding-left: 0 !important;
}
.barbie-css .no-padding-right {
  padding-right: 0 !important;
}
.barbie-css .no-padding-top {
  padding-top: 0 !important;
}
.barbie-css .no-padding-bottom {
  padding-bottom: 0 !important;
}
.barbie-css .ellipsis-no-wrap {
  white-space: nowrap !important;
  width: auto !important;
  max-width: none !important;
}
.barbie-css .alert {
  color: #C81F02;
}
.barbie-css .clearfix:after {
  content: "";
  clear: both;
  display: table;
}
.barbie-css .justified {
  text-align: justify;
}
.barbie-css .bold {
  font-weight: bold;
}
.barbie-css .title-case::first-letter {
  text-transform: uppercase;
}
.barbie-css .float-left {
  float: left;
}
.barbie-css .overflow-hidden {
  overflow: hidden;
}
.barbie-css .as-sortable-item,
.barbie-css .as-sortable-placeholder {
  display: block;
}
.barbie-css .as-sortable-item {
  touch-action: none;
  /* to disable context menu on iOS devices */
  -webkit-touch-callout: none;
}
.barbie-css .as-sortable-item-handle {
  cursor: grab;
  cursor: -moz-grab;
  content: "....";
  width: 10px;
  height: 100%;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  line-height: 5px;
  padding: 3px 4px;
  cursor: move;
  vertical-align: middle;
  margin-top: -0.7em;
  margin-right: 0.3em;
  font-size: 12px;
  font-family: sans-serif;
  letter-spacing: 2px;
  color: #A6ABAE;
  text-shadow: 1px 0 1px black;
}
.barbie-css .as-sortable-item-handle::after {
  content: ".. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. ..";
}
.barbie-css .as-sortable-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.barbie-css .as-sortable-hidden {
  display: none !important;
}
.barbie-css .as-sortable-un-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.barbie-css .uppercase {
  text-transform: uppercase;
}
@font-face {
  font-family: "iconfont";
  src: url('iconfont.951f8afd67b5459c.eot?t=1750955027440');
  /* IE9*/
  src: url('iconfont.951f8afd67b5459c.eot?t=1750955027440#iefix') format("embedded-opentype"),  url('iconfont.24537aee1b2a45b9.woff2?t=1750955027440') format("woff2"), url('iconfont.a76d9fd84a17add9.woff?t=1750955027440') format("woff"), url('iconfont.4e24674d52008824.ttf?t=1750955027440') format("truetype"),  url('iconfont.e69ec83f1c4bfcd2.svg?t=1750955027440#iconfont') format("svg");
  /* iOS 4.1- */
}
.barbie-css [class^="glyph-"],
.barbie-css [class*=" glyph-"] {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.barbie-css * {
  --glyph-account-big: "\ea01";
  --glyph-account: "\ea02";
  --glyph-address-book: "\ea03";
  --glyph-arrow-down: "\ea04";
  --glyph-arrow-left-big: "\ea05";
  --glyph-arrow-left-down: "\ea06";
  --glyph-arrow-left-up: "\ea07";
  --glyph-arrow-left: "\ea08";
  --glyph-arrow-right-big: "\ea09";
  --glyph-arrow-right-down: "\ea0a";
  --glyph-arrow-right-up: "\ea0b";
  --glyph-arrow-right: "\ea0c";
  --glyph-arrow-select: "\ea0d";
  --glyph-arrow-up: "\ea0e";
  --glyph-attachment-pdf: "\ea0f";
  --glyph-back: "\ea10";
  --glyph-badge-big: "\ea11";
  --glyph-badge: "\ea12";
  --glyph-bank-details-big: "\ea13";
  --glyph-bank-details: "\ea14";
  --glyph-bell: "\ea15";
  --glyph-bill-pay: "\ea16";
  --glyph-briefcase: "\ea17";
  --glyph-building: "\ea18";
  --glyph-business-deal-handshake: "\ea19";
  --glyph-businesses: "\ea1a";
  --glyph-chains: "\ea1b";
  --glyph-check-badge: "\ea1c";
  --glyph-check: "\ea1d";
  --glyph-checklist: "\ea1e";
  --glyph-chevron-down-big: "\ea1f";
  --glyph-chevron-down-circled-outlined: "\ea20";
  --glyph-chevron-down-circled: "\ea21";
  --glyph-chevron-down: "\ea22";
  --glyph-chevron-left-circled-outlined: "\ea23";
  --glyph-chevron-left-circled: "\ea24";
  --glyph-chevron-left: "\ea25";
  --glyph-chevron-right-big: "\ea26";
  --glyph-chevron-right-circled-outlined: "\ea27";
  --glyph-chevron-right-circled: "\ea28";
  --glyph-chevron-right: "\ea29";
  --glyph-chevron-up-circled-outlined: "\ea2a";
  --glyph-chevron-up-circled: "\ea2b";
  --glyph-chevron-up: "\ea2c";
  --glyph-circle-outlined-thick: "\ea2d";
  --glyph-circle-outlined-thicker: "\ea2e";
  --glyph-circle-outlined: "\ea2f";
  --glyph-circle-small: "\ea30";
  --glyph-circle: "\ea31";
  --glyph-cloud-arrow-down-big: "\ea32";
  --glyph-cloud-arrow-down: "\ea33";
  --glyph-cloud-arrow-up: "\ea34";
  --glyph-context-menu: "\ea35";
  --glyph-cross-big: "\ea36";
  --glyph-cross-circle-fill: "\ea37";
  --glyph-cross-circle: "\ea38";
  --glyph-cross-circled-outlined-thick: "\ea39";
  --glyph-cross-circled-outlined-thicker: "\ea3a";
  --glyph-cross-circled-outlined: "\ea3b";
  --glyph-cross-circled-thick: "\ea3c";
  --glyph-cross-circled-thicker: "\ea3d";
  --glyph-cross-circled: "\ea3e";
  --glyph-cross-square-fill: "\ea3f";
  --glyph-cross: "\ea40";
  --glyph-download: "\ea41";
  --glyph-e-learning-book-laptop: "\ea42";
  --glyph-email-action-check: "\ea43";
  --glyph-env-with-wings: "\ea44";
  --glyph-envelope-outlined: "\ea45";
  --glyph-envelope: "\ea46";
  --glyph-exclamation-circle: "\ea47";
  --glyph-exclamation-triangle: "\ea48";
  --glyph-flag: "\ea49";
  --glyph-hamburger-menu: "\ea4a";
  --glyph-hand-big: "\ea4b";
  --glyph-hand: "\ea4c";
  --glyph-headphones-customer-support-human: "\ea4d";
  --glyph-home: "\ea4e";
  --glyph-image-file-gif: "\ea4f";
  --glyph-image-file-jpeg: "\ea50";
  --glyph-image-file-jpg: "\ea51";
  --glyph-image-file-landscape: "\ea52";
  --glyph-image-file-pdf: "\ea53";
  --glyph-image-file-png: "\ea54";
  --glyph-image-file-tif: "\ea55";
  --glyph-image-file-tiff: "\ea56";
  --glyph-image-file-upload: "\ea57";
  --glyph-invoice: "\ea58";
  --glyph-light-bulb-shine: "\ea59";
  --glyph-link-external: "\ea5a";
  --glyph-list: "\ea5b";
  --glyph-logout: "\ea5c";
  --glyph-magnifying-glass: "\ea5d";
  --glyph-minus: "\ea5e";
  --glyph-paper-clip-big: "\ea5f";
  --glyph-paper-clip: "\ea60";
  --glyph-payday: "\ea61";
  --glyph-payment-big: "\ea62";
  --glyph-payment: "\ea63";
  --glyph-pencil-outlined: "\ea64";
  --glyph-pencil: "\ea65";
  --glyph-pie-diagram: "\ea66";
  --glyph-plus-big: "\ea67";
  --glyph-plus-circled-outlined-thick: "\ea68";
  --glyph-plus-circled-outlined-thicker: "\ea69";
  --glyph-plus-circled-outlined: "\ea6a";
  --glyph-plus-circled-thick: "\ea6b";
  --glyph-plus-circled-thicker: "\ea6c";
  --glyph-plus-circled: "\ea6d";
  --glyph-plus: "\ea6e";
  --glyph-pounds-outlined: "\ea6f";
  --glyph-qr-code: "\ea70";
  --glyph-receipt: "\ea71";
  --glyph-remove-badge: "\ea72";
  --glyph-report: "\ea73";
  --glyph-search: "\ea74";
  --glyph-speech-bubble-outlined: "\ea75";
  --glyph-speech-bubble: "\ea76";
  --glyph-spinner-uploader: "\ea77";
  --glyph-star-outlined: "\ea78";
  --glyph-star: "\ea79";
  --glyph-task-list: "\ea7a";
  --glyph-three-by-three-dots: "\ea7b";
  --glyph-three-dots-surround: "\ea7c";
  --glyph-three-dots: "\ea7d";
  --glyph-three-sliders: "\ea7e";
  --glyph-three-stripes-menu: "\ea7f";
  --glyph-tick-big: "\ea80";
  --glyph-tick-circled-outlined-big: "\ea81";
  --glyph-tick-circled-outlined-thick: "\ea82";
  --glyph-tick-circled-outlined-thicker: "\ea83";
  --glyph-tick-circled-outlined: "\ea84";
  --glyph-tick-circled-thick: "\ea85";
  --glyph-tick-circled-thicker: "\ea86";
  --glyph-tick-circled: "\ea87";
  --glyph-tick: "\ea88";
  --glyph-timesheet-big: "\ea89";
  --glyph-timesheet: "\ea8a";
  --glyph-timesheets: "\ea8b";
  --glyph-trash-can-outlined-big: "\ea8c";
  --glyph-trash-can-outlined: "\ea8d";
  --glyph-triangle-down: "\ea8e";
  --glyph-triangle-handler-left: "\ea8f";
  --glyph-triangle-handler-right: "\ea90";
  --glyph-triangle: "\ea91";
  --glyph-warning-red: "\ea92";
  --glyph-warning: "\ea93";
}
.barbie-css .glyph-account-big:before {
  content: var(--glyph-account-big);
}
.barbie-css .glyph-account:before {
  content: var(--glyph-account);
}
.barbie-css .glyph-address-book:before {
  content: var(--glyph-address-book);
}
.barbie-css .glyph-arrow-down:before {
  content: var(--glyph-arrow-down);
}
.barbie-css .glyph-arrow-left-big:before {
  content: var(--glyph-arrow-left-big);
}
.barbie-css .glyph-arrow-left-down:before {
  content: var(--glyph-arrow-left-down);
}
.barbie-css .glyph-arrow-left-up:before {
  content: var(--glyph-arrow-left-up);
}
.barbie-css .glyph-arrow-left:before {
  content: var(--glyph-arrow-left);
}
.barbie-css .glyph-arrow-right-big:before {
  content: var(--glyph-arrow-right-big);
}
.barbie-css .glyph-arrow-right-down:before {
  content: var(--glyph-arrow-right-down);
}
.barbie-css .glyph-arrow-right-up:before {
  content: var(--glyph-arrow-right-up);
}
.barbie-css .glyph-arrow-right:before {
  content: var(--glyph-arrow-right);
}
.barbie-css .glyph-arrow-select:before {
  content: var(--glyph-arrow-select);
}
.barbie-css .glyph-arrow-up:before {
  content: var(--glyph-arrow-up);
}
.barbie-css .glyph-attachment-pdf:before {
  content: var(--glyph-attachment-pdf);
}
.barbie-css .glyph-back:before {
  content: var(--glyph-back);
}
.barbie-css .glyph-badge-big:before {
  content: var(--glyph-badge-big);
}
.barbie-css .glyph-badge:before {
  content: var(--glyph-badge);
}
.barbie-css .glyph-bank-details-big:before {
  content: var(--glyph-bank-details-big);
}
.barbie-css .glyph-bank-details:before {
  content: var(--glyph-bank-details);
}
.barbie-css .glyph-bell:before {
  content: var(--glyph-bell);
}
.barbie-css .glyph-bill-pay:before {
  content: var(--glyph-bill-pay);
}
.barbie-css .glyph-briefcase:before {
  content: var(--glyph-briefcase);
}
.barbie-css .glyph-building:before {
  content: var(--glyph-building);
}
.barbie-css .glyph-business-deal-handshake:before {
  content: var(--glyph-business-deal-handshake);
}
.barbie-css .glyph-businesses:before {
  content: var(--glyph-businesses);
}
.barbie-css .glyph-chains:before {
  content: var(--glyph-chains);
}
.barbie-css .glyph-check-badge:before {
  content: var(--glyph-check-badge);
}
.barbie-css .glyph-check:before {
  content: var(--glyph-check);
}
.barbie-css .glyph-checklist:before {
  content: var(--glyph-checklist);
}
.barbie-css .glyph-chevron-down-big:before {
  content: var(--glyph-chevron-down-big);
}
.barbie-css .glyph-chevron-down-circled-outlined:before {
  content: var(--glyph-chevron-down-circled-outlined);
}
.barbie-css .glyph-chevron-down-circled:before {
  content: var(--glyph-chevron-down-circled);
}
.barbie-css .glyph-chevron-down:before {
  content: var(--glyph-chevron-down);
}
.barbie-css .glyph-chevron-left-circled-outlined:before {
  content: var(--glyph-chevron-left-circled-outlined);
}
.barbie-css .glyph-chevron-left-circled:before {
  content: var(--glyph-chevron-left-circled);
}
.barbie-css .glyph-chevron-left:before {
  content: var(--glyph-chevron-left);
}
.barbie-css .glyph-chevron-right-big:before {
  content: var(--glyph-chevron-right-big);
}
.barbie-css .glyph-chevron-right-circled-outlined:before {
  content: var(--glyph-chevron-right-circled-outlined);
}
.barbie-css .glyph-chevron-right-circled:before {
  content: var(--glyph-chevron-right-circled);
}
.barbie-css .glyph-chevron-right:before {
  content: var(--glyph-chevron-right);
}
.barbie-css .glyph-chevron-up-circled-outlined:before {
  content: var(--glyph-chevron-up-circled-outlined);
}
.barbie-css .glyph-chevron-up-circled:before {
  content: var(--glyph-chevron-up-circled);
}
.barbie-css .glyph-chevron-up:before {
  content: var(--glyph-chevron-up);
}
.barbie-css .glyph-circle-outlined-thick:before {
  content: var(--glyph-circle-outlined-thick);
}
.barbie-css .glyph-circle-outlined-thicker:before {
  content: var(--glyph-circle-outlined-thicker);
}
.barbie-css .glyph-circle-outlined:before {
  content: var(--glyph-circle-outlined);
}
.barbie-css .glyph-circle-small:before {
  content: var(--glyph-circle-small);
}
.barbie-css .glyph-circle:before {
  content: var(--glyph-circle);
}
.barbie-css .glyph-cloud-arrow-down-big:before {
  content: var(--glyph-cloud-arrow-down-big);
}
.barbie-css .glyph-cloud-arrow-down:before {
  content: var(--glyph-cloud-arrow-down);
}
.barbie-css .glyph-cloud-arrow-up:before {
  content: var(--glyph-cloud-arrow-up);
}
.barbie-css .glyph-context-menu:before {
  content: var(--glyph-context-menu);
}
.barbie-css .glyph-cross-big:before {
  content: var(--glyph-cross-big);
}
.barbie-css .glyph-cross-circle-fill:before {
  content: var(--glyph-cross-circle-fill);
}
.barbie-css .glyph-cross-circle:before {
  content: var(--glyph-cross-circle);
}
.barbie-css .glyph-cross-circled-outlined-thick:before {
  content: var(--glyph-cross-circled-outlined-thick);
}
.barbie-css .glyph-cross-circled-outlined-thicker:before {
  content: var(--glyph-cross-circled-outlined-thicker);
}
.barbie-css .glyph-cross-circled-outlined:before {
  content: var(--glyph-cross-circled-outlined);
}
.barbie-css .glyph-cross-circled-thick:before {
  content: var(--glyph-cross-circled-thick);
}
.barbie-css .glyph-cross-circled-thicker:before {
  content: var(--glyph-cross-circled-thicker);
}
.barbie-css .glyph-cross-circled:before {
  content: var(--glyph-cross-circled);
}
.barbie-css .glyph-cross-square-fill:before {
  content: var(--glyph-cross-square-fill);
}
.barbie-css .glyph-cross:before {
  content: var(--glyph-cross);
}
.barbie-css .glyph-download:before {
  content: var(--glyph-download);
}
.barbie-css .glyph-e-learning-book-laptop:before {
  content: var(--glyph-e-learning-book-laptop);
}
.barbie-css .glyph-email-action-check:before {
  content: var(--glyph-email-action-check);
}
.barbie-css .glyph-env-with-wings:before {
  content: var(--glyph-env-with-wings);
}
.barbie-css .glyph-envelope-outlined:before {
  content: var(--glyph-envelope-outlined);
}
.barbie-css .glyph-envelope:before {
  content: var(--glyph-envelope);
}
.barbie-css .glyph-exclamation-circle:before {
  content: var(--glyph-exclamation-circle);
}
.barbie-css .glyph-exclamation-triangle:before {
  content: var(--glyph-exclamation-triangle);
}
.barbie-css .glyph-flag:before {
  content: var(--glyph-flag);
}
.barbie-css .glyph-hamburger-menu:before {
  content: var(--glyph-hamburger-menu);
}
.barbie-css .glyph-hand-big:before {
  content: var(--glyph-hand-big);
}
.barbie-css .glyph-hand:before {
  content: var(--glyph-hand);
}
.barbie-css .glyph-headphones-customer-support-human:before {
  content: var(--glyph-headphones-customer-support-human);
}
.barbie-css .glyph-home:before {
  content: var(--glyph-home);
}
.barbie-css .glyph-image-file-gif:before {
  content: var(--glyph-image-file-gif);
}
.barbie-css .glyph-image-file-jpeg:before {
  content: var(--glyph-image-file-jpeg);
}
.barbie-css .glyph-image-file-jpg:before {
  content: var(--glyph-image-file-jpg);
}
.barbie-css .glyph-image-file-landscape:before {
  content: var(--glyph-image-file-landscape);
}
.barbie-css .glyph-image-file-pdf:before {
  content: var(--glyph-image-file-pdf);
}
.barbie-css .glyph-image-file-png:before {
  content: var(--glyph-image-file-png);
}
.barbie-css .glyph-image-file-tif:before {
  content: var(--glyph-image-file-tif);
}
.barbie-css .glyph-image-file-tiff:before {
  content: var(--glyph-image-file-tiff);
}
.barbie-css .glyph-image-file-upload:before {
  content: var(--glyph-image-file-upload);
}
.barbie-css .glyph-invoice:before {
  content: var(--glyph-invoice);
}
.barbie-css .glyph-light-bulb-shine:before {
  content: var(--glyph-light-bulb-shine);
}
.barbie-css .glyph-link-external:before {
  content: var(--glyph-link-external);
}
.barbie-css .glyph-list:before {
  content: var(--glyph-list);
}
.barbie-css .glyph-logout:before {
  content: var(--glyph-logout);
}
.barbie-css .glyph-magnifying-glass:before {
  content: var(--glyph-magnifying-glass);
}
.barbie-css .glyph-minus:before {
  content: var(--glyph-minus);
}
.barbie-css .glyph-paper-clip-big:before {
  content: var(--glyph-paper-clip-big);
}
.barbie-css .glyph-paper-clip:before {
  content: var(--glyph-paper-clip);
}
.barbie-css .glyph-payday:before {
  content: var(--glyph-payday);
}
.barbie-css .glyph-payment-big:before {
  content: var(--glyph-payment-big);
}
.barbie-css .glyph-payment:before {
  content: var(--glyph-payment);
}
.barbie-css .glyph-pencil-outlined:before {
  content: var(--glyph-pencil-outlined);
}
.barbie-css .glyph-pencil:before {
  content: var(--glyph-pencil);
}
.barbie-css .glyph-pie-diagram:before {
  content: var(--glyph-pie-diagram);
}
.barbie-css .glyph-plus-big:before {
  content: var(--glyph-plus-big);
}
.barbie-css .glyph-plus-circled-outlined-thick:before {
  content: var(--glyph-plus-circled-outlined-thick);
}
.barbie-css .glyph-plus-circled-outlined-thicker:before {
  content: var(--glyph-plus-circled-outlined-thicker);
}
.barbie-css .glyph-plus-circled-outlined:before {
  content: var(--glyph-plus-circled-outlined);
}
.barbie-css .glyph-plus-circled-thick:before {
  content: var(--glyph-plus-circled-thick);
}
.barbie-css .glyph-plus-circled-thicker:before {
  content: var(--glyph-plus-circled-thicker);
}
.barbie-css .glyph-plus-circled:before {
  content: var(--glyph-plus-circled);
}
.barbie-css .glyph-plus:before {
  content: var(--glyph-plus);
}
.barbie-css .glyph-pounds-outlined:before {
  content: var(--glyph-pounds-outlined);
}
.barbie-css .glyph-qr-code:before {
  content: var(--glyph-qr-code);
}
.barbie-css .glyph-receipt:before {
  content: var(--glyph-receipt);
}
.barbie-css .glyph-remove-badge:before {
  content: var(--glyph-remove-badge);
}
.barbie-css .glyph-report:before {
  content: var(--glyph-report);
}
.barbie-css .glyph-search:before {
  content: var(--glyph-search);
}
.barbie-css .glyph-speech-bubble-outlined:before {
  content: var(--glyph-speech-bubble-outlined);
}
.barbie-css .glyph-speech-bubble:before {
  content: var(--glyph-speech-bubble);
}
.barbie-css .glyph-spinner-uploader:before {
  content: var(--glyph-spinner-uploader);
}
.barbie-css .glyph-star-outlined:before {
  content: var(--glyph-star-outlined);
}
.barbie-css .glyph-star:before {
  content: var(--glyph-star);
}
.barbie-css .glyph-task-list:before {
  content: var(--glyph-task-list);
}
.barbie-css .glyph-three-by-three-dots:before {
  content: var(--glyph-three-by-three-dots);
}
.barbie-css .glyph-three-dots-surround:before {
  content: var(--glyph-three-dots-surround);
}
.barbie-css .glyph-three-dots:before {
  content: var(--glyph-three-dots);
}
.barbie-css .glyph-three-sliders:before {
  content: var(--glyph-three-sliders);
}
.barbie-css .glyph-three-stripes-menu:before {
  content: var(--glyph-three-stripes-menu);
}
.barbie-css .glyph-tick-big:before {
  content: var(--glyph-tick-big);
}
.barbie-css .glyph-tick-circled-outlined-big:before {
  content: var(--glyph-tick-circled-outlined-big);
}
.barbie-css .glyph-tick-circled-outlined-thick:before {
  content: var(--glyph-tick-circled-outlined-thick);
}
.barbie-css .glyph-tick-circled-outlined-thicker:before {
  content: var(--glyph-tick-circled-outlined-thicker);
}
.barbie-css .glyph-tick-circled-outlined:before {
  content: var(--glyph-tick-circled-outlined);
}
.barbie-css .glyph-tick-circled-thick:before {
  content: var(--glyph-tick-circled-thick);
}
.barbie-css .glyph-tick-circled-thicker:before {
  content: var(--glyph-tick-circled-thicker);
}
.barbie-css .glyph-tick-circled:before {
  content: var(--glyph-tick-circled);
}
.barbie-css .glyph-tick:before {
  content: var(--glyph-tick);
}
.barbie-css .glyph-timesheet-big:before {
  content: var(--glyph-timesheet-big);
}
.barbie-css .glyph-timesheet:before {
  content: var(--glyph-timesheet);
}
.barbie-css .glyph-timesheets:before {
  content: var(--glyph-timesheets);
}
.barbie-css .glyph-trash-can-outlined-big:before {
  content: var(--glyph-trash-can-outlined-big);
}
.barbie-css .glyph-trash-can-outlined:before {
  content: var(--glyph-trash-can-outlined);
}
.barbie-css .glyph-triangle-down:before {
  content: var(--glyph-triangle-down);
}
.barbie-css .glyph-triangle-handler-left:before {
  content: var(--glyph-triangle-handler-left);
}
.barbie-css .glyph-triangle-handler-right:before {
  content: var(--glyph-triangle-handler-right);
}
.barbie-css .glyph-triangle:before {
  content: var(--glyph-triangle);
}
.barbie-css .glyph-warning-red:before {
  content: var(--glyph-warning-red);
}
.barbie-css .glyph-warning:before {
  content: var(--glyph-warning);
}
.barbie-css button,
.barbie-css a.button {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 5px;
  padding: 6px 15px;
  background: none;
  color: #afbb36;
  color: var(--main-theme-color);
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  vertical-align: bottom;
  outline: none;
  white-space: nowrap;
}
.barbie-css button.disabled,
.barbie-css a.button.disabled,
.barbie-css button.disabled:hover,
.barbie-css a.button.disabled:hover,
.barbie-css button:disabled,
.barbie-css a.button:disabled,
.barbie-css button:disabled:hover,
.barbie-css a.button:disabled:hover {
  color: #FFF !important;
  background-color: #C5C9CC !important;
  border-color: #C5C9CC !important;
  cursor: not-allowed;
}
.barbie-css button.disabled.bare,
.barbie-css a.button.disabled.bare,
.barbie-css button.disabled:hover.bare,
.barbie-css a.button.disabled:hover.bare,
.barbie-css button:disabled.bare,
.barbie-css a.button:disabled.bare,
.barbie-css button:disabled:hover.bare,
.barbie-css a.button:disabled:hover.bare {
  color: #C5C9CC !important;
  background-color: transparent !important;
  border-color: transparent !important;
}
.barbie-css button.disabled.bare i.icon,
.barbie-css a.button.disabled.bare i.icon,
.barbie-css button.disabled:hover.bare i.icon,
.barbie-css a.button.disabled:hover.bare i.icon,
.barbie-css button:disabled.bare i.icon,
.barbie-css a.button:disabled.bare i.icon,
.barbie-css button:disabled:hover.bare i.icon,
.barbie-css a.button:disabled:hover.bare i.icon {
  color: #C5C9CC !important;
}
.barbie-css button.disabled i.icon,
.barbie-css a.button.disabled i.icon,
.barbie-css button.disabled:hover i.icon,
.barbie-css a.button.disabled:hover i.icon,
.barbie-css button:disabled i.icon,
.barbie-css a.button:disabled i.icon,
.barbie-css button:disabled:hover i.icon,
.barbie-css a.button:disabled:hover i.icon {
  color: #FFF !important;
}
.barbie-css button.light,
.barbie-css a.button.light,
.barbie-css button.light:hover,
.barbie-css a.button.light:hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #FFF;
  border-color: #FFF;
}
.barbie-css button.bare,
.barbie-css a.button.bare {
  border-color: transparent;
}
.barbie-css button.bare i,
.barbie-css a.button.bare i {
  color: #A6ABAE;
  margin-right: 8px;
}
.barbie-css button.bare:hover,
.barbie-css a.button.bare:hover {
  color: #afbb36;
  color: var(--main-theme-color);
  background-color: #FFF;
}
.barbie-css button.bare:hover i.icon,
.barbie-css a.button.bare:hover i.icon {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css button.bare.cancel,
.barbie-css a.button.bare.cancel {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css button.bare.light,
.barbie-css a.button.bare.light {
  color: #FFF;
  background-color: transparent;
}
.barbie-css button.bare.light:hover,
.barbie-css a.button.bare.light:hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: #FFF;
  border-color: #FFF;
}
.barbie-css button.bare.no-margin,
.barbie-css a.button.bare.no-margin {
  padding: 0;
}
.barbie-css button.solid,
.barbie-css a.button.solid {
  color: #FFF;
  background-color: #afbb36;
  background-color: var(--main-theme-color);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.barbie-css button.solid:hover,
.barbie-css a.button.solid:hover {
  color: #FFF;
  border-color: #c3ce56;
  border-color: hsl(var(--main-theme-color-hue), var(--main-theme-color-saturation), calc(var(--main-theme-color-lightness) + 10%));
  background-color: #c3ce56;
  background-color: hsl(var(--main-theme-color-hue), var(--main-theme-color-saturation), calc(var(--main-theme-color-lightness) + 10%));
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.barbie-css button.action,
.barbie-css a.button.action,
.barbie-css button.action:hover,
.barbie-css a.button.action:hover {
  color: #FFF;
  background-color: #3f7e90;
  border-color: #3f7e90;
}
.barbie-css button.divider,
.barbie-css a.button.divider {
  border-radius: 0px;
  border-left: 1px dotted #A6ABAE;
}
.barbie-css button:hover,
.barbie-css a.button:hover {
  color: #FFF;
  background-color: #afbb36;
  background-color: var(--main-theme-color);
}
.barbie-css button:hover i.icon,
.barbie-css a.button:hover i.icon {
  color: #FFF;
}
.barbie-css button i.icon,
.barbie-css a.button i.icon {
  height: 22px;
  width: 22px;
  position: relative;
  left: -3px;
  color: inherit;
}
.barbie-css button i.icon.crop-circle.small,
.barbie-css a.button i.icon.crop-circle.small {
  vertical-align: top;
}
.barbie-css button i.icon.right,
.barbie-css a.button i.icon.right {
  left: 6px;
}
.barbie-css button.focused,
.barbie-css a.button.focused {
  text-decoration: underline;
}
@media (max-width: 600px) {
  .barbie-css button span.desktop,
  .barbie-css a.button span.desktop {
    display: none;
  }
}
.barbie-css button span.mobile,
.barbie-css a.button span.mobile {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css button span.mobile,
  .barbie-css a.button span.mobile {
    display: inline;
  }
}
.barbie-css a.text-link {
  color: #afbb36;
  color: var(--main-theme-color);
  text-decoration: underline;
}
.barbie-css .file-selector {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 28px;
  cursor: pointer;
}
.barbie-css .file-selector input {
  position: absolute;
  width: 300px;
  opacity: 0.0001;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.barbie-css .clickable {
  cursor: pointer;
  color: #afbb36;
  color: var(--main-theme-color);
  font-weight: 500;
  -webkit-user-select: none;
  user-select: none;
}
.barbie-css .clickable.disabled,
.barbie-css .clickable.disabled:hover,
.barbie-css .clickable:disabled,
.barbie-css .clickable:disabled:hover {
  color: #C5C9CC !important;
  cursor: not-allowed;
}
@media (max-width: 600px) {
  .barbie-css .mobile-clickable {
    cursor: pointer;
    color: #afbb36;
    color: var(--main-theme-color);
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none;
  }
  .barbie-css .mobile-clickable.disabled,
  .barbie-css .mobile-clickable.disabled:hover,
  .barbie-css .mobile-clickable:disabled,
  .barbie-css .mobile-clickable:disabled:hover {
    color: #C5C9CC !important;
    cursor: not-allowed;
  }
}
.barbie-css .checkbox {
  display: inline-block;
  color: #DDE2E5;
  margin-right: 4px;
}
.barbie-css .checkbox.circle {
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #A6ABAE;
  font-size: 20px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  position: relative;
}
.barbie-css .checkbox.circle:before {
  content: var(--glyph-circle-outlined);
}
.barbie-css .checkbox.circle.checked {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .checkbox.circle.checked:before {
  content: var(--glyph-tick-circled-thicker);
}
.barbie-css .checkbox.circle.third-state {
  color: #DDE2E5;
}
.barbie-css .checkbox.circle:before {
  position: relative;
  top: -5px;
}
.barbie-css .checkbox.circle.circle-clear:before {
  content: var(--glyph-circle-outlined-thick);
}
.barbie-css .checkbox.circle.circle-clear.checked:before {
  content: var(--glyph-circled-outlined-thick);
}
.barbie-css .checkbox.circle.large {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.barbie-css .checkbox.circle.largest {
  font-size: 26px;
  width: 26px;
  height: 26px;
}
.barbie-css .checkbox.circle.disabled,
.barbie-css .checkbox.circle.disabled:hover,
.barbie-css .checkbox.circle:disabled,
.barbie-css .checkbox.circle:disabled:hover {
  color: #C5C9CC !important;
  cursor: not-allowed;
}
.barbie-css i.icon {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #C5C9CC;
  display: inline-block;
  font-size: 35px;
}
.barbie-css i.icon.bigger {
  font-size: 42px;
}
.barbie-css i.icon.crop-circle {
  width: 25px;
  height: 25px;
  overflow: visible;
  line-height: 25px;
  vertical-align: middle;
}
.barbie-css i.icon.crop-circle:before {
  width: 25px;
  height: 25px;
  position: relative;
  left: -5px;
}
.barbie-css i.icon.crop-circle.small {
  vertical-align: middle;
  font-size: 25px;
  line-height: 18px;
  height: 18px;
  width: 18px;
}
.barbie-css i.icon.crop-circle.small:before {
  height: 18px;
  width: 18px;
}
.barbie-css i.icon.crop-circle.bigger {
  width: 32px;
  height: 32px;
  line-height: 18px;
}
.barbie-css i.icon.crop-circle.bigger:before {
  height: 32px;
  width: 32px;
}
.barbie-css i.icon.issue {
  height: 22px;
  width: 42px;
  font-size: 42px;
  position: relative;
  top: 3px;
  line-height: 22px;
  vertical-align: top;
}
.barbie-css i.icon.issue:before {
  content: var(--glyph-flag);
}
.barbie-css i.icon.issue.positive {
  color: #67B01A;
}
.barbie-css i.icon.issue.negative {
  color: #E52D0D;
}
.barbie-css i.icon.issue.theme-color {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css i.icon.expand {
  position: relative;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css i.icon.expand:before {
  content: var(--glyph-plus-circled-outlined-thick);
}
.barbie-css i.icon.expand.toggle-show,
.barbie-css i.icon.expand.expanded {
  position: relative;
}
.barbie-css i.icon.expand.toggle-show:before,
.barbie-css i.icon.expand.expanded:before {
  content: var(--glyph-cross-circled-outlined-thick);
}
.barbie-css i.icon.expand.small {
  top: -2px;
}
.barbie-css i.icon.contract {
  position: relative;
}
.barbie-css i.icon.contract:before {
  content: var(--glyph-cross-circled-outlined-thick);
}
.barbie-css i.icon.contract.toggle-show {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css i.icon.contract.small {
  top: -2px;
}
.barbie-css i.icon.link-external {
  position: relative;
  left: 0;
  width: auto;
  height: auto;
  margin-left: 8px;
  vertical-align: bottom;
  font-size: 16px;
}
.barbie-css i.icon.link-external:before {
  content: var(--glyph-link-external);
}
.barbie-css i.icon.sort {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.sort:before {
  content: var(--glyph-chevron-down);
}
.barbie-css i.icon.sort-reverse {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.sort-reverse:before {
  content: var(--glyph-chevron-up);
}
.barbie-css i.icon.triangle-down,
.barbie-css i.icon.triangle-up {
  position: relative;
}
.barbie-css i.icon.triangle-down:before,
.barbie-css i.icon.triangle-up:before {
  content: var(--glyph-triangle-down);
}
.barbie-css i.icon.triangle-up {
  transform: rotate(180deg);
}
.barbie-css i.icon.home:before {
  content: var(--glyph-chevron-up);
}
.barbie-css i.icon.validation-error:before {
  content: var(--glyph-cross-circled-outlined-thick);
}
.barbie-css i.icon.hamburger {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.hamburger:before {
  content: var(--glyph-three-stripes-menu);
}
.barbie-css i.icon.dropdown {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.dropdown:before {
  content: var(--glyph-chevron-down);
}
.barbie-css i.icon.dropdown.hidden {
  display: none;
}
.barbie-css i.icon.delete {
  color: #C5C9CC;
  position: relative;
}
.barbie-css i.icon.delete:before {
  content: var(--glyph-cross-circled-thicker);
}
.barbie-css i.icon.dropdown,
.barbie-css i.icon.delete,
.barbie-css i.icon.checked {
  font-size: 22px;
  height: 22px;
  outline: none;
}
.barbie-css i.icon.dropdown.postfix,
.barbie-css i.icon.delete.postfix,
.barbie-css i.icon.checked.postfix {
  position: relative;
  width: 0;
  overflow: visible;
  left: -20px;
  top: -2px;
  height: 28px;
  vertical-align: middle;
}
.barbie-css i.icon.dropdown.postfix:before,
.barbie-css i.icon.delete.postfix:before,
.barbie-css i.icon.checked.postfix:before {
  background-color: #FFF;
}
.barbie-css i.icon.dropdown.postfix.bare,
.barbie-css i.icon.delete.postfix.bare,
.barbie-css i.icon.checked.postfix.bare {
  top: -2px;
}
.barbie-css i.icon.dropdown.postfix.clear-chevron:before,
.barbie-css i.icon.delete.postfix.clear-chevron:before,
.barbie-css i.icon.checked.postfix.clear-chevron:before {
  background: rgba(255, 255, 255, 0);
}
.barbie-css i.icon.dropdown.postfix.inside,
.barbie-css i.icon.delete.postfix.inside,
.barbie-css i.icon.checked.postfix.inside {
  left: -34px;
}
.barbie-css i.icon.next {
  color: #858B8F;
  position: relative;
}
.barbie-css i.icon.next:before {
  content: var(--glyph-arrow-right);
}
.barbie-css i.icon.previous {
  color: #858B8F;
  position: relative;
}
.barbie-css i.icon.previous:before {
  content: var(--glyph-arrow-left);
}
.barbie-css i.icon.arrow-left {
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
}
.barbie-css i.icon.arrow-left:before {
  content: var(--glyph-arrow-left);
}
.barbie-css i.icon.arrow-right {
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
}
.barbie-css i.icon.arrow-right:before {
  content: var(--glyph-arrow-right);
}
.barbie-css i.icon.chevron-right {
  position: relative;
}
.barbie-css i.icon.chevron-right:before {
  content: var(--glyph-chevron-right);
}
.barbie-css i.icon.chevron-left {
  position: relative;
}
.barbie-css i.icon.chevron-left:before {
  content: var(--glyph-chevron-left);
}
.barbie-css i.icon.chevron-circled-down {
  position: relative;
}
.barbie-css i.icon.chevron-circled-down:before {
  content: var(--glyph-chevron-down-circled-outlined);
}
.barbie-css i.icon.search {
  position: relative;
}
.barbie-css i.icon.search:before {
  content: var(--glyph-magnifying-glass);
}
.barbie-css i.icon.check {
  position: relative;
}
.barbie-css i.icon.check:before {
  content: var(--glyph-tick-circled-outlined);
}
.barbie-css i.icon.checked,
.barbie-css i.icon.checked-theme-color {
  position: relative;
}
.barbie-css i.icon.checked:before,
.barbie-css i.icon.checked-theme-color:before {
  content: var(--glyph-tick);
}
.barbie-css i.icon.checked-theme-color {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css i.icon.compliant {
  color: #219653;
  position: relative;
}
.barbie-css i.icon.compliant:before {
  content: var(--glyph-tick-circled-outlined-thick);
}
.barbie-css i.icon.non-compliant {
  position: relative;
}
.barbie-css i.icon.non-compliant:before {
  content: var(--glyph-cross-circled-outlined-thick);
}
.barbie-css i.icon.pending {
  position: relative;
}
.barbie-css i.icon.pending:before {
  content: var(--glyph-three-dots);
}
.barbie-css i.icon.dashes {
  position: relative;
}
.barbie-css i.icon.dashes:before {
  content: var(--glyph-minus);
}
.barbie-css i.icon.close {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.close:before {
  content: var(--glyph-cross);
}
.barbie-css i.icon.circle {
  position: relative;
}
.barbie-css i.icon.circle:before {
  content: var(--glyph-circle);
  color: #C5C9CC;
}
.barbie-css i.icon.circle.white:before {
  color: #FFF;
}
.barbie-css i.icon.circle-outlined {
  position: relative;
}
.barbie-css i.icon.circle-outlined:before {
  content: var(--glyph-circle-outlined);
}
.barbie-css i.icon.paperclip {
  vertical-align: middle;
  position: relative;
}
.barbie-css i.icon.paperclip:before {
  content: var(--glyph-paper-clip);
}
.barbie-css i.icon.cloud-arrow {
  color: #FFF;
  position: relative;
}
.barbie-css i.icon.cloud-arrow:before {
  content: var(--glyph-cloud-arrow-up);
}
.barbie-css i.icon.arrow-left-down {
  vertical-align: middle;
  position: relative;
}
.barbie-css i.icon.arrow-left-down:before {
  content: var(--glyph-arrow-left-down);
}
.barbie-css i.icon.arrow-right-down {
  vertical-align: middle;
  position: relative;
}
.barbie-css i.icon.arrow-right-down:before {
  content: var(--glyph-arrow-right-down);
}
.barbie-css i.icon.page-up {
  position: relative;
}
.barbie-css i.icon.page-up:before {
  content: var(--glyph-arrow-up);
}
.barbie-css i.icon.page-down {
  position: relative;
}
.barbie-css i.icon.page-down:before {
  content: var(--glyph-arrow-down);
}
.barbie-css i.icon.app-tasks {
  position: relative;
}
.barbie-css i.icon.app-tasks:before {
  content: var(--glyph-checklist);
}
.barbie-css i.icon.app-reports {
  position: relative;
}
.barbie-css i.icon.app-reports:before {
  content: var(--glyph-pie-diagram);
}
.barbie-css i.icon.app-vacancies {
  position: relative;
}
.barbie-css i.icon.app-vacancies:before {
  content: var(--glyph-briefcase);
}
.barbie-css i.icon.app-preferences {
  position: relative;
}
.barbie-css i.icon.app-preferences:before {
  content: var(--glyph-three-sliders);
}
.barbie-css i.icon.app-payandbill {
  position: relative;
}
.barbie-css i.icon.app-payandbill:before {
  content: var(--glyph-bill-pay);
}
.barbie-css i.icon.app-billling {
  position: relative;
}
.barbie-css i.icon.app-billling:before {
  content: var(--glyph-payday);
}
.barbie-css i.icon.app-timesheets {
  position: relative;
}
.barbie-css i.icon.app-timesheets:before {
  content: var(--glyph-timesheet);
}
.barbie-css i.icon.app-timesheets.bigger {
  font-size: 80px;
}
.barbie-css i.icon.app-home {
  position: relative;
}
.barbie-css i.icon.app-home:before {
  content: var(--glyph-home);
}
.barbie-css i.icon.app-account {
  position: relative;
}
.barbie-css i.icon.app-account:before {
  content: var(--glyph-account);
}
.barbie-css i.icon.app-payroll-v3 {
  position: relative;
}
.barbie-css i.icon.app-payroll-v3:before {
  content: var(--glyph-payroll-app-v3);
}
.barbie-css i.icon.app-workers,
.barbie-css i.icon.app-documents,
.barbie-css i.icon.app-contacts {
  position: relative;
}
.barbie-css i.icon.app-workers:before,
.barbie-css i.icon.app-documents:before,
.barbie-css i.icon.app-contacts:before {
  content: var(--glyph-badge);
}
.barbie-css i.icon.app-invoices {
  position: relative;
}
.barbie-css i.icon.app-invoices:before {
  content: var(--glyph-bill-pay);
}
.barbie-css i.icon.app-businesses {
  position: relative;
}
.barbie-css i.icon.app-businesses:before {
  content: var(--glyph-building);
}
.barbie-css i.icon.app-payments {
  position: relative;
}
.barbie-css i.icon.app-payments:before {
  content: var(--glyph-payment);
}
.barbie-css i.icon.app-bank-details {
  position: relative;
}
.barbie-css i.icon.app-bank-details:before {
  content: var(--glyph-bank-details);
}
.barbie-css i.icon.add {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.add:before {
  content: var(--glyph-plus);
}
.barbie-css i.icon.add-circled-fill {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.add-circled-fill:before {
  content: var(--glyph-plus-circled-thick);
}
.barbie-css i.icon.add-circled {
  position: relative;
}
.barbie-css i.icon.add-circled:before {
  content: var(--glyph-plus-circled-outlined);
}
.barbie-css i.icon.remove-circled {
  position: relative;
}
.barbie-css i.icon.remove-circled:before {
  content: var(--glyph-cross-circled-outlined);
}
.barbie-css i.icon.remove {
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css i.icon.remove:before {
  content: var(--glyph-minus);
}
.barbie-css i.icon.email {
  position: relative;
}
.barbie-css i.icon.email:before {
  content: var(--glyph-envelope-outlined);
}
.barbie-css i.icon.trashcan {
  position: relative;
}
.barbie-css i.icon.trashcan:before {
  content: var(--glyph-trash-can-outlined);
}
.barbie-css i.icon.pencil {
  position: relative;
}
.barbie-css i.icon.pencil:before {
  content: var(--glyph-pencil-outlined);
}
.barbie-css i.icon.right-arrow {
  position: relative;
}
.barbie-css i.icon.right-arrow:before {
  content: var(--glyph-arrow-right);
}
.barbie-css i.icon.attachment {
  position: relative;
}
.barbie-css i.icon.attachment:before {
  content: var(--glyph-paper-clip);
}
.barbie-css i.icon.tick {
  position: relative;
}
.barbie-css i.icon.tick:before {
  content: var(--glyph-tick);
}
.barbie-css i.icon.cross {
  position: relative;
}
.barbie-css i.icon.cross:before {
  content: var(--glyph-cross);
}
.barbie-css i.icon.link {
  position: relative;
}
.barbie-css i.icon.link:before {
  content: var(--glyph-chains);
}
.barbie-css i.icon.more {
  position: relative;
}
.barbie-css i.icon.more:before {
  content: var(--glyph-three-dots);
}
.barbie-css i.icon.download {
  position: relative;
}
.barbie-css i.icon.download:before {
  content: var(--glyph-cloud-arrow-down);
}
.barbie-css i.icon.attachment-pdf {
  position: relative;
}
.barbie-css i.icon.attachment-pdf:before {
  content: var(--glyph-attachment-pdf);
}
.barbie-css i.icon.status-good {
  position: relative;
}
.barbie-css i.icon.status-good:before {
  content: var(--glyph-tick-circled-outlined-thick);
}
.barbie-css i.icon.status-good-filled {
  position: relative;
}
.barbie-css i.icon.status-good-filled:before {
  content: var(--glyph-tick-circled-thick);
}
.barbie-css i.icon.site {
  position: relative;
}
.barbie-css i.icon.site:before {
  content: var(--glyph-building);
}
.barbie-css i.icon.email-action-check {
  position: relative;
}
.barbie-css i.icon.email-action-check:before {
  content: var(--glyph-email-action-check);
}
.barbie-css i.icon.env-with-wings {
  position: relative;
}
.barbie-css i.icon.env-with-wings:before {
  content: var(--glyph-env-with-wings);
}
.barbie-css i.icon.business-deal-handshake {
  position: relative;
}
.barbie-css i.icon.business-deal-handshake:before {
  content: var(--glyph-business-deal-handshake);
}
.barbie-css i.icon.check-badge {
  position: relative;
}
.barbie-css i.icon.check-badge:before {
  content: var(--glyph-check-badge);
}
.barbie-css i.icon.remove-badge {
  position: relative;
}
.barbie-css i.icon.remove-badge:before {
  content: var(--glyph-remove-badge);
}
.barbie-css i.icon.customer-support {
  position: relative;
}
.barbie-css i.icon.customer-support:before {
  content: var(--glyph-headphones-customer-support-human);
}
.barbie-css i.icon .badge {
  color: #fff;
  position: absolute;
  right: -1px;
  top: -4px;
  font-size: 10px;
  background-color: #004864;
  width: 19px;
  height: 19px;
  text-align: center;
  line-height: 16px;
  border-radius: 50%;
  border: 1px solid #1d363a;
  border: 1px solid var(--navigation-background-color);
}
.barbie-css i.icon .badge.large {
  width: 24px;
  right: -5px;
  border-radius: 80%;
}
.barbie-css i.icon.red {
  color: #E52D0D;
}
.barbie-css i.icon.white {
  color: #FFF;
}
.barbie-css i.icon.theme {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css i.icon.theme .badge {
  top: 5px;
}
.barbie-css i.icon.theme.disabled {
  color: #A6ABAE;
}
.barbie-css i.icon.theme-navbar {
  color: #1d363a;
  color: var(--navigation-background-color);
}
.barbie-css i.icon.dark {
  color: #3F464D;
}
.barbie-css i.icon.disabled,
.barbie-css i.icon[disabled] {
  color: #C5C9CC !important;
}
.barbie-css i.icon.small {
  font-size: 25px;
}
.barbie-css i.icon.small.crop-circle {
  width: 15px;
  height: 15px;
}
.barbie-css i.icon.bullet {
  font-size: 20px;
  position: relative;
}
.barbie-css i.icon.bullet:before {
  top: -8px;
  position: relative;
  content: var(--glyph-circle-outlined-thick);
}
.barbie-css i.icon.bullet.selected:before {
  content: var(--glyph-circle-small);
}
.barbie-css i.icon .icon {
  position: absolute;
  left: 5px;
  top: 10px;
}
.barbie-css i.icon.inline {
  vertical-align: middle;
  margin-right: 5px;
}
.barbie-css i.icon.currency {
  font-size: 16px;
  font-family: "Avenir W01", "Open Sans", sans-serif;
  color: #858B8F;
}
.barbie-css i.icon.currency:before {
  content: "£";
}
.barbie-css i.icon.book-laptop {
  position: relative;
}
.barbie-css i.icon.book-laptop:before {
  content: var(--glyph-e-learning-book-laptop);
}
.barbie-css i.icon.hand {
  position: relative;
}
.barbie-css i.icon.hand:before {
  content: var(--glyph-hand);
}
.barbie-css i.icon.hand.white:before {
  color: #FFF;
}
.barbie-css i.icon.light-bulb {
  position: relative;
}
.barbie-css i.icon.light-bulb:before {
  content: var(--glyph-light-bulb-shine);
}
.barbie-css i.icon.star {
  position: relative;
}
.barbie-css i.icon.star:before {
  content: var(--glyph-star);
}
.barbie-css i.icon.star-outlined {
  position: relative;
}
.barbie-css i.icon.star-outlined:before {
  content: var(--glyph-star-outlined);
}
.barbie-css i.icon.report {
  position: relative;
}
.barbie-css i.icon.report:before {
  content: var(--glyph-report);
}
.barbie-css h2 i.icon.issue {
  height: 26px;
  font-size: 58px;
  top: 7px;
  line-height: 22px;
}
.barbie-css .user-portrait {
  float: left;
  position: relative;
  width: 35px;
  height: 35px;
  vertical-align: top;
}
.barbie-css .user-portrait span {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css .user-portrait i {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css .user-portrait.large {
  width: 64px;
  height: 64px;
  margin-right: 17px;
}
.barbie-css .user-portrait.large i,
.barbie-css .user-portrait.large span {
  line-height: 64px;
  width: 64px;
  height: 64px;
}
.barbie-css .user-portrait.large i {
  font-size: 64px;
}
.barbie-css .user-portrait.large span {
  font-size: 29px;
  font-weight: 300;
}
@media (max-width: 500px) {
  .barbie-css .user-portrait.large {
    display: none;
  }
}
.barbie-css .spinny-thing {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.barbie-css .spinny-thing.giant {
  width: 200px;
  height: 100px;
}
@keyframes giant-fontsize-throb {
  0% {
    color: #FFF;
  }
  20% {
    color: #d1d4d6;
  }
  40% {
    color: #FFF;
  }
  100% {
    color: #FFF;
  }
}
.barbie-css .spinny-thing.giant .surround {
  left: 0;
  top: -50px;
  font-size: 200px;
}
.barbie-css .spinny-thing.giant .circle {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: 0;
  line-height: 100px;
  font-size: 40px;
  color: #FFF;
}
.barbie-css .spinny-thing.giant.animating .circle:nth-child(1) {
  -webkit-animation-name: giant-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: giant-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 0s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: giant-fontsize-throb 2000ms ease 0s infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.giant.animating .circle:nth-child(2) {
  -webkit-animation-name: giant-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 250ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: giant-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 250ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: giant-fontsize-throb 2000ms ease 250ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.giant.animating .circle:nth-child(3) {
  -webkit-animation-name: giant-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: giant-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 500ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: giant-fontsize-throb 2000ms ease 500ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.large {
  width: 100px;
  height: 50px;
}
@keyframes large-fontsize-throb {
  0% {
    color: #FFF;
  }
  20% {
    color: #d1d4d6;
  }
  40% {
    color: #FFF;
  }
  100% {
    color: #FFF;
  }
}
.barbie-css .spinny-thing.large .surround {
  left: 0;
  top: -25px;
  font-size: 100px;
}
.barbie-css .spinny-thing.large .circle {
  width: 25px;
  height: 25px;
  margin-left: -12px;
  margin-top: 0;
  line-height: 50px;
  font-size: 20px;
  color: #FFF;
}
.barbie-css .spinny-thing.large.animating .circle:nth-child(1) {
  -webkit-animation-name: large-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: large-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 0s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: large-fontsize-throb 2000ms ease 0s infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.large.animating .circle:nth-child(2) {
  -webkit-animation-name: large-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 250ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: large-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 250ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: large-fontsize-throb 2000ms ease 250ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.large.animating .circle:nth-child(3) {
  -webkit-animation-name: large-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: large-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 500ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: large-fontsize-throb 2000ms ease 500ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.medium {
  width: 50px;
  height: 25px;
}
@keyframes medium-fontsize-throb {
  0% {
    color: #FFF;
  }
  20% {
    color: #d1d4d6;
  }
  40% {
    color: #FFF;
  }
  100% {
    color: #FFF;
  }
}
.barbie-css .spinny-thing.medium .surround {
  left: 0;
  top: -12px;
  font-size: 50px;
}
.barbie-css .spinny-thing.medium .circle {
  width: 12px;
  height: 12px;
  margin-left: -6px;
  margin-top: 0;
  line-height: 25px;
  font-size: 10px;
  color: #FFF;
}
.barbie-css .spinny-thing.medium.animating .circle:nth-child(1) {
  -webkit-animation-name: medium-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: medium-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 0s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: medium-fontsize-throb 2000ms ease 0s infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.medium.animating .circle:nth-child(2) {
  -webkit-animation-name: medium-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 250ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: medium-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 250ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: medium-fontsize-throb 2000ms ease 250ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.medium.animating .circle:nth-child(3) {
  -webkit-animation-name: medium-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: medium-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 500ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: medium-fontsize-throb 2000ms ease 500ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.small {
  width: 25px;
  height: 12px;
}
@keyframes medium-fontsize-throb {
  0% {
    color: #FFF;
  }
  20% {
    color: #d1d4d6;
  }
  40% {
    color: #FFF;
  }
  100% {
    color: #FFF;
  }
}
.barbie-css .spinny-thing.small .surround {
  left: 0;
  top: -6px;
  font-size: 25px;
}
.barbie-css .spinny-thing.small .circle {
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: 0;
  line-height: 12px;
  font-size: 5px;
  color: #FFF;
}
.barbie-css .spinny-thing.small.animating .circle:nth-child(1) {
  -webkit-animation-name: medium-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: medium-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 0s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: medium-fontsize-throb 2000ms ease 0s infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.small.animating .circle:nth-child(2) {
  -webkit-animation-name: medium-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 250ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: medium-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 250ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: medium-fontsize-throb 2000ms ease 250ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing.small.animating .circle:nth-child(3) {
  -webkit-animation-name: medium-fontsize-throb;
  -webkit-animation-duration: 2000ms;
  -webkit-animation-timing-function: ease;
  -webkit-animation-delay: 500ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-play-state: running;
  -ms-animation-name: medium-fontsize-throb;
  -ms-animation-duration: 2000ms;
  -ms-animation-timing-function: ease;
  -ms-animation-delay: 500ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: normal;
  -ms-animation-fill-mode: forwards;
  -ms-animation-play-state: running;
  animation: medium-fontsize-throb 2000ms ease 500ms infinite normal forwards running;
  transition-property: font-size, opacity;
  transform: translate3d(0, 0, 0);
}
.barbie-css .spinny-thing .surround {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  line-height: 100%;
  color: #C5C9CC;
}
.barbie-css .spinny-thing .surround:before {
  content: var(--glyph-three-dots-surround);
}
.barbie-css .spinny-thing .throbbers {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.barbie-css .spinny-thing .circle {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  left: 25%;
  width: 30px;
  height: 30px;
  overflow: visible;
  text-align: center;
  line-height: 25px;
  color: #FFF;
  font-size: 15px;
}
.barbie-css .spinny-thing .circle:nth-child(2) {
  left: 50%;
}
.barbie-css .spinny-thing .circle:nth-child(3) {
  left: 75%;
}
.barbie-css .spinny-thing .circle:before {
  content: var(--glyph-circle);
}
.barbie-css .avatar {
  float: left;
  position: relative;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin-top: -8px;
}
.barbie-css .avatar span {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css .avatar i {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css .avatar > span {
  padding-top: 1px;
}
.barbie-css .warning-icon {
  position: relative;
  display: inline-block;
}
.barbie-css .warning-icon i.icon {
  font-size: 25px;
  line-height: 45px;
}
.barbie-css .warning-icon i.icon:before {
  color: #000000;
}
.barbie-css .warning-icon span {
  position: absolute;
  left: 9px;
  top: 11px;
  font-size: 19px;
  font-weight: 1000;
  color: white;
}
.barbie-css *.col-0 {
  width: 0%;
}
.barbie-css *.col-1 {
  width: 4%;
}
.barbie-css *.col-2 {
  width: 8%;
}
.barbie-css *.col-3 {
  width: 12%;
}
.barbie-css *.col-4 {
  width: 16%;
}
.barbie-css *.col-5 {
  width: 20%;
}
.barbie-css *.col-6 {
  width: 24%;
}
.barbie-css *.col-7 {
  width: 28%;
}
.barbie-css *.col-8 {
  width: 32%;
}
.barbie-css *.col-9 {
  width: 36%;
}
.barbie-css *.col-10 {
  width: 40%;
}
.barbie-css *.col-11 {
  width: 44%;
}
.barbie-css *.col-12 {
  width: 48%;
}
.barbie-css *.col-13 {
  width: 52%;
}
.barbie-css *.col-14 {
  width: 56%;
}
.barbie-css *.col-15 {
  width: 60%;
}
.barbie-css *.col-16 {
  width: 64%;
}
.barbie-css *.col-17 {
  width: 68%;
}
.barbie-css *.col-18 {
  width: 72%;
}
.barbie-css *.col-19 {
  width: 76%;
}
.barbie-css *.col-20 {
  width: 80%;
}
.barbie-css *.col-21 {
  width: 84%;
}
.barbie-css *.col-22 {
  width: 88%;
}
.barbie-css *.col-23 {
  width: 92%;
}
.barbie-css *.col-24 {
  width: 96%;
}
.barbie-css *.col-25 {
  width: 100%;
}
.barbie-css *.half-col-0 {
  width: 0%;
}
.barbie-css *.half-col-1 {
  width: 2%;
}
.barbie-css *.half-col-2 {
  width: 4%;
}
.barbie-css *.half-col-3 {
  width: 6%;
}
.barbie-css *.half-col-4 {
  width: 8%;
}
.barbie-css *.half-col-5 {
  width: 10%;
}
.barbie-css *.half-col-6 {
  width: 12%;
}
.barbie-css *.half-col-7 {
  width: 14%;
}
.barbie-css *.half-col-8 {
  width: 16%;
}
.barbie-css *.half-col-9 {
  width: 18%;
}
.barbie-css *.half-col-10 {
  width: 20%;
}
.barbie-css *.half-col-11 {
  width: 22%;
}
.barbie-css *.half-col-12 {
  width: 24%;
}
.barbie-css *.half-col-13 {
  width: 26%;
}
.barbie-css *.half-col-14 {
  width: 28%;
}
.barbie-css *.half-col-15 {
  width: 30%;
}
.barbie-css *.half-col-16 {
  width: 32%;
}
.barbie-css *.half-col-17 {
  width: 34%;
}
.barbie-css *.half-col-18 {
  width: 36%;
}
.barbie-css *.half-col-19 {
  width: 38%;
}
.barbie-css *.half-col-20 {
  width: 40%;
}
.barbie-css *.half-col-21 {
  width: 42%;
}
.barbie-css *.half-col-22 {
  width: 44%;
}
.barbie-css *.half-col-23 {
  width: 46%;
}
.barbie-css *.half-col-24 {
  width: 48%;
}
.barbie-css *.half-col-25 {
  width: 50%;
}
.barbie-css *.half-col-26 {
  width: 52%;
}
.barbie-css *.half-col-27 {
  width: 54%;
}
.barbie-css *.half-col-28 {
  width: 56%;
}
.barbie-css *.half-col-29 {
  width: 58%;
}
.barbie-css *.half-col-30 {
  width: 60%;
}
.barbie-css *.half-col-31 {
  width: 62%;
}
.barbie-css *.half-col-32 {
  width: 64%;
}
.barbie-css *.half-col-33 {
  width: 66%;
}
.barbie-css *.half-col-34 {
  width: 68%;
}
.barbie-css *.half-col-35 {
  width: 70%;
}
.barbie-css *.half-col-36 {
  width: 72%;
}
.barbie-css *.half-col-37 {
  width: 74%;
}
.barbie-css *.half-col-38 {
  width: 76%;
}
.barbie-css *.half-col-39 {
  width: 78%;
}
.barbie-css *.half-col-40 {
  width: 80%;
}
.barbie-css *.half-col-41 {
  width: 82%;
}
.barbie-css *.half-col-42 {
  width: 84%;
}
.barbie-css *.half-col-43 {
  width: 86%;
}
.barbie-css *.half-col-44 {
  width: 88%;
}
.barbie-css *.half-col-45 {
  width: 90%;
}
.barbie-css *.half-col-46 {
  width: 92%;
}
.barbie-css *.half-col-47 {
  width: 94%;
}
.barbie-css *.half-col-48 {
  width: 96%;
}
.barbie-css *.half-col-49 {
  width: 98%;
}
.barbie-css *.half-col-50 {
  width: 100%;
}
@media (max-width: 600px) {
  .barbie-css *.mob-col-0 {
    width: 0%;
  }
  .barbie-css *.mob-col-1 {
    width: 4%;
  }
  .barbie-css *.mob-col-2 {
    width: 8%;
  }
  .barbie-css *.mob-col-3 {
    width: 12%;
  }
  .barbie-css *.mob-col-4 {
    width: 16%;
  }
  .barbie-css *.mob-col-5 {
    width: 20%;
  }
  .barbie-css *.mob-col-6 {
    width: 24%;
  }
  .barbie-css *.mob-col-7 {
    width: 28%;
  }
  .barbie-css *.mob-col-8 {
    width: 32%;
  }
  .barbie-css *.mob-col-9 {
    width: 36%;
  }
  .barbie-css *.mob-col-10 {
    width: 40%;
  }
  .barbie-css *.mob-col-11 {
    width: 44%;
  }
  .barbie-css *.mob-col-12 {
    width: 48%;
  }
  .barbie-css *.mob-col-13 {
    width: 52%;
  }
  .barbie-css *.mob-col-14 {
    width: 56%;
  }
  .barbie-css *.mob-col-15 {
    width: 60%;
  }
  .barbie-css *.mob-col-16 {
    width: 64%;
  }
  .barbie-css *.mob-col-17 {
    width: 68%;
  }
  .barbie-css *.mob-col-18 {
    width: 72%;
  }
  .barbie-css *.mob-col-19 {
    width: 76%;
  }
  .barbie-css *.mob-col-20 {
    width: 80%;
  }
  .barbie-css *.mob-col-21 {
    width: 84%;
  }
  .barbie-css *.mob-col-22 {
    width: 88%;
  }
  .barbie-css *.mob-col-23 {
    width: 92%;
  }
  .barbie-css *.mob-col-24 {
    width: 96%;
  }
  .barbie-css *.mob-col-25 {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .barbie-css *.tab-col-0 {
    width: 0%;
  }
  .barbie-css *.tab-col-1 {
    width: 4%;
  }
  .barbie-css *.tab-col-2 {
    width: 8%;
  }
  .barbie-css *.tab-col-3 {
    width: 12%;
  }
  .barbie-css *.tab-col-4 {
    width: 16%;
  }
  .barbie-css *.tab-col-5 {
    width: 20%;
  }
  .barbie-css *.tab-col-6 {
    width: 24%;
  }
  .barbie-css *.tab-col-7 {
    width: 28%;
  }
  .barbie-css *.tab-col-8 {
    width: 32%;
  }
  .barbie-css *.tab-col-9 {
    width: 36%;
  }
  .barbie-css *.tab-col-10 {
    width: 40%;
  }
  .barbie-css *.tab-col-11 {
    width: 44%;
  }
  .barbie-css *.tab-col-12 {
    width: 48%;
  }
  .barbie-css *.tab-col-13 {
    width: 52%;
  }
  .barbie-css *.tab-col-14 {
    width: 56%;
  }
  .barbie-css *.tab-col-15 {
    width: 60%;
  }
  .barbie-css *.tab-col-16 {
    width: 64%;
  }
  .barbie-css *.tab-col-17 {
    width: 68%;
  }
  .barbie-css *.tab-col-18 {
    width: 72%;
  }
  .barbie-css *.tab-col-19 {
    width: 76%;
  }
  .barbie-css *.tab-col-20 {
    width: 80%;
  }
  .barbie-css *.tab-col-21 {
    width: 84%;
  }
  .barbie-css *.tab-col-22 {
    width: 88%;
  }
  .barbie-css *.tab-col-23 {
    width: 92%;
  }
  .barbie-css *.tab-col-24 {
    width: 96%;
  }
  .barbie-css *.tab-col-25 {
    width: 100%;
  }
}
.barbie-css *.hoverable:hover > a > div.hov-col-0,
.barbie-css *.hoverable.hover > a > div.hov-col-0,
.barbie-css *.hoverable:hover > div.hov-col-0,
.barbie-css *.hoverable.hover > div.hov-col-0 {
  width: 0%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-1,
.barbie-css *.hoverable.hover > a > div.hov-col-1,
.barbie-css *.hoverable:hover > div.hov-col-1,
.barbie-css *.hoverable.hover > div.hov-col-1 {
  width: 4%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-2,
.barbie-css *.hoverable.hover > a > div.hov-col-2,
.barbie-css *.hoverable:hover > div.hov-col-2,
.barbie-css *.hoverable.hover > div.hov-col-2 {
  width: 8%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-3,
.barbie-css *.hoverable.hover > a > div.hov-col-3,
.barbie-css *.hoverable:hover > div.hov-col-3,
.barbie-css *.hoverable.hover > div.hov-col-3 {
  width: 12%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-4,
.barbie-css *.hoverable.hover > a > div.hov-col-4,
.barbie-css *.hoverable:hover > div.hov-col-4,
.barbie-css *.hoverable.hover > div.hov-col-4 {
  width: 16%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-5,
.barbie-css *.hoverable.hover > a > div.hov-col-5,
.barbie-css *.hoverable:hover > div.hov-col-5,
.barbie-css *.hoverable.hover > div.hov-col-5 {
  width: 20%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-6,
.barbie-css *.hoverable.hover > a > div.hov-col-6,
.barbie-css *.hoverable:hover > div.hov-col-6,
.barbie-css *.hoverable.hover > div.hov-col-6 {
  width: 24%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-7,
.barbie-css *.hoverable.hover > a > div.hov-col-7,
.barbie-css *.hoverable:hover > div.hov-col-7,
.barbie-css *.hoverable.hover > div.hov-col-7 {
  width: 28%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-8,
.barbie-css *.hoverable.hover > a > div.hov-col-8,
.barbie-css *.hoverable:hover > div.hov-col-8,
.barbie-css *.hoverable.hover > div.hov-col-8 {
  width: 32%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-9,
.barbie-css *.hoverable.hover > a > div.hov-col-9,
.barbie-css *.hoverable:hover > div.hov-col-9,
.barbie-css *.hoverable.hover > div.hov-col-9 {
  width: 36%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-10,
.barbie-css *.hoverable.hover > a > div.hov-col-10,
.barbie-css *.hoverable:hover > div.hov-col-10,
.barbie-css *.hoverable.hover > div.hov-col-10 {
  width: 40%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-11,
.barbie-css *.hoverable.hover > a > div.hov-col-11,
.barbie-css *.hoverable:hover > div.hov-col-11,
.barbie-css *.hoverable.hover > div.hov-col-11 {
  width: 44%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-12,
.barbie-css *.hoverable.hover > a > div.hov-col-12,
.barbie-css *.hoverable:hover > div.hov-col-12,
.barbie-css *.hoverable.hover > div.hov-col-12 {
  width: 48%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-13,
.barbie-css *.hoverable.hover > a > div.hov-col-13,
.barbie-css *.hoverable:hover > div.hov-col-13,
.barbie-css *.hoverable.hover > div.hov-col-13 {
  width: 52%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-14,
.barbie-css *.hoverable.hover > a > div.hov-col-14,
.barbie-css *.hoverable:hover > div.hov-col-14,
.barbie-css *.hoverable.hover > div.hov-col-14 {
  width: 56%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-15,
.barbie-css *.hoverable.hover > a > div.hov-col-15,
.barbie-css *.hoverable:hover > div.hov-col-15,
.barbie-css *.hoverable.hover > div.hov-col-15 {
  width: 60%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-16,
.barbie-css *.hoverable.hover > a > div.hov-col-16,
.barbie-css *.hoverable:hover > div.hov-col-16,
.barbie-css *.hoverable.hover > div.hov-col-16 {
  width: 64%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-17,
.barbie-css *.hoverable.hover > a > div.hov-col-17,
.barbie-css *.hoverable:hover > div.hov-col-17,
.barbie-css *.hoverable.hover > div.hov-col-17 {
  width: 68%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-18,
.barbie-css *.hoverable.hover > a > div.hov-col-18,
.barbie-css *.hoverable:hover > div.hov-col-18,
.barbie-css *.hoverable.hover > div.hov-col-18 {
  width: 72%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-19,
.barbie-css *.hoverable.hover > a > div.hov-col-19,
.barbie-css *.hoverable:hover > div.hov-col-19,
.barbie-css *.hoverable.hover > div.hov-col-19 {
  width: 76%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-20,
.barbie-css *.hoverable.hover > a > div.hov-col-20,
.barbie-css *.hoverable:hover > div.hov-col-20,
.barbie-css *.hoverable.hover > div.hov-col-20 {
  width: 80%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-21,
.barbie-css *.hoverable.hover > a > div.hov-col-21,
.barbie-css *.hoverable:hover > div.hov-col-21,
.barbie-css *.hoverable.hover > div.hov-col-21 {
  width: 84%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-22,
.barbie-css *.hoverable.hover > a > div.hov-col-22,
.barbie-css *.hoverable:hover > div.hov-col-22,
.barbie-css *.hoverable.hover > div.hov-col-22 {
  width: 88%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-23,
.barbie-css *.hoverable.hover > a > div.hov-col-23,
.barbie-css *.hoverable:hover > div.hov-col-23,
.barbie-css *.hoverable.hover > div.hov-col-23 {
  width: 92%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-24,
.barbie-css *.hoverable.hover > a > div.hov-col-24,
.barbie-css *.hoverable:hover > div.hov-col-24,
.barbie-css *.hoverable.hover > div.hov-col-24 {
  width: 96%;
}
.barbie-css *.hoverable:hover > a > div.hov-col-25,
.barbie-css *.hoverable.hover > a > div.hov-col-25,
.barbie-css *.hoverable:hover > div.hov-col-25,
.barbie-css *.hoverable.hover > div.hov-col-25 {
  width: 100%;
}
@media (max-width: 600px) {
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-0,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-0,
  .barbie-css *.hoverable:hover > div.mob-hov-col-0,
  .barbie-css *.hoverable.hover > div.mob-hov-col-0 {
    width: 0%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-1,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-1,
  .barbie-css *.hoverable:hover > div.mob-hov-col-1,
  .barbie-css *.hoverable.hover > div.mob-hov-col-1 {
    width: 4%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-2,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-2,
  .barbie-css *.hoverable:hover > div.mob-hov-col-2,
  .barbie-css *.hoverable.hover > div.mob-hov-col-2 {
    width: 8%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-3,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-3,
  .barbie-css *.hoverable:hover > div.mob-hov-col-3,
  .barbie-css *.hoverable.hover > div.mob-hov-col-3 {
    width: 12%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-4,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-4,
  .barbie-css *.hoverable:hover > div.mob-hov-col-4,
  .barbie-css *.hoverable.hover > div.mob-hov-col-4 {
    width: 16%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-5,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-5,
  .barbie-css *.hoverable:hover > div.mob-hov-col-5,
  .barbie-css *.hoverable.hover > div.mob-hov-col-5 {
    width: 20%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-6,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-6,
  .barbie-css *.hoverable:hover > div.mob-hov-col-6,
  .barbie-css *.hoverable.hover > div.mob-hov-col-6 {
    width: 24%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-7,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-7,
  .barbie-css *.hoverable:hover > div.mob-hov-col-7,
  .barbie-css *.hoverable.hover > div.mob-hov-col-7 {
    width: 28%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-8,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-8,
  .barbie-css *.hoverable:hover > div.mob-hov-col-8,
  .barbie-css *.hoverable.hover > div.mob-hov-col-8 {
    width: 32%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-9,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-9,
  .barbie-css *.hoverable:hover > div.mob-hov-col-9,
  .barbie-css *.hoverable.hover > div.mob-hov-col-9 {
    width: 36%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-10,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-10,
  .barbie-css *.hoverable:hover > div.mob-hov-col-10,
  .barbie-css *.hoverable.hover > div.mob-hov-col-10 {
    width: 40%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-11,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-11,
  .barbie-css *.hoverable:hover > div.mob-hov-col-11,
  .barbie-css *.hoverable.hover > div.mob-hov-col-11 {
    width: 44%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-12,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-12,
  .barbie-css *.hoverable:hover > div.mob-hov-col-12,
  .barbie-css *.hoverable.hover > div.mob-hov-col-12 {
    width: 48%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-13,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-13,
  .barbie-css *.hoverable:hover > div.mob-hov-col-13,
  .barbie-css *.hoverable.hover > div.mob-hov-col-13 {
    width: 52%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-14,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-14,
  .barbie-css *.hoverable:hover > div.mob-hov-col-14,
  .barbie-css *.hoverable.hover > div.mob-hov-col-14 {
    width: 56%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-15,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-15,
  .barbie-css *.hoverable:hover > div.mob-hov-col-15,
  .barbie-css *.hoverable.hover > div.mob-hov-col-15 {
    width: 60%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-16,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-16,
  .barbie-css *.hoverable:hover > div.mob-hov-col-16,
  .barbie-css *.hoverable.hover > div.mob-hov-col-16 {
    width: 64%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-17,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-17,
  .barbie-css *.hoverable:hover > div.mob-hov-col-17,
  .barbie-css *.hoverable.hover > div.mob-hov-col-17 {
    width: 68%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-18,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-18,
  .barbie-css *.hoverable:hover > div.mob-hov-col-18,
  .barbie-css *.hoverable.hover > div.mob-hov-col-18 {
    width: 72%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-19,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-19,
  .barbie-css *.hoverable:hover > div.mob-hov-col-19,
  .barbie-css *.hoverable.hover > div.mob-hov-col-19 {
    width: 76%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-20,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-20,
  .barbie-css *.hoverable:hover > div.mob-hov-col-20,
  .barbie-css *.hoverable.hover > div.mob-hov-col-20 {
    width: 80%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-21,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-21,
  .barbie-css *.hoverable:hover > div.mob-hov-col-21,
  .barbie-css *.hoverable.hover > div.mob-hov-col-21 {
    width: 84%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-22,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-22,
  .barbie-css *.hoverable:hover > div.mob-hov-col-22,
  .barbie-css *.hoverable.hover > div.mob-hov-col-22 {
    width: 88%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-23,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-23,
  .barbie-css *.hoverable:hover > div.mob-hov-col-23,
  .barbie-css *.hoverable.hover > div.mob-hov-col-23 {
    width: 92%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-24,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-24,
  .barbie-css *.hoverable:hover > div.mob-hov-col-24,
  .barbie-css *.hoverable.hover > div.mob-hov-col-24 {
    width: 96%;
  }
  .barbie-css *.hoverable:hover > a > div.mob-hov-col-25,
  .barbie-css *.hoverable.hover > a > div.mob-hov-col-25,
  .barbie-css *.hoverable:hover > div.mob-hov-col-25,
  .barbie-css *.hoverable.hover > div.mob-hov-col-25 {
    width: 100%;
  }
}
.barbie-css div.inline-table {
  display: inline-block;
}
.barbie-css div.box-popup div.block-container.indented {
  margin: 0 15px;
}
.barbie-css table.matrix-table {
  margin: 0 0 50px;
}
.barbie-css table.matrix-table.full-width {
  width: 100%;
}
.barbie-css table.matrix-table.desktop {
  display: table;
}
@media (max-width: 760px) {
  .barbie-css table.matrix-table.desktop {
    display: none;
  }
}
.barbie-css table.matrix-table.mobile {
  display: none;
}
@media (max-width: 760px) {
  .barbie-css table.matrix-table.mobile {
    display: table;
  }
}
.barbie-css table.matrix-table thead th:first-child,
.barbie-css table.matrix-table tbody th:first-child,
.barbie-css table.matrix-table tfoot th:first-child {
  padding-right: 40px;
}
@media (max-width: 760px) {
  .barbie-css table.matrix-table thead th:first-child,
  .barbie-css table.matrix-table tbody th:first-child,
  .barbie-css table.matrix-table tfoot th:first-child {
    padding-right: 20px;
  }
}
.barbie-css table.matrix-table thead tr.totals td,
.barbie-css table.matrix-table tbody tr.totals td,
.barbie-css table.matrix-table tfoot tr.totals td,
.barbie-css table.matrix-table thead tr.totals th,
.barbie-css table.matrix-table tbody tr.totals th,
.barbie-css table.matrix-table tfoot tr.totals th {
  color: #5F676F;
}
.barbie-css table.matrix-table thead tr.gap td,
.barbie-css table.matrix-table tbody tr.gap td,
.barbie-css table.matrix-table tfoot tr.gap td,
.barbie-css table.matrix-table thead tr.gap th,
.barbie-css table.matrix-table tbody tr.gap th,
.barbie-css table.matrix-table tfoot tr.gap th {
  padding-top: 40px;
}
.barbie-css table.matrix-table thead td,
.barbie-css table.matrix-table tbody td,
.barbie-css table.matrix-table tfoot td,
.barbie-css table.matrix-table thead th,
.barbie-css table.matrix-table tbody th,
.barbie-css table.matrix-table tfoot th {
  color: #A6ABAE;
}
.barbie-css table.matrix-table thead td.narrow,
.barbie-css table.matrix-table tbody td.narrow,
.barbie-css table.matrix-table tfoot td.narrow,
.barbie-css table.matrix-table thead th.narrow,
.barbie-css table.matrix-table tbody th.narrow,
.barbie-css table.matrix-table tfoot th.narrow {
  width: 75px;
}
.barbie-css table.matrix-table thead td.volume,
.barbie-css table.matrix-table tbody td.volume,
.barbie-css table.matrix-table tfoot td.volume,
.barbie-css table.matrix-table thead th.volume,
.barbie-css table.matrix-table tbody th.volume,
.barbie-css table.matrix-table tfoot th.volume {
  padding-right: 10px;
  text-align: left;
}
.barbie-css table.matrix-table thead td.currency,
.barbie-css table.matrix-table tbody td.currency,
.barbie-css table.matrix-table tfoot td.currency,
.barbie-css table.matrix-table thead th.currency,
.barbie-css table.matrix-table tbody th.currency,
.barbie-css table.matrix-table tfoot th.currency {
  padding-left: 10px;
  text-align: right;
}
.barbie-css table.matrix-table thead td.percentage,
.barbie-css table.matrix-table tbody td.percentage,
.barbie-css table.matrix-table tfoot td.percentage,
.barbie-css table.matrix-table thead th.percentage,
.barbie-css table.matrix-table tbody th.percentage,
.barbie-css table.matrix-table tfoot th.percentage {
  padding: 0 10px;
  text-align: left;
}
.barbie-css table.matrix-table thead td.minimum,
.barbie-css table.matrix-table tbody td.minimum,
.barbie-css table.matrix-table tfoot td.minimum,
.barbie-css table.matrix-table thead th.minimum,
.barbie-css table.matrix-table tbody th.minimum,
.barbie-css table.matrix-table tfoot th.minimum {
  width: 10px;
}
.barbie-css table.matrix-table thead td.divider,
.barbie-css table.matrix-table tbody td.divider,
.barbie-css table.matrix-table tfoot td.divider,
.barbie-css table.matrix-table thead th.divider,
.barbie-css table.matrix-table tbody th.divider,
.barbie-css table.matrix-table tfoot th.divider {
  position: relative;
  overflow: hidden;
}
.barbie-css table.matrix-table thead td.divider:before,
.barbie-css table.matrix-table tbody td.divider:before,
.barbie-css table.matrix-table tfoot td.divider:before,
.barbie-css table.matrix-table thead th.divider:before,
.barbie-css table.matrix-table tbody th.divider:before,
.barbie-css table.matrix-table tfoot th.divider:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  line-height: 36px;
  content: "\00a0";
  background-color: #A6ABAE;
}
.barbie-css table.matrix-table thead td,
.barbie-css table.matrix-table tbody td,
.barbie-css table.matrix-table tfoot td {
  font-size: 26px;
  font-weight: 200;
}
@media (max-width: 760px) {
  .barbie-css table.matrix-table thead td,
  .barbie-css table.matrix-table tbody td,
  .barbie-css table.matrix-table tfoot td {
    font-size: 18px;
  }
}
.barbie-css table.matrix-table thead td.percentage,
.barbie-css table.matrix-table tbody td.percentage,
.barbie-css table.matrix-table tfoot td.percentage {
  font-size: 16px;
}
.barbie-css table.matrix-table thead td.percentage span,
.barbie-css table.matrix-table tbody td.percentage span,
.barbie-css table.matrix-table tfoot td.percentage span {
  font-size: 12px;
}
.barbie-css table.matrix-table thead th,
.barbie-css table.matrix-table tbody th,
.barbie-css table.matrix-table tfoot th {
  font-size: 12px;
  font-weight: 200;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 760px) {
  .barbie-css table.matrix-table thead th,
  .barbie-css table.matrix-table tbody th,
  .barbie-css table.matrix-table tfoot th {
    font-size: 11px;
  }
}
.barbie-css table.matrix-table thead th.minor,
.barbie-css table.matrix-table tbody th.minor,
.barbie-css table.matrix-table tfoot th.minor {
  text-transform: none;
}
.barbie-css table.matrix-table thead td,
.barbie-css table.matrix-table thead th {
  height: 36px;
}
.barbie-css table.matrix-table tbody td,
.barbie-css table.matrix-table tfoot td,
.barbie-css table.matrix-table tbody th,
.barbie-css table.matrix-table tfoot th {
  height: 31px;
}
.barbie-css table.matrix-table tfoot td,
.barbie-css table.matrix-table tfoot th {
  color: #2E3236;
}
.barbie-css table.matrix-table tbody tr.divider td,
.barbie-css table.matrix-table tfoot tr.divider td {
  position: relative;
  overflow: hidden;
}
.barbie-css table.matrix-table tbody tr.divider td:before,
.barbie-css table.matrix-table tfoot tr.divider td:before {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #A6ABAE;
  content: "\00a0";
}
.barbie-css table.matrix-table tbody tr.divider td.divider,
.barbie-css table.matrix-table tfoot tr.divider td.divider {
  width: 120px;
}
.barbie-css table.matrix-table tbody tr.divider td.divider:before,
.barbie-css table.matrix-table tfoot tr.divider td.divider:before {
  content: none;
}
.barbie-css table.matrix-table tbody tr.divider td.no-divider:before,
.barbie-css table.matrix-table tfoot tr.divider td.no-divider:before {
  background-color: #FFF;
}
.barbie-css div.matrix-table {
  background-color: #FFF;
}
.barbie-css div.matrix-table.full-width {
  width: 100%;
}
.barbie-css div.matrix-table div > div {
  display: inline-block;
  padding: 0;
}
.barbie-css div.matrix-table div.header-row {
  color: #A6ABAE;
  background-color: #FFF;
  font-size: 12px;
  font-weight: 200;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 24px;
  height: 24px;
}
.barbie-css div.matrix-table div.body-row {
  color: #5F676F;
  background-color: #FFF;
  font-size: 20px;
  font-weight: 200;
  text-align: right;
  line-height: 33px;
  height: 33px;
}
.barbie-css div.matrix-table div.body-row div.heading {
  color: #A6ABAE;
  font-size: 12px;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}
.barbie-css div.matrix-table div.body-row div.action {
  color: #afbb36;
  color: var(--main-theme-color);
  font-size: 14px;
  vertical-align: top;
}
.barbie-css div.matrix-table div.body-row div.action a,
.barbie-css div.matrix-table div.body-row div.action span {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.matrix-table div.body-row div.percentage {
  font-size: 16px;
}
.barbie-css div.matrix-table div.body-row div.percentage span {
  font-size: 12px;
}
.barbie-css div.matrix-table div.body-row div.divider {
  text-align: center;
}
.barbie-css div.matrix-table div.body-row div.divider:before {
  width: 1px;
  display: inline-block;
  content: "\00a0";
  border-left: 1px dotted #A6ABAE;
}
.barbie-css div.matrix-table div.status-row {
  color: #A6ABAE;
  background-color: #FFF;
  font-size: 13px;
  font-weight: 200;
  line-height: 33px;
  height: 33px;
  margin: 12px 20px 0;
  padding: 7px 0 0;
  border-top: 1px solid #DDE2E5;
}
.barbie-css div.matrix-table div.status-row div.first {
  text-align: left;
}
.barbie-css div.matrix-table div.sub-row {
  display: block;
  color: #A6ABAE;
  background-color: #FFF;
  font-size: 12px;
  font-weight: 200;
  text-align: right;
}
.barbie-css div.matrix-table > div > div.currency {
  text-align: right;
}
.barbie-css div.matrix-table > div > div.input {
  text-align: left;
}
.barbie-css div.matrix-table > div > div.label {
  text-align: center;
  font-size: 14px;
  text-transform: none;
  padding-top: 7px;
}
.barbie-css div.table-holder {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.barbie-css div.list-table {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css div.list-table > div {
  border-top: 1px solid #DDE2E5;
  box-sizing: border-box;
}
.barbie-css div.list-table > div:nth-child(1),
.barbie-css div.list-table > div:nth-child(2) {
  border-top: none;
}
.barbie-css div.list-table > div > a > div,
.barbie-css div.list-table > div > div {
  color: #A6ABAE;
  vertical-align: top;
  display: inline-block;
  padding: 10px 5px;
  box-sizing: border-box;
}
.barbie-css div.list-table > div > a > div.padded,
.barbie-css div.list-table > div > div.padded {
  padding-left: 15px;
}
.barbie-css div.list-table > div > a > div.book,
.barbie-css div.list-table > div > div.book {
  font-weight: 300;
}
.barbie-css div.list-table > div > a > div.stronger,
.barbie-css div.list-table > div > div.stronger {
  color: #2E3236;
}
.barbie-css div.list-table > div > a > div.stronger .not-stronger,
.barbie-css div.list-table > div > div.stronger .not-stronger {
  color: #A6ABAE;
}
.barbie-css div.list-table > div > a > div .smaller,
.barbie-css div.list-table > div > div .smaller {
  font-size: 11px;
}
.barbie-css div.list-table > div > a > div .smaller.dropdown,
.barbie-css div.list-table > div > div .smaller.dropdown {
  font-size: 13px;
}
.barbie-css div.list-table > div > a > div .smaller.dropdown.icon,
.barbie-css div.list-table > div > div .smaller.dropdown.icon {
  font-size: 22px;
}
.barbie-css div.list-table > div > a > div.bigger,
.barbie-css div.list-table > div > div.bigger {
  font-size: 14px;
}
.barbie-css div.list-table > div > a > div.figures,
.barbie-css div.list-table > div > div.figures {
  text-align: right;
}
.barbie-css div.list-table > div > a > div.figures.padded,
.barbie-css div.list-table > div > div.figures.padded {
  padding-left: 0;
  padding-right: 15px;
}
.barbie-css div.list-table > div > a > div.dates,
.barbie-css div.list-table > div > div.dates {
  padding-left: 30px;
  padding-right: 0;
}
.barbie-css div.list-table > div > a > div.centered,
.barbie-css div.list-table > div > div.centered {
  text-align: center;
}
.barbie-css div.list-table > div > a > div.table-actions,
.barbie-css div.list-table > div > div.table-actions {
  margin-top: 2px;
  padding-left: 0px !important;
  text-align: right;
}
.barbie-css div.list-table > div > a > div.actions,
.barbie-css div.list-table > div > div.actions {
  text-align: center;
}
.barbie-css div.list-table > div > a > div.counters,
.barbie-css div.list-table > div > div.counters {
  text-align: left;
}
.barbie-css div.list-table > div > a > div .expand,
.barbie-css div.list-table > div > div .expand {
  float: right;
}
.barbie-css div.list-table > div > a > div.matrix-heading,
.barbie-css div.list-table > div > div.matrix-heading {
  color: #A6ABAE;
  font-size: 12px;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}
.barbie-css div.list-table > div > a > div.theme,
.barbie-css div.list-table > div > div.theme {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.list-table > div > a > div.details,
.barbie-css div.list-table > div > div.details {
  float: none;
  display: none;
  clear: both;
  margin: 0 32px;
  padding: 25px 50px;
  width: auto;
  height: auto;
  border-top: 1px solid #DDE2E5;
  background-color: #ECEFF1;
}
.barbie-css div.list-table > div > a > div.details .column-table,
.barbie-css div.list-table > div > div.details .column-table {
  float: right;
  padding-right: 10px;
  margin-bottom: 25px;
}
.barbie-css div.list-table > div > a > div.details .list-container,
.barbie-css div.list-table > div > div.details .list-container {
  clear: right;
  padding: 20px 10px;
  background-color: #FFF;
  border-top: 1px solid #DDE2E5;
}
.barbie-css div.list-table > div > a > div.details .list-container ul li label,
.barbie-css div.list-table > div > div.details .list-container ul li label {
  width: 100px;
}
.barbie-css div.list-table > div > a > div.details .list-container ul:first-child li label,
.barbie-css div.list-table > div > div.details .list-container ul:first-child li label {
  width: 70px;
}
.barbie-css div.list-table > div > a > div.slideable,
.barbie-css div.list-table > div > div.slideable {
  overflow: hidden;
}
.barbie-css div.list-table > div > a > div.slideable.action-links,
.barbie-css div.list-table > div > div.slideable.action-links {
  padding: 0;
  color: #afbb36;
  color: var(--main-theme-color);
  overflow: hidden;
  text-align: left;
  line-height: 35px;
}
.barbie-css div.list-table > div > a > div.slideable.action-links.align-right,
.barbie-css div.list-table > div > div.slideable.action-links.align-right {
  text-align: right;
}
.barbie-css div.list-table > div > a > div.slideable.action-links a,
.barbie-css div.list-table > div > div.slideable.action-links a {
  position: relative;
  left: 20px;
  text-overflow: clip;
}
.barbie-css div.list-table > div > a > div.slideable.action-links i.icon,
.barbie-css div.list-table > div > div.slideable.action-links i.icon {
  width: 20px;
  height: 24px;
  line-height: 24px;
}
.barbie-css div.list-table > div > a > div.slideable.action-links i.icon:before,
.barbie-css div.list-table > div > div.slideable.action-links i.icon:before {
  left: -6px;
}
.barbie-css div.list-table > div > a > div.slideable.action-links.disabled > i,
.barbie-css div.list-table > div > div.slideable.action-links.disabled > i {
  color: #DDE2E5;
}
.barbie-css div.list-table > div > a > div .details,
.barbie-css div.list-table > div > div .details {
  border-bottom: 1px dotted #858B8F;
}
.barbie-css div.list-table > div > a > div .checkbox.circle,
.barbie-css div.list-table > div > div .checkbox.circle {
  height: 15px;
}
.barbie-css div.list-table > div > a > div .checkbox.circle:before,
.barbie-css div.list-table > div > div .checkbox.circle:before {
  top: -8px;
}
.barbie-css div.list-table > div > a > div.right-divider,
.barbie-css div.list-table > div > div.right-divider {
  border-right: 1px solid #DDE2E5;
  padding-right: 20px;
}
.barbie-css div.list-table > div > a > div.right-divider.borderless,
.barbie-css div.list-table > div > div.right-divider.borderless {
  border-right: none;
}
.barbie-css div.list-table > div > a > div.left-divider,
.barbie-css div.list-table > div > div.left-divider {
  border-left: 1px solid #DDE2E5;
  padding-left: 20px;
}
.barbie-css div.list-table > div > a > div.left-divider.borderless,
.barbie-css div.list-table > div > div.left-divider.borderless {
  border-left: none;
}
.barbie-css div.list-table > div > a > div > input,
.barbie-css div.list-table > div > div > input {
  font-size: 13px;
}
.barbie-css div.list-table > div > a > div > input:not(.bordered),
.barbie-css div.list-table > div > div > input:not(.bordered) {
  position: relative;
  left: 9px;
  top: -4px;
}
.barbie-css div.list-table > div > a > div > input[type="checkbox"],
.barbie-css div.list-table > div > div > input[type="checkbox"] {
  width: auto;
  left: 0;
  top: 0;
}
.barbie-css div.list-table > div > a > div.form > ul > li,
.barbie-css div.list-table > div > div.form > ul > li {
  font-size: 14px;
  font-weight: 300;
}
.barbie-css div.list-table > div > a > div.form > ul > li > label,
.barbie-css div.list-table > div > div.form > ul > li > label {
  width: 175px;
}
.barbie-css div.list-table > div > a > div > i.icon,
.barbie-css div.list-table > div > div > i.icon {
  height: 16px;
  line-height: 16px;
}
.barbie-css div.list-table > div > a > div.rule,
.barbie-css div.list-table > div > div.rule {
  border-bottom: 1px solid #DDE2E5;
  margin-bottom: 10px;
}
.barbie-css div.list-table > div > a > div.test-borders,
.barbie-css div.list-table > div > div.test-borders {
  border-left: 1px solid #DDE2E5;
}
.barbie-css div.list-table > div > a > div.test-borders:last-child,
.barbie-css div.list-table > div > div.test-borders:last-child {
  border-right: 1px solid #DDE2E5;
}
.barbie-css div.list-table > div.hoverable:hover,
.barbie-css div.list-table > div.hoverable.hover {
  background-color: #F7F8F9;
}
.barbie-css div.list-table > div.hoverable > a > div,
.barbie-css div.list-table > div.hoverable > div {
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
}
.barbie-css div.list-table > div.body-row .current {
  color: #5F676F;
}
.barbie-css div.list-table > div.body-row .warning {
  color: #F04629;
}
.barbie-css div.list-table > div.body-row .total {
  border-top: 1px solid #DDE2E5;
}
.barbie-css div.list-table > div.body-row .theme {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.list-table > div.body-row.theme > div {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.list-table > div.body-row.chevron-row {
  height: 57px;
}
.barbie-css div.list-table > div.body-row.border-bottom {
  height: 43px;
  padding-top: 4px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css div.list-table > div.body-row.border-bottom.current {
  color: #5F676F;
}
.barbie-css div.list-table > div.body-row.border-bottom.expired {
  color: #DDE2E5;
}
.barbie-css div.list-table > div.body-row.border-bottom.future {
  color: #A6ABAE;
}
.barbie-css div.list-table > div.header-row {
  line-height: 26px;
}
.barbie-css div.list-table > div.header-row .icon {
  margin-top: -4px;
  color: #afbb36;
  color: var(--main-theme-color);
  width: 18px;
  height: 18px;
  line-height: 20px;
  font-size: 20px;
  vertical-align: middle;
  font-size: 18px;
}
.barbie-css div.list-table > div.header-row .icon.tiny {
  line-height: 15px;
  height: 13px;
  width: 13px;
}
.barbie-css div.list-table > div.header-row .icon.triangle-down {
  margin-top: -8px;
}
.barbie-css div.list-table > div.header-row .icon.triangle-up {
  margin-top: 0;
}
.barbie-css div.list-table > div.header-row.border-bottom {
  border-bottom: 2px solid #DDE2E5;
}
.barbie-css div.list-table > div.header-row.multi-line {
  line-height: 14px;
  height: 47px;
}
.barbie-css div.list-table > div.header-row.multi-line-extra {
  line-height: 16px;
  height: auto;
}
.barbie-css div.list-table > div.header-row span.clickable {
  border-bottom: 1px dotted #858B8F;
}
.barbie-css div.list-table > div.header-row .checkbox.circle::before {
  top: -2px;
}
.barbie-css div.list-table > div.body-row {
  font-weight: 500;
  background-color: #FFF;
}
.barbie-css div.list-table > div.body-row.highlight {
  background-color: #F7F8F9;
}
.barbie-css div.list-table > div.body-row .sub-row {
  display: block;
  color: #A6ABAE;
  font-size: 12px;
}
.barbie-css div.list-table > div.body-row .sub-row.warning {
  color: #E52D0D;
}
.barbie-css div.list-table > div.body-row .sub-row.bigger {
  font-size: 14px;
}
.barbie-css div.list-table > div.body-row .changed {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.list-table > div.body-row .hover-overlay {
  position: absolute;
  right: 0;
  background-color: inherit;
  white-space: nowrap;
  overflow: hidden;
}
.barbie-css div.list-table > div.body-row .hover-overlay .section {
  padding: 0 20px;
  margin: 0 0 0 20px;
  border-left: 1px solid #ddd;
}
.barbie-css div.list-table > div.body-row .hover-area {
  position: absolute;
  width: 0;
  -webkit-transition: left 400ms ease-in-out;
  -moz-transition: left 400ms ease-in-out;
  -ms-transition: left 400ms ease-in-out;
  -o-transition: left 400ms ease-in-out;
  top: 0;
  left: 110%;
  width: 100%;
  bottom: 0;
  padding: 10px 0;
  background-color: #FFF;
}
.barbie-css div.list-table > div.body-row .hover-area .section {
  padding: 0 20px;
  margin: 0 0 0 20px;
  border-left: 1px solid #ddd;
}
.barbie-css div.list-table > div.body-row .as-sortable-item-handle {
  visibility: hidden;
}
.barbie-css div.list-table > div.body-row .as-sortable-item-handle.prefix {
  left: 3px;
}
.barbie-css div.list-table > div.body-row span.flag {
  display: block;
  white-space: nowrap;
  font-size: 12px;
  color: #606c6f;
  font-weight: 300;
}
.barbie-css div.list-table > div.body-row span.flag.unlinked {
  text-decoration: none;
}
.barbie-css div.list-table > div.body-row:hover > .as-sortable-item-handle {
  visibility: visible;
}
.barbie-css div.list-table > div.body-row.taller > div {
  padding-top: 20px;
  padding-bottom: 20px;
}
.barbie-css div.list-table > div.body-row.taller > div i.icon.hamburger.theme {
  top: 2px;
  visibility: hidden;
}
.barbie-css div.list-table > div.body-row.taller > div i.icon.hamburger.theme.open {
  visibility: visible;
}
.barbie-css div.list-table > div.body-row.taller:hover > div i.icon.hamburger.theme {
  visibility: visible;
}
.barbie-css div.list-table > div.body-row.selected {
  background-color: #F7F8F9;
}
.barbie-css div.list-table > div.body-row.selected > div {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.list-table > div.body-row.selected > div i.icon {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.list-table.no-padding > div {
  padding-left: 5px;
  padding-right: 5px;
}
.barbie-css div.list-table.borderless {
  border: none;
}
.barbie-css div.list-table.borderless > div {
  border: none;
}
.barbie-css div.list-table.loading {
  position: relative;
  pointer-events: none;
}
.barbie-css div.list-table.loading:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.barbie-css div.list-table .hoverable {
  position: relative;
}
.barbie-css div.list-table .pad-right {
  padding-right: 10px;
}
.barbie-css div.list-table .no-overflow {
  white-space: nowrap;
  overflow: hidden;
}
.barbie-css div.list-table .header-row {
  background-color: #ECEFF1;
  padding: 0 20px 0;
  height: 43px;
}
.barbie-css div.list-table .header-row.padded {
  padding: 8px 0 8px 16px;
}
.barbie-css div.list-table .header-row.header-font-weight-default > div {
  font-weight: 500;
}
@media (max-width: 1000px) {
  .barbie-css div.list-table .header-row {
    padding: 0 5px 0;
  }
}
.barbie-css div.list-table .header-row > div {
  text-align: left;
  text-transform: uppercase;
  color: #A6ABAE;
  font-size: 12px;
  font-weight: 300;
}
.barbie-css div.list-table .header-row > div.figures {
  position: relative;
}
.barbie-css div.list-table .header-row > div.figures.padding-right {
  padding-right: 16px;
}
.barbie-css div.list-table .header-row > div.figures i {
  position: absolute;
  top: 16px;
}
.barbie-css div.list-table .header-row > div span.normal-case {
  text-transform: none;
}
.barbie-css div.list-table .action-row {
  background-color: #F7F8F9;
  border-top: 1px solid #ECEFF1;
  padding: 0 20px 0;
  height: 43px;
}
@media (max-width: 1000px) {
  .barbie-css div.list-table .action-row {
    padding: 0 5px 0;
  }
}
.barbie-css div.list-table .action-row > div {
  text-align: left;
  color: #A6ABAE;
  font-weight: 300;
}
.barbie-css div.list-table .action-row:nth-child(1) {
  font-size: 15px;
  line-height: 20px;
  border-top: 1px solid #ECEFF1;
}
.barbie-css div.list-table .action-row:nth-child(1) .checkbox.circle {
  line-height: 28px;
}
.barbie-css div.list-table .action-row span.divider {
  display: inline-block;
  height: 24px;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  vertical-align: middle;
  border-right: 1px dotted #C5C9CC;
}
.barbie-css div.list-table .action-row span.stronger {
  color: #2E3236;
}
.barbie-css div.list-table .action-row input.date {
  font-size: 16px;
  border-bottom: 1px solid #DDE2E5;
  padding: 5px;
  top: 1px;
  position: relative;
  width: 110px;
  text-align: center;
}
.barbie-css div.list-table .body-row {
  padding: 0 20px 0;
  position: relative;
  font-size: 13px;
}
.barbie-css div.list-table .body-row.padded {
  padding: 8px 0 8px 16px;
}
.barbie-css div.list-table .body-row.padded > div {
  padding: 8px;
}
.barbie-css div.list-table .body-row > a.row-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1000px) {
  .barbie-css div.list-table .body-row {
    padding: 0 5px 0;
  }
}
.barbie-css div.list-table .body-row.no-margin {
  padding: 0;
}
.barbie-css div.list-table .body-row.no-margin > div {
  padding: 0;
}
@media (max-width: 1000px) {
  .barbie-css div.list-table .body-row.no-margin {
    padding: 0;
  }
}
.barbie-css div.list-table .body-row.no-border {
  border-top: none;
}
.barbie-css div.list-table .body-row.small-top-margin {
  padding-top: 5px;
}
.barbie-css div.list-table .body-row.top-border {
  border-top: 1px solid #DDE2E5;
}
.barbie-css div.list-table .body-row .quick-view {
  text-align: center;
  width: auto;
  cursor: auto;
}
.barbie-css div.list-table .body-row .quick-view > div {
  background-color: #FFF;
  border-top: 1px solid #DDE2E5;
  border-bottom: 1px solid #DDE2E5;
  margin: 0 auto 20px;
  padding: 5px 0 18px 0;
}
.barbie-css div.list-table .body-row .quick-view .header-row,
.barbie-css div.list-table .body-row .quick-view .body-row {
  text-align: center;
}
.barbie-css div.list-table .body-row input,
.barbie-css div.list-table .body-row textarea {
  width: 100%;
  width: -webkit-fill-available;
  width: -moz-available;
  width: stretch;
}
.barbie-css div.list-table .body-row textarea {
  font-size: 14px;
  min-height: 48px;
}
@media (max-width: 1000px) {
  .barbie-css div.list-table.sub-table .header-row {
    padding: 0 20px 0;
  }
}
@media (max-width: 1000px) {
  .barbie-css div.list-table.sub-table .body-row {
    padding: 0 20px 0;
  }
}
.barbie-css div.list-table.plain-table {
  border-bottom: none;
}
.barbie-css div.list-table.plain-table .header-row {
  line-height: 1.3;
  padding: 0;
  background-color: transparent;
}
.barbie-css div.list-table.plain-table .body-row {
  padding: 0;
  border-top: none;
}
.barbie-css div.list-table.plain-table .body-row.spacer {
  height: 32px;
}
.barbie-css div.list-table.plain-table.thin {
  margin-bottom: 15px;
}
.barbie-css div.list-table.plain-table.thin .header-row > div,
.barbie-css div.list-table.plain-table.thin .body-row > div {
  padding: 0 5px 5px;
}
.barbie-css div.list-table.plain-table.thin .header-row {
  line-height: 18px;
  height: 28px;
}
.barbie-css div.list-table.dense-table .header-row,
.barbie-css div.list-table.dense-table .body-row {
  padding: 0 3px;
}
.barbie-css div.list-table.single-line-table {
  border-bottom: none;
}
.barbie-css div.list-table.inline {
  display: inline-block;
  vertical-align: top;
  width: auto;
}
.barbie-css div.list-table.top-margin {
  margin-top: 20px;
}
.barbie-css div.list-table.bottom-margin {
  margin-bottom: 20px;
}
.barbie-css div.list-table.selectable > .header-row,
.barbie-css div.list-table.selectable > .body-row,
.barbie-css div.list-table.selectable > .action-row {
  padding-left: 0px;
}
.barbie-css div.list-table.as-sortable-dragging .body-row {
  background-color: #F7F8F9;
}
.barbie-css div.list-table.as-sortable-dragging .body-row > .as-sortable-item-handle {
  visibility: visible;
}
.barbie-css table.block-table {
  border-spacing: 1px;
  border-collapse: separate;
  font-weight: 300;
  margin-bottom: 35px;
  position: relative;
}
.barbie-css table.block-table td,
.barbie-css table.block-table th {
  padding: 13px 18px;
  color: #A6ABAE;
}
.barbie-css table.block-table td.action,
.barbie-css table.block-table th.action {
  color: #5F676F;
}
.barbie-css table.block-table td:nth-child(1),
.barbie-css table.block-table th:nth-child(1) {
  width: 100% / 645 * 195;
}
.barbie-css table.block-table td:nth-child(2),
.barbie-css table.block-table th:nth-child(2) {
  width: 100% / 645 * 150;
}
.barbie-css table.block-table td:nth-child(3),
.barbie-css table.block-table th:nth-child(3) {
  width: 100% / 645 * 150;
}
.barbie-css table.block-table td:nth-child(4),
.barbie-css table.block-table th:nth-child(4) {
  width: 100% / 645 * 150;
}
.barbie-css table.block-table td i.icon,
.barbie-css table.block-table th i.icon {
  vertical-align: middle;
  margin-left: 10px;
}
.barbie-css table.block-table th {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
}
.barbie-css table.block-table td {
  font-weight: 500;
  background-color: #ECEFF1;
}
.barbie-css table.block-table td .sub-row {
  display: block;
  font-size: 12px;
}
.barbie-css .column-table {
  display: block;
  overflow: auto;
}
.barbie-css .column-table > div {
  display: inline-block;
  text-align: right;
  vertical-align: top;
  margin-left: 30px;
}
.barbie-css .column-table > div .heading {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 17px;
  font-weight: 200;
  color: #A6ABAE;
}
.barbie-css .column-table > div .number {
  color: #5F676F;
  font-size: 22px;
  font-weight: 300;
}
.barbie-css .column-table > div .number.lighter {
  color: #858B8F;
}
.barbie-css .column-table > div .number.sub-row {
  font-size: 18px;
}
.barbie-css .column-table > div .number.total {
  color: #2E3236;
}
.barbie-css .column-table > div.divider {
  border-right: 1px solid #DDE2E5;
  height: 40px;
}
.barbie-css .column-table > div .divider {
  border-left: 1px solid #DDE2E5;
  padding-left: 16px;
}
.barbie-css .column-table.cell-bottom-margin .heading + * {
  padding-bottom: 16px;
}
.barbie-css .column-table.right {
  text-align: right;
}
.barbie-css .column-table.right.indented {
  margin-right: 160px;
}
@media (max-width: 900px) {
  .barbie-css .column-table.right.indented {
    margin-right: 0px;
  }
}
.barbie-css .column-table.wide-spaced > div {
  margin-left: 60px;
}
.barbie-css .column-table.top-margin {
  margin-top: 20px;
}
.barbie-css .column-table.bottom-margin {
  margin-bottom: 20px;
}
.barbie-css .large-column-table {
  display: block;
  overflow: auto;
  margin: 0 70px 50px 0;
}
@media (max-width: 900px) {
  .barbie-css .large-column-table {
    margin-left: 0;
  }
}
.barbie-css .large-column-table > div {
  float: left;
  text-align: left;
}
@media (max-width: 760px) {
  .barbie-css .large-column-table > div {
    min-width: 110px;
    width: auto;
  }
}
.barbie-css .large-column-table > div.percentage {
  overflow: visible;
  white-space: nowrap;
}
.barbie-css .large-column-table > div .heading {
  text-transform: uppercase;
  font-size: 12px;
  color: #A6ABAE;
}
.barbie-css .large-column-table > div .number {
  font-size: 36px;
}
.barbie-css .large-column-table > div .number span {
  font-size: 24px;
  font-weight: 300;
}
.barbie-css .large-column-table > div.divider {
  border-right: 1px solid #DDE2E5;
  height: 40px;
}
.barbie-css .large-column-table.right > div {
  text-align: right;
}
.barbie-css .show-more-wrapper {
  margin: -9px -10px 20px;
  text-align: center;
}
.barbie-css .show-more-wrapper .spinny-thing {
  margin-bottom: 3px;
  margin-right: 7px;
}
.barbie-css .show-more-wrapper .show-more-gradient {
  background: linear-gradient(to bottom, rgba(174, 183, 189, 0) 0%, rgba(174, 183, 189, 0.45) 100%);
  height: 8px;
  margin: 0 10px;
}
.barbie-css .show-more-wrapper .show-more-rule {
  border-top: 1px solid #A6ABAE;
}
.barbie-css .show-more-wrapper .show-more {
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
}
.barbie-css .show-more-wrapper .show-more i.icon {
  vertical-align: middle;
  margin-right: 5px;
}
.barbie-css .show-more-wrapper .show-more .show-more-extra {
  font-style: italic;
  font-weight: 300;
  color: #A6ABAE;
  display: inline;
  margin-right: 40px;
}
.barbie-css .show-more-wrapper .show-more .show-more-extra span {
  color: #5F676F;
  font-weight: 500;
}
.barbie-css .list-bar {
  display: table;
  overflow: auto;
  padding: 0;
  margin: 0 0 15px;
}
@media (max-width: 600px) {
  .barbie-css .list-bar {
    padding: 20px 0 0;
  }
}
.barbie-css .list-bar.padded {
  padding: 0 10px;
}
.barbie-css .list-bar.bordered {
  padding: 20px 0 15px;
  margin: 0 0 24px;
  border-top: 1px solid #DDE2E5;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .list-bar.full-width {
  width: 100%;
}
.barbie-css .list-bar .row {
  overflow: hidden;
}
.barbie-css .list-bar .column {
  display: inline-block;
  font-size: 18px;
  padding: 0;
}
.barbie-css .list-bar .column.divider {
  border-left: 1px dotted #DDE2E5;
}
.barbie-css .list-bar .column.minimum {
  width: 10px;
  white-space: nowrap;
  vertical-align: middle;
}
.barbie-css .list-bar .column label {
  display: inline-block;
  text-align: right;
  width: 80px;
  color: #858B8F;
  font-size: 14px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.barbie-css .list-bar .column label.narrow {
  width: 60px;
}
.barbie-css .list-bar .column label.wide {
  width: 110px;
}
.barbie-css .list-bar .column.wider label {
  width: 140px;
}
.barbie-css .list-bar .column .block {
  white-space: nowrap;
  position: relative;
  overflow: visible;
  padding: 0 0 10px 0;
}
.barbie-css .list-bar .column .block > span {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 500px) {
  .barbie-css .list-bar .column .block > span {
    max-width: 180px;
    overflow: hidden;
  }
}
.barbie-css .list-bar .column .block:last-child > span,
.barbie-css .list-bar .column .block:last-child label {
  margin-bottom: 0;
}
.barbie-css .list-bar .column .hamburger {
  margin-left: 20px;
}
.barbie-css .list-bar .column button,
.barbie-css .list-bar .column i {
  vertical-align: middle;
}
.barbie-css .list-bar.stacked .column label {
  display: block;
  text-align: left;
}
.barbie-css .list-column-table {
  display: block;
  padding: 0;
  margin: 0 0 15px;
}
@media (max-width: 600px) {
  .barbie-css .list-column-table {
    padding: 20px 0 0;
  }
}
.barbie-css .list-column-table.bordered {
  padding: 24px 0;
  margin: 0 0 24px;
  border-top: 1px solid #DDE2E5;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .list-column-table.bordered.padded {
  padding: 10px 10px 5px;
}
.barbie-css .list-column-table.full-width {
  width: 100%;
}
.barbie-css .list-column-table .row {
  display: block;
}
.barbie-css .list-column-table .row.divider {
  border-top: 1px solid #DDE2E5;
  padding-top: 15px;
  margin-top: 10px;
}
.barbie-css .list-column-table .column {
  display: inline-block;
  font-size: 14px;
  padding: 0;
  box-sizing: border-box;
}
.barbie-css .list-column-table .column.divider {
  border-left: 1px dotted #DDE2E5;
  padding-left: 5px;
  min-height: 53px;
}
@media (max-width: 1000px) {
  .barbie-css .list-column-table .column.tab-bottom-divider {
    border-bottom: 1px solid #DDE2E5;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}
.barbie-css .list-column-table .column label {
  display: inline-block;
  text-align: right;
  width: 80px;
  color: #858B8F;
  font-size: 14px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.barbie-css .list-column-table .column label.narrow {
  width: 60px;
}
@media (max-width: 1000px) {
  .barbie-css .list-column-table .column label.narrow.tab-default {
    width: 80px;
  }
}
@media (max-width: 600px) {
  .barbie-css .list-column-table .column label.narrow.mob-default {
    width: 80px;
  }
}
.barbie-css .list-column-table .column label.largefont {
  vertical-align: top;
  font-size: 16px;
}
.barbie-css .list-column-table .column label.wider {
  width: 90px;
}
.barbie-css .list-column-table .column label.wide {
  width: 110px;
}
@media (max-width: 1000px) {
  .barbie-css .list-column-table .column label.wide.mob-wide {
    margin-left: 40px;
  }
}
.barbie-css .list-column-table .column label.widest {
  width: 150px;
  vertical-align: top;
  font-size: 16px;
}
.barbie-css .list-column-table .column label.inline {
  width: auto;
}
.barbie-css .list-column-table .column .block {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  padding: 0 0 10px 0;
}
.barbie-css .list-column-table .column .block > span {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 500px) {
  .barbie-css .list-column-table .column .block > span {
    max-width: 180px;
    overflow: hidden;
  }
}
.barbie-css .list-column-table .column .block:last-child > span,
.barbie-css .list-column-table .column .block:last-child label {
  margin-bottom: 0;
}
.barbie-css .list-column-table .column .block.shifted {
  margin-top: 10px;
}
.barbie-css .list-column-table .column .block.grouped {
  padding: 0;
}
.barbie-css .list-column-table .column .block.compact {
  padding-bottom: 0;
}
@media (max-width: 1000px) {
  .barbie-css .list-column-table .column .block.tab-inline {
    display: inline-block;
  }
}
.barbie-css .list-column-table .column .hamburger {
  margin-left: 20px;
}
.barbie-css .list-column-table .column button,
.barbie-css .list-column-table .column i {
  vertical-align: middle;
}
.barbie-css .list-column-table .column .user-portrait.large {
  float: right;
  margin-right: 10px;
  top: -5px;
}
@media (max-width: 1000px) {
  .barbie-css .list-column-table .column.divider {
    border-left: none;
    padding-left: 0;
  }
  .barbie-css .list-column-table .column.tab-divider {
    border-left: 1px dotted #DDE2E5;
    padding-left: 5px;
  }
}
.barbie-css .list-column-table.label-top .block {
  padding-left: 60px;
}
.barbie-css .list-column-table.label-top .block > label {
  display: block;
  text-align: left;
  margin-bottom: 6px;
}
.barbie-css .list-column-table.wide-columns .column.divider {
  padding-left: 20px;
  margin-left: 20px;
}
.barbie-css .list-column-table.wide-columns .column label {
  width: 121px;
}
.barbie-css .list-column-table.top-margin {
  margin-top: 30px;
}
.barbie-css .dialog div.large-list-table {
  width: 650px;
}
.barbie-css div.large-list-table {
  border-bottom: 1px solid #DDE2E5;
  clear: right;
}
.barbie-css div.large-list-table > div,
.barbie-css div.large-list-table > table-empty-row {
  display: block;
  border-top: 1px solid #DDE2E5;
}
.barbie-css div.large-list-table > div > div,
.barbie-css div.large-list-table > table-empty-row > div {
  padding: 0 10px 0 0;
  font-size: 14px;
}
.barbie-css div.large-list-table > div > div a,
.barbie-css div.large-list-table > table-empty-row > div a {
  border-bottom: 1px dashed #C5C9CC;
  text-decoration: none;
}
.barbie-css div.large-list-table > div > div .title,
.barbie-css div.large-list-table > table-empty-row > div .title {
  display: block;
  font-size: 24px;
  font-weight: 400;
  color: #3F464D;
  margin: 0 0 3px;
  border: none;
}
.barbie-css div.large-list-table > div > div .prefix,
.barbie-css div.large-list-table > table-empty-row > div .prefix {
  color: #A6ABAE;
  margin-right: 3px;
}
.barbie-css div.large-list-table > div > div.email-icon,
.barbie-css div.large-list-table > table-empty-row > div.email-icon {
  width: 38px;
  height: 30px;
  display: block;
  float: left;
  overflow: hidden;
}
.barbie-css div.large-list-table > div > div.email-icon i:before,
.barbie-css div.large-list-table > table-empty-row > div.email-icon i:before {
  font-size: 52px;
  top: -17px;
  position: relative;
}
@media (max-width: 600px) {
  .barbie-css div.large-list-table > div > div.email-icon,
  .barbie-css div.large-list-table > table-empty-row > div.email-icon {
    width: auto;
    height: auto;
    max-width: 38px;
    max-height: 30px;
    padding: 0;
  }
}
.barbie-css div.large-list-table > div > div.task-info,
.barbie-css div.large-list-table > table-empty-row > div.task-info {
  margin: 0 0 0 50px;
  min-height: 52px;
}
@media (max-width: 600px) {
  .barbie-css div.large-list-table > div > div.task-info,
  .barbie-css div.large-list-table > table-empty-row > div.task-info {
    margin: 0;
    padding: 0 12px 0 0;
    min-height: 0;
  }
}
.barbie-css div.large-list-table > div > div.task-info .name-line,
.barbie-css div.large-list-table > table-empty-row > div.task-info .name-line {
  display: inline-block;
  margin-right: 20px;
}
.barbie-css div.large-list-table > div .info-area,
.barbie-css div.large-list-table > table-empty-row .info-area {
  float: right;
  margin: 5px 0 0 7px;
}
.barbie-css div.large-list-table > div .info-area > div,
.barbie-css div.large-list-table > table-empty-row .info-area > div {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
  padding-left: 11px;
  margin-left: 11px;
  border-left: 1px dotted #DDE2E5;
}
.barbie-css div.large-list-table > div .info-area .user,
.barbie-css div.large-list-table > table-empty-row .info-area .user {
  float: left;
  position: relative;
  width: 35px;
  height: 35px;
  vertical-align: top;
}
.barbie-css div.large-list-table > div .info-area .user span,
.barbie-css div.large-list-table > table-empty-row .info-area .user span {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css div.large-list-table > div .info-area .user i,
.barbie-css div.large-list-table > table-empty-row .info-area .user i {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css div.large-list-table > div .info-area .email-date,
.barbie-css div.large-list-table > table-empty-row .info-area .email-date {
  margin: 29px 3px 0 0;
}
@media (max-width: 600px) {
  .barbie-css div.large-list-table > div .info-area .desktop,
  .barbie-css div.large-list-table > table-empty-row .info-area .desktop {
    display: none;
  }
}
.barbie-css div.large-list-table > div .quick-info-area,
.barbie-css div.large-list-table > table-empty-row .quick-info-area {
  padding-top: 5px;
}
.barbie-css div.large-list-table > div .quick-info-area .task-info .prefix,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .task-info .prefix {
  display: inline-block;
  width: 30px;
  text-align: right;
}
.barbie-css div.large-list-table > div .quick-info-area .info-area,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .info-area {
  margin: 10px 0 10px 33px;
  float: none;
}
.barbie-css div.large-list-table > div .quick-info-area .info-area > div,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .info-area > div {
  padding-left: 7px;
  margin-left: 7px;
}
.barbie-css div.large-list-table > div .quick-info-area .info-area > div:first-child,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .info-area > div:first-child {
  padding-left: 0;
  margin-left: 0;
}
.barbie-css div.large-list-table > div .quick-info-area .info-area .last-update,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .info-area .last-update {
  width: auto;
  margin-right: 7px;
}
.barbie-css div.large-list-table > div .quick-info-area .info-area .comment-count span,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .info-area .comment-count span {
  width: 33px;
}
.barbie-css div.large-list-table > div .quick-info-area .info-area .comment-count span:before,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .info-area .comment-count span:before {
  left: -14px;
  width: 33px;
}
.barbie-css div.large-list-table > div .quick-info-area .info-area .action,
.barbie-css div.large-list-table > table-empty-row .quick-info-area .info-area .action {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.large-list-table > div.body-row,
.barbie-css div.large-list-table > table-empty-row.body-row {
  font-weight: 500;
  font-size: 13px;
  padding: 12px 0;
}
.barbie-css div.large-list-table > div.body-row.hoverable .no-hover,
.barbie-css div.large-list-table > table-empty-row.body-row.hoverable .no-hover {
  display: block;
}
@media (max-width: 600px) {
  .barbie-css div.large-list-table > div.body-row.hoverable .no-hover.desktop,
  .barbie-css div.large-list-table > table-empty-row.body-row.hoverable .no-hover.desktop {
    display: none;
  }
}
.barbie-css div.large-list-table > div.body-row.hoverable .hover,
.barbie-css div.large-list-table > table-empty-row.body-row.hoverable .hover {
  display: none;
}
.barbie-css div.large-list-table > div.body-row.hoverable:hover,
.barbie-css div.large-list-table > table-empty-row.body-row.hoverable:hover {
  background-color: #F7F8F9;
}
.barbie-css div.large-list-table > div.body-row.hoverable:hover .no-hover,
.barbie-css div.large-list-table > table-empty-row.body-row.hoverable:hover .no-hover {
  display: none;
}
.barbie-css div.large-list-table > div.body-row.hoverable:hover .hover,
.barbie-css div.large-list-table > table-empty-row.body-row.hoverable:hover .hover {
  display: block;
}
.barbie-css div.large-list-table > div.body-row ul.tab-list,
.barbie-css div.large-list-table > table-empty-row.body-row ul.tab-list {
  line-height: 46px;
  margin-right: 10px;
}
@media (max-width: 1000px) {
  .barbie-css div.large-list-table > div.body-row,
  .barbie-css div.large-list-table > table-empty-row.body-row {
    padding: 12px 0;
  }
}
.barbie-css div.large-list-table > div.body-row .title.critical,
.barbie-css div.large-list-table > table-empty-row.body-row .title.critical {
  color: #C81F02;
}
.barbie-css div.large-list-table > div.body-row .title.low,
.barbie-css div.large-list-table > table-empty-row.body-row .title.low {
  color: #858B8F;
}
.barbie-css div.large-list-table > div.body-row.email:hover,
.barbie-css div.large-list-table > table-empty-row.body-row.email:hover {
  background-color: #F7F8F9;
}
.barbie-css div.large-list-table > div.body-row.closed .title,
.barbie-css div.large-list-table > table-empty-row.body-row.closed .title {
  color: #C5C9CC;
}
.barbie-css div.large-list-table > div.body-row.closed .name,
.barbie-css div.large-list-table > table-empty-row.body-row.closed .name {
  color: #C5C9CC;
}
.barbie-css div.large-list-table > div.body-row .last-update,
.barbie-css div.large-list-table > table-empty-row.body-row .last-update {
  width: 100px;
}
.barbie-css div.large-list-table > div.body-row .comment-count span,
.barbie-css div.large-list-table > table-empty-row.body-row .comment-count span {
  display: inline-block;
  width: 48px;
  text-align: center;
  line-height: 38px;
  background-position: center -4px;
  font-size: 11px;
  color: #5F676F;
  position: relative;
}
.barbie-css div.large-list-table > div.body-row .comment-count span:before,
.barbie-css div.large-list-table > table-empty-row.body-row .comment-count span:before {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: -7px;
  top: -1px;
  width: 48px;
  height: 48px;
  font-size: 62px;
  color: #DDE2E5;
  line-height: 41px;
  content: var(--glyph-speech-bubble-outlined);
}
.barbie-css div.large-list-table > div.body-row .quick-view,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view {
  cursor: default;
  margin: 0 50px 30px;
  padding: 20px;
  background-color: #FFF;
}
.barbie-css div.large-list-table > div.body-row .quick-view .comment-area .info,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .comment-area .info {
  height: 35px;
  line-height: 35px;
  float: left;
  margin-right: 10px;
}
.barbie-css div.large-list-table > div.body-row .quick-view .list-bar,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .list-bar {
  padding: 0 10px;
  margin: 0 0 15px;
}
.barbie-css div.large-list-table > div.body-row .quick-view .list-bar .column .block,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .list-bar .column .block {
  display: inline-block;
}
.barbie-css div.large-list-table > div.body-row .quick-view .list-bar .column .block label,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .list-bar .column .block label {
  display: block;
  margin: 0 0 5px;
  text-align: left;
}
.barbie-css div.large-list-table > div.body-row .quick-view .list-bar .column .block span,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .list-bar .column .block span {
  margin: 0;
}
.barbie-css div.large-list-table > div.body-row .quick-view .button-bar.thin.right,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .button-bar.thin.right {
  padding: 10px 10px;
  margin: 0 0 25px;
  border-top: 1px solid #DDE2E5;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css div.large-list-table > div.body-row .quick-view .button-bar.thin.right div.button-bar .left,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .button-bar.thin.right div.button-bar .left {
  float: left;
  margin-top: -8px;
}
.barbie-css div.large-list-table > div.body-row .quick-view .button-bar.thin.right div.comment-count,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .button-bar.thin.right div.comment-count {
  display: inline-block;
}
.barbie-css div.large-list-table > div.body-row .quick-view .button-bar.thin.right div.comment-count span,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .button-bar.thin.right div.comment-count span {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.large-list-table > div.body-row .quick-view .button-bar.thin.right div.comment-count span:before,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .button-bar.thin.right div.comment-count span:before {
  color: #DDE2E5;
}
.barbie-css div.large-list-table > div.body-row .quick-view .button-bar.thin.right i.icon.link,
.barbie-css div.large-list-table > table-empty-row.body-row .quick-view .button-bar.thin.right i.icon.link {
  width: 30px;
}
.barbie-css div.large-list-table.popup {
  margin-top: -10px;
}
.barbie-css div.large-list-table.popup .body-row {
  padding: 10px 0 0 0;
}
.barbie-css div.large-list-table.popup .body-row:first-child {
  border-top: none;
}
.barbie-css div.large-list-table.popup .body-row .task-info {
  margin: 0;
  padding: 0 0 5px 0;
}
.barbie-css div.large-list-table.popup .body-row .title {
  font-size: 19px;
  color: #858B8F;
}
.barbie-css div.large-list-table.popup .body-row .prefix {
  font-size: 12px;
  color: #858B8F;
}
.barbie-css div.large-list-table.popup .body-row .name {
  font-size: 12px;
  color: #858B8F;
}
.barbie-css div.large-list-table.popup .body-row .info-area {
  color: #858B8F;
  margin: 0;
  padding: 0;
}
.barbie-css div.large-list-table.popup .body-row .info-area .user span {
  font-size: 10px;
  width: 25px;
}
.barbie-css div.large-list-table.popup .body-row .info-area .user i {
  font-size: 25px;
}
.barbie-css div.link-count {
  display: inline-block;
}
.barbie-css div.link-count span {
  display: inline-block;
  width: 35px;
  text-align: center;
  line-height: 38px;
  background-position: center -4px;
  font-size: 11px;
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css div.link-count span:before {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--glyph-circle-outlined);
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 35px;
  height: 35px;
  font-size: 35px;
  color: #DDE2E5;
  line-height: 41px;
}
.barbie-css div.link-count > .popup {
  display: inline-block;
  width: 35px;
  text-align: center;
}
.barbie-css div.mini-table-holder {
  display: inline-block;
}
.barbie-css .attachment-count {
  display: inline-block;
  height: 34px;
}
.barbie-css .attachment-count span {
  display: inline-block;
  width: 35px;
  text-align: center;
  line-height: 38px;
  background-position: center -4px;
  font-size: 11px;
  color: #C81F02;
  position: relative;
}
.barbie-css .attachment-count span:before {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--glyph-circle-outlined);
  position: absolute;
  left: -7px;
  top: -2px;
  width: 48px;
  height: 48px;
  font-size: 35px;
  color: #DDE2E5;
  line-height: 41px;
}
.barbie-css table.spreadsheet {
  border: 1px solid #DDE2E5;
  margin: 0 0 30px 0;
}
.barbie-css table.spreadsheet th,
.barbie-css table.spreadsheet td {
  border: 1px solid #DDE2E5;
  border-bottom: none;
  border-right: none;
  padding: 4px 7px;
}
.barbie-css table.spreadsheet th {
  background-color: #ECEFF1;
}
.barbie-css table.spreadsheet tbody th {
  text-align: right;
}
.barbie-css table.spreadsheet td input,
.barbie-css table.spreadsheet td span {
  width: 100%;
  min-width: 100px;
  height: 28px;
  line-height: 28px;
  float: left;
}
.barbie-css table.spreadsheet td input.dropdown,
.barbie-css table.spreadsheet td span.dropdown {
  float: none;
}
.barbie-css table.spreadsheet td input.clickable,
.barbie-css table.spreadsheet td span.clickable {
  cursor: text;
}
.barbie-css table.spreadsheet td input.dropdown,
.barbie-css table.spreadsheet td span.dropdown {
  padding: 0;
  border: none;
}
.barbie-css table.spreadsheet td input[disabled="disabled"],
.barbie-css table.spreadsheet td span[disabled="disabled"] {
  color: #2E3236;
  -webkit-text-fill-color: #2E3236;
}
.barbie-css table.spreadsheet td span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.barbie-css table.spreadsheet td.heading {
  background-color: #F7F8F9;
}
.barbie-css table.spreadsheet td.heading input,
.barbie-css table.spreadsheet td.heading i.icon.postfix:before {
  background-color: #F7F8F9;
}
.barbie-css table.spreadsheet td.changed {
  box-shadow: inset 0 0 5px #2797EF;
}
.barbie-css table.spreadsheet td.invalid {
  box-shadow: inset 0 0 5px #F04629;
}
.barbie-css div.close {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #afbb36;
  color: var(--main-theme-color);
  font-size: 29px;
  position: absolute;
  right: 5px;
  top: 3px;
  cursor: pointer;
}
.barbie-css div.close:before {
  content: var(--glyph-cross);
}
.barbie-css ul.align-left {
  text-align: left;
}
.barbie-css ul.align-center {
  text-align: center;
}
.barbie-css ul.align-right {
  text-align: right;
}
.barbie-css div.align-left {
  text-align: left;
}
.barbie-css div.align-center {
  text-align: center;
}
.barbie-css div.align-right {
  text-align: right;
}
.barbie-css ul.file-list {
  overflow: auto;
  margin: 0 0 50px 0;
  padding: 0 0 0 10px;
}
@media (max-width: 600px) {
  .barbie-css ul.file-list {
    clear: left;
  }
}
.barbie-css ul.file-list li {
  position: relative;
  float: left;
  padding: 17px 13px;
  margin: 0;
  width: 153px;
  height: 33px;
  cursor: pointer;
  font-weight: 500;
  line-height: 15px;
}
@media (max-width: 900px) {
  .barbie-css ul.file-list li {
    width: 145px;
  }
}
@media (max-width: 500px) {
  .barbie-css ul.file-list li {
    width: 115px;
  }
}
.barbie-css ul.file-list li:hover {
  background-color: #ECEFF1;
}
.barbie-css ul.file-list li:hover:before {
  border-color: #DDE2E5 #FFF;
}
.barbie-css ul.file-list li a {
  display: inline-block;
}
.barbie-css ul.file-list li span {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 160px;
  display: inline-block;
  overflow: hidden;
}
@media (max-width: 500px) {
  .barbie-css ul.file-list li span {
    width: 130px;
  }
}
.barbie-css ul.file-list li .file-size {
  display: block;
  font-weight: 300;
  color: #A6ABAE;
}
.barbie-css ul.file-list li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 11px 11px 0;
  border-style: solid;
  border-color: #FFF #FFF;
}
.barbie-css ul.file-list.borderless {
  padding-left: 0;
}
.barbie-css ul.file-list.borderless li {
  padding: 0 13px 17px 0;
}
.barbie-css ul.file-list.borderless li:hover {
  background-color: transparent;
}
.barbie-css ul.file-list.borderless li:hover:before {
  border-color: transparent;
}
.barbie-css .list-container {
  display: block;
  overflow: auto;
}
.barbie-css .list-container ul {
  float: left;
}
.barbie-css .list-container ul.no-indent {
  margin-left: -25px;
}
.barbie-css .list-container ul li {
  font-size: 14px;
  font-weight: 300;
  color: #5F676F;
}
.barbie-css .list-container ul li label {
  display: inline-block;
  width: 115px;
  text-align: right;
  color: #A6ABAE;
  font-size: 13px;
  margin-right: 8px;
}
.barbie-css div.comment-list {
  margin-left: 136px;
}
.barbie-css div.comment-list.popup {
  margin-left: 0;
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
@media (max-width: 900px) {
  .barbie-css div.comment-list {
    margin-left: 100px;
  }
  .barbie-css div.comment-list.popup {
    margin-left: 0;
    max-width: 420px;
  }
}
@media (max-width: 600px) {
  .barbie-css div.comment-list {
    margin-left: 0;
  }
}
.barbie-css div.comment-list.attachments {
  margin-left: 132px;
}
@media (max-width: 900px) {
  .barbie-css div.comment-list.attachments {
    margin-left: 32px;
  }
}
@media (max-width: 600px) {
  .barbie-css div.comment-list.attachments {
    margin-left: 0;
  }
}
.barbie-css div.comment-list.attachments li .remove-button {
  opacity: 0;
  position: absolute;
  right: 8px;
  top: 8px;
}
.barbie-css div.comment-list.attachments li:hover .remove-button {
  opacity: 1;
}
.barbie-css div.comment-list .file-list-holder {
  margin: 10px 0 0;
}
.barbie-css div.comment-list .file-list-holder h5 {
  float: left;
}
@media (max-width: 600px) {
  .barbie-css div.comment-list .file-list-holder h5 {
    float: none;
  }
  .barbie-css div.comment-list .file-list-holder ul.file-list {
    margin: 0 0 50px 37px;
    padding: 0;
  }
}
.barbie-css div.comment-list .comment-line {
  margin-bottom: 30px;
  overflow: auto;
}
.barbie-css div.comment-list .comment-line .user {
  float: left;
  position: relative;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin-right: 6px;
  left: 1px;
}
.barbie-css div.comment-list .comment-line .user span {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css div.comment-list .comment-line .user i {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css div.comment-list .comment-line .remove-button {
  line-height: 18px;
  vertical-align: top;
  opacity: 0;
  transition: 0.2s opacity;
}
.barbie-css div.comment-list .comment-line:hover .remove-button {
  opacity: 1;
}
.barbie-css div.comment-list .comment-area span.comment-actionbar {
  position: absolute;
  margin-top: -5px;
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
}
.barbie-css div.comment-list .comment-area span.comment-actionbar .icon {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.comment-list .comment-area:not(:hover) span.comment-actionbar {
  opacity: 0;
}
.barbie-css .list-popup {
  width: 650px;
}
.barbie-css .list-popup.auto-width {
  width: auto;
}
.barbie-css .list-popup.medium-width {
  width: 450px;
}
@media (max-width: 900px) {
  .barbie-css .list-popup {
    width: 450px;
  }
  .barbie-css .list-popup.auto-width {
    width: auto;
    max-width: 450px;
  }
}
@media (max-width: 600px) {
  .barbie-css .list-popup {
    width: 276px;
  }
  .barbie-css .list-popup.auto-width {
    width: auto;
    max-width: 276px;
  }
}
.barbie-css .list-popup .divider {
  border-bottom: 1px solid #DDE2E5;
  display: block;
  margin: -10px -5px 10px;
}
.barbie-css .list-popup ul.attachments li {
  color: #afbb36;
  color: var(--main-theme-color);
}
@media (max-width: 600px) {
  .barbie-css .list-popup ul.tab-list {
    float: right;
  }
  .barbie-css .list-popup ul.tab-list li {
    padding: 0;
  }
}
.barbie-css .text-list {
  padding: 10px 0;
}
.barbie-css .text-list ul li {
  padding: 5px 15px 5px 10px;
  overflow: auto;
}
.barbie-css .text-list ul li h5 {
  margin: 0;
}
.barbie-css .text-list ul li.read {
  color: #3F464D;
}
.barbie-css .text-list ul li.separator {
  padding: 5px 0 0;
  margin: 0 0 5px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .text-list ul li span.email {
  display: block;
  font-size: 12px;
}
.barbie-css .text-list ul li span.index {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  font-weight: 500;
  text-align: right;
  min-width: 16px;
}
.barbie-css .text-list ul li span.time {
  color: #A6ABAE;
  font-size: 13px;
  margin-left: 5px;
}
.barbie-css .text-list ul li span.notification {
  display: block;
  float: left;
  margin: 0;
  width: 250px;
}
@media (max-width: 600px) {
  .barbie-css .text-list ul li span.notification {
    width: 150px;
  }
}
.barbie-css .text-list ul li i.icon {
  width: 25px;
}
.barbie-css .area.text-list {
  font-size: 18px;
}
.barbie-css .area.text-list > div {
  display: inline-block;
  margin-right: 42px;
}
.barbie-css .area.text-list > div:last-child {
  margin-right: 0;
}
.barbie-css .area.text-list > div label {
  color: #858B8F;
  margin-right: 8px;
  border-bottom: none;
}
.barbie-css .area.text-list > div span {
  border-bottom: 1px dotted #858B8F;
}
.barbie-css ul.popup-list li {
  color: #5F676F;
}
.barbie-css ul.popup-list li label {
  display: inline-block;
  color: #858B8F;
  margin-right: 8px;
  width: 50px;
  font-size: 12px;
  font-weight: 300;
}
.barbie-css ul.popup-list li.email {
  color: #2E3236;
}
.barbie-css ul.popup-list li span.warning {
  color: #F04629;
}
.barbie-css ul.popup-list.wide li label {
  width: 60px;
}
.barbie-css ul.popup-form {
  color: #2E3236;
  padding: 0 0 15px;
  margin: 0 0 15px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css ul.popup-form label {
  display: block;
  color: #858B8F;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 300;
}
.barbie-css ul.list-checklist li {
  padding: 5px 0;
  border-bottom: 1px solid #DDE2E5;
  color: #858B8F;
}
.barbie-css ul.list-checklist li label {
  display: inline-block;
  width: 160px;
}
.barbie-css ul.list-checklist li span {
  font-size: 12px;
}
.barbie-css ul.list-checklist li.total {
  border-bottom: none;
  text-align: right;
}
.barbie-css ul.list-checklist li.total label {
  width: auto;
  display: inline;
  margin-right: 10px;
}
.barbie-css ul.list-properties {
  margin-bottom: 20px;
}
.barbie-css ul.list-properties li {
  margin-bottom: 10px;
}
.barbie-css ul.list-properties li label {
  display: block;
  color: #858B8F;
}
.barbie-css ul.list-properties li span {
  color: #3F464D;
}
.barbie-css ul.list-properties li .file-info {
  display: inline-block;
  vertical-align: top;
}
.barbie-css ul.list-properties li .file-info .file-size {
  display: block;
  color: #858B8F;
}
.barbie-css ul.list-properties li.inline label {
  display: inline;
  margin-right: 7px;
}
.barbie-css fieldset ul.top-margin {
  margin-top: 40px;
}
.barbie-css ng-form ul.bottom-margin {
  margin-bottom: 9px;
}
.barbie-css ng-form ul .top-margin {
  margin-top: 20px;
}
.barbie-css ng-form.no-dialog ul.indented,
.barbie-css form.no-dialog ul.indented,
.barbie-css ng-form.no-dialog div.indented,
.barbie-css form.no-dialog div.indented,
.barbie-css ng-form.no-dialog span.indented,
.barbie-css form.no-dialog span.indented {
  margin-left: 10%;
}
.barbie-css ng-form.no-dialog ul.right-margin,
.barbie-css form.no-dialog ul.right-margin,
.barbie-css ng-form.no-dialog div.right-margin,
.barbie-css form.no-dialog div.right-margin,
.barbie-css ng-form.no-dialog span.right-margin,
.barbie-css form.no-dialog span.right-margin {
  margin-right: 7%;
}
.barbie-css ng-form.no-dialog ul li label.at-tag-input-area-label,
.barbie-css form.no-dialog ul li label.at-tag-input-area-label,
.barbie-css ng-form.no-dialog div li label.at-tag-input-area-label,
.barbie-css form.no-dialog div li label.at-tag-input-area-label,
.barbie-css ng-form.no-dialog span li label.at-tag-input-area-label,
.barbie-css form.no-dialog span li label.at-tag-input-area-label {
  float: left;
  margin-top: 5px;
  width: initial;
}
.barbie-css ng-form.no-dialog ul .left-float,
.barbie-css form.no-dialog ul .left-float,
.barbie-css ng-form.no-dialog div .left-float,
.barbie-css form.no-dialog div .left-float,
.barbie-css ng-form.no-dialog span .left-float,
.barbie-css form.no-dialog span .left-float {
  float: left;
}
.barbie-css ng-form.no-dialog .at-tag-input-area,
.barbie-css form.no-dialog .at-tag-input-area {
  width: 470px;
}
.barbie-css ng-form.no-dialog .at-tag-input-area.no-border,
.barbie-css form.no-dialog .at-tag-input-area.no-border {
  border: none;
  margin-bottom: -30px;
}
.barbie-css ng-form.no-dialog .at-tag-input-area .grey,
.barbie-css form.no-dialog .at-tag-input-area .grey {
  color: #858B8F;
}
.barbie-css ng-form.no-dialog .at-tag-input-area .at-tag-input,
.barbie-css form.no-dialog .at-tag-input-area .at-tag-input {
  border: none;
}
.barbie-css ng-form.no-dialog .button-bar,
.barbie-css form.no-dialog .button-bar {
  margin-top: 20px;
}
.barbie-css ng-form.no-dialog .button-bar button,
.barbie-css form.no-dialog .button-bar button,
.barbie-css ng-form.no-dialog .button-bar span,
.barbie-css form.no-dialog .button-bar span {
  vertical-align: unset;
}
.barbie-css ng-form ul li,
.barbie-css form ul li {
  clear: both;
  position: relative;
  padding: 0 0 20px;
  overflow: visible;
  font-size: 16px;
}
.barbie-css ng-form ul li.compact,
.barbie-css form ul li.compact {
  padding-bottom: 5px;
}
.barbie-css ng-form ul li.grey,
.barbie-css form ul li.grey {
  color: #858B8F;
}
.barbie-css ng-form ul li .icon.prefix,
.barbie-css form ul li .icon.prefix {
  font-size: 27px;
  height: 20px;
  vertical-align: middle;
}
.barbie-css ng-form ul li .icon.prefix:before,
.barbie-css form ul li .icon.prefix:before {
  top: -4px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .icon.prefix.desktop,
  .barbie-css form ul li .icon.prefix.desktop {
    display: none;
  }
}
.barbie-css ng-form ul li .icon.prefix.mobile,
.barbie-css form ul li .icon.prefix.mobile {
  display: none;
  float: left;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .icon.prefix.mobile,
  .barbie-css form ul li .icon.prefix.mobile {
    display: block;
  }
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li.desktop,
  .barbie-css form ul li.desktop {
    display: none;
  }
}
@media (min-width: 600px) {
  .barbie-css ng-form ul li.mobile,
  .barbie-css form ul li.mobile {
    display: none;
  }
}
.barbie-css ng-form ul li .file-info,
.barbie-css form ul li .file-info {
  display: inline-block;
  vertical-align: top;
}
.barbie-css ng-form ul li .message,
.barbie-css form ul li .message {
  color: #C5C9CC;
  font-style: italic;
}
.barbie-css ng-form ul li .description,
.barbie-css form ul li .description {
  color: #606c6f;
  font-size: 13px;
}
.barbie-css ng-form ul li .description--small,
.barbie-css form ul li .description--small {
  line-height: 1.6;
}
.barbie-css ng-form ul li label,
.barbie-css form ul li label {
  display: inline-block;
  width: 150px;
  margin-right: 12px;
  margin-bottom: 4px;
  vertical-align: middle;
  text-align: right;
  color: #858B8F;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li label,
  .barbie-css form ul li label {
    display: block;
    text-align: left;
    margin-right: 0;
    margin-left: 23px;
    width: auto;
  }
}
.barbie-css ng-form ul li label:has(+ [required]):after,
.barbie-css form ul li label:has(+ [required]):after,
.barbie-css ng-form ul li label:has(+ * [required]):after,
.barbie-css form ul li label:has(+ * [required]):after {
  content: "*";
  font-size: 15px;
  padding-left: 4px;
  font-weight: 800;
  vertical-align: top;
  color: #D12D35;
}
.barbie-css ng-form ul li label.text-area,
.barbie-css form ul li label.text-area {
  display: block;
  float: left;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li label.text-area,
  .barbie-css form ul li label.text-area {
    float: none;
    margin-bottom: 8px;
  }
}
.barbie-css ng-form ul li label.button,
.barbie-css form ul li label.button {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css ng-form ul li label.invalid,
.barbie-css form ul li label.invalid {
  color: #C81F02;
  font-weight: 800;
}
.barbie-css ng-form ul li label.inline,
.barbie-css form ul li label.inline {
  font-size: 16px;
  float: none;
  clear: none;
  display: inline-block;
  width: auto;
  padding-top: 0;
}
.barbie-css ng-form ul li label.small,
.barbie-css form ul li label.small {
  width: 120px;
}
.barbie-css ng-form ul li label.smaller,
.barbie-css form ul li label.smaller {
  width: 100px;
}
.barbie-css ng-form ul li label.narrow,
.barbie-css form ul li label.narrow {
  width: 85px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li label.desktop,
  .barbie-css form ul li label.desktop {
    display: none;
  }
}
@media (min-width: 600px) {
  .barbie-css ng-form ul li label.mobile,
  .barbie-css form ul li label.mobile {
    display: none;
  }
}
@media (min-width: 600px) {
  .barbie-css ng-form ul li.right,
  .barbie-css form ul li.right {
    padding-left: 162px;
  }
  .barbie-css ng-form ul li.right label,
  .barbie-css form ul li.right label {
    width: auto;
    text-align: left;
    font-size: 14px;
  }
}
.barbie-css ng-form ul li .spacer,
.barbie-css form ul li .spacer {
  display: inline-block;
  width: 150px;
  text-align: left;
  margin-right: 12px;
  vertical-align: middle;
}
.barbie-css ng-form ul li .label,
.barbie-css form ul li .label {
  padding-left: 9px;
  color: #C5C9CC;
  font-size: 16px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .label,
  .barbie-css form ul li .label {
    padding-left: 24px;
  }
}
.barbie-css ng-form ul li .label.invalid,
.barbie-css form ul li .label.invalid {
  color: #C81F02;
  font-weight: 800;
}
.barbie-css ng-form ul li .input-prefix,
.barbie-css form ul li .input-prefix {
  position: absolute;
  top: 7px;
  left: 0;
  padding: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #afbb36;
  color: var(--main-theme-color);
  z-index: 1;
}
.barbie-css ng-form ul li .input-prefix + input,
.barbie-css form ul li .input-prefix + input {
  padding-left: 20px !important;
}
.barbie-css ng-form ul li .symbol,
.barbie-css form ul li .symbol {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
}
.barbie-css ng-form ul li span.input,
.barbie-css form ul li span.input {
  display: inline-block;
}
.barbie-css ng-form ul li input,
.barbie-css form ul li input,
.barbie-css ng-form ul li span.input,
.barbie-css form ul li span.input {
  font-size: 16px;
  padding: 7px;
  border: none;
  border-bottom: 1px solid #C5C9CC;
  outline: none;
}
.barbie-css ng-form ul li input[readonly],
.barbie-css form ul li input[readonly],
.barbie-css ng-form ul li span.input[readonly],
.barbie-css form ul li span.input[readonly] {
  border: none;
  border-bottom: 1px solid #C5C9CC;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li input:not(.dont-mobilise),
  .barbie-css form ul li input:not(.dont-mobilise),
  .barbie-css ng-form ul li span.input:not(.dont-mobilise),
  .barbie-css form ul li span.input:not(.dont-mobilise) {
    margin: 0 0 0 23px;
    max-width: 225px;
  }
}
.barbie-css ng-form ul li input.add,
.barbie-css form ul li input.add,
.barbie-css ng-form ul li span.input.add,
.barbie-css form ul li span.input.add {
  margin-left: 162px;
  margin-top: 10px;
}
.barbie-css ng-form ul li input.quantity-small,
.barbie-css form ul li input.quantity-small,
.barbie-css ng-form ul li span.input.quantity-small,
.barbie-css form ul li span.input.quantity-small {
  width: 28px;
}
.barbie-css ng-form ul li input.invalid,
.barbie-css form ul li input.invalid,
.barbie-css ng-form ul li span.input.invalid,
.barbie-css form ul li span.input.invalid {
  color: #C81F02;
}
.barbie-css ng-form ul li input.bordered,
.barbie-css form ul li input.bordered,
.barbie-css ng-form ul li span.input.bordered,
.barbie-css form ul li span.input.bordered,
.barbie-css ng-form ul li input.bordered.total,
.barbie-css form ul li input.bordered.total,
.barbie-css ng-form ul li span.input.bordered.total,
.barbie-css form ul li span.input.bordered.total {
  padding: 7px;
  line-height: 1.3;
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 4px;
  position: relative;
  top: -5px;
  left: -9px;
}
.barbie-css ng-form ul li input.bordered:disabled,
.barbie-css form ul li input.bordered:disabled,
.barbie-css ng-form ul li span.input.bordered:disabled,
.barbie-css form ul li span.input.bordered:disabled,
.barbie-css ng-form ul li input.bordered.total:disabled,
.barbie-css form ul li input.bordered.total:disabled,
.barbie-css ng-form ul li span.input.bordered.total:disabled,
.barbie-css form ul li span.input.bordered.total:disabled {
  border-color: #C5C9CC;
}
.barbie-css ng-form ul li input.bordered.focused,
.barbie-css form ul li input.bordered.focused,
.barbie-css ng-form ul li span.input.bordered.focused,
.barbie-css form ul li span.input.bordered.focused,
.barbie-css ng-form ul li input.bordered.total.focused,
.barbie-css form ul li input.bordered.total.focused,
.barbie-css ng-form ul li span.input.bordered.total.focused,
.barbie-css form ul li span.input.bordered.total.focused {
  border-bottom: 1px solid #C5C9CC;
}
.barbie-css ng-form ul li input.bordered.hide-border,
.barbie-css form ul li input.bordered.hide-border,
.barbie-css ng-form ul li span.input.bordered.hide-border,
.barbie-css form ul li span.input.bordered.hide-border,
.barbie-css ng-form ul li input.bordered.total.hide-border,
.barbie-css form ul li input.bordered.total.hide-border,
.barbie-css ng-form ul li span.input.bordered.total.hide-border,
.barbie-css form ul li span.input.bordered.total.hide-border {
  border: 1px solid #FFF;
}
.barbie-css ng-form ul li input.bordered.hide-border.focused,
.barbie-css form ul li input.bordered.hide-border.focused,
.barbie-css ng-form ul li span.input.bordered.hide-border.focused,
.barbie-css form ul li span.input.bordered.hide-border.focused,
.barbie-css ng-form ul li input.bordered.total.hide-border.focused,
.barbie-css form ul li input.bordered.total.hide-border.focused,
.barbie-css ng-form ul li span.input.bordered.total.hide-border.focused,
.barbie-css form ul li span.input.bordered.total.hide-border.focused {
  border-bottom: 1px solid #C5C9CC;
}
.barbie-css ng-form ul li input.bordered.ng-invalid,
.barbie-css form ul li input.bordered.ng-invalid,
.barbie-css ng-form ul li span.input.bordered.ng-invalid,
.barbie-css form ul li span.input.bordered.ng-invalid,
.barbie-css ng-form ul li input.bordered.total.ng-invalid,
.barbie-css form ul li input.bordered.total.ng-invalid,
.barbie-css ng-form ul li span.input.bordered.total.ng-invalid,
.barbie-css form ul li span.input.bordered.total.ng-invalid {
  border-color: #C81F02;
}
.barbie-css ng-form ul li input.bordered + i.icon.postfix,
.barbie-css form ul li input.bordered + i.icon.postfix,
.barbie-css ng-form ul li span.input.bordered + i.icon.postfix,
.barbie-css form ul li span.input.bordered + i.icon.postfix,
.barbie-css ng-form ul li input.bordered.total + i.icon.postfix,
.barbie-css form ul li input.bordered.total + i.icon.postfix,
.barbie-css ng-form ul li span.input.bordered.total + i.icon.postfix,
.barbie-css form ul li span.input.bordered.total + i.icon.postfix {
  display: none;
}
.barbie-css ng-form ul li input.bordered + i.icon.postfix.dropdown.inside,
.barbie-css form ul li input.bordered + i.icon.postfix.dropdown.inside,
.barbie-css ng-form ul li span.input.bordered + i.icon.postfix.dropdown.inside,
.barbie-css form ul li span.input.bordered + i.icon.postfix.dropdown.inside,
.barbie-css ng-form ul li input.bordered.total + i.icon.postfix.dropdown.inside,
.barbie-css form ul li input.bordered.total + i.icon.postfix.dropdown.inside,
.barbie-css ng-form ul li span.input.bordered.total + i.icon.postfix.dropdown.inside,
.barbie-css form ul li span.input.bordered.total + i.icon.postfix.dropdown.inside {
  display: inline-block;
  top: 0px;
  pointer-events: none;
}
.barbie-css ng-form ul li input.bordered.input-suffix,
.barbie-css form ul li input.bordered.input-suffix,
.barbie-css ng-form ul li span.input.bordered.input-suffix,
.barbie-css form ul li span.input.bordered.input-suffix,
.barbie-css ng-form ul li input.bordered.total.input-suffix,
.barbie-css form ul li input.bordered.total.input-suffix,
.barbie-css ng-form ul li span.input.bordered.total.input-suffix,
.barbie-css form ul li span.input.bordered.total.input-suffix {
  position: absolute;
  top: 3px;
  right: 14px;
  left: auto;
  width: 28px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-weight: 500;
}
.barbie-css ng-form ul li input.bordered.input-suffix + i.icon.postfix,
.barbie-css form ul li input.bordered.input-suffix + i.icon.postfix,
.barbie-css ng-form ul li span.input.bordered.input-suffix + i.icon.postfix,
.barbie-css form ul li span.input.bordered.input-suffix + i.icon.postfix,
.barbie-css ng-form ul li input.bordered.total.input-suffix + i.icon.postfix,
.barbie-css form ul li input.bordered.total.input-suffix + i.icon.postfix,
.barbie-css ng-form ul li span.input.bordered.total.input-suffix + i.icon.postfix,
.barbie-css form ul li span.input.bordered.total.input-suffix + i.icon.postfix {
  position: absolute;
  top: 11px !important;
  right: 16px;
  left: auto;
  width: auto;
}
.barbie-css ng-form ul li input.quantity,
.barbie-css form ul li input.quantity,
.barbie-css ng-form ul li span.input.quantity,
.barbie-css form ul li span.input.quantity {
  text-align: right;
}
.barbie-css ng-form ul li input.quantity.large,
.barbie-css form ul li input.quantity.large,
.barbie-css ng-form ul li span.input.quantity.large,
.barbie-css form ul li span.input.quantity.large {
  width: 75px;
}
.barbie-css ng-form ul li input.quantity.large.currency,
.barbie-css form ul li input.quantity.large.currency,
.barbie-css ng-form ul li span.input.quantity.large.currency,
.barbie-css form ul li span.input.quantity.large.currency {
  width: 65px;
}
.barbie-css ng-form ul li input.quantity.larger,
.barbie-css form ul li input.quantity.larger,
.barbie-css ng-form ul li span.input.quantity.larger,
.barbie-css form ul li span.input.quantity.larger {
  width: 85px;
}
.barbie-css ng-form ul li input.quantity.larger.currency,
.barbie-css form ul li input.quantity.larger.currency,
.barbie-css ng-form ul li span.input.quantity.larger.currency,
.barbie-css form ul li span.input.quantity.larger.currency {
  width: 75px;
}
.barbie-css ng-form ul li input.quantity.largest,
.barbie-css form ul li input.quantity.largest,
.barbie-css ng-form ul li span.input.quantity.largest,
.barbie-css form ul li span.input.quantity.largest {
  width: 95px;
}
.barbie-css ng-form ul li input.quantity.largest.currency,
.barbie-css form ul li input.quantity.largest.currency,
.barbie-css ng-form ul li span.input.quantity.largest.currency,
.barbie-css form ul li span.input.quantity.largest.currency {
  width: 85px;
}
.barbie-css ng-form ul li input.quantity.bordered,
.barbie-css form ul li input.quantity.bordered,
.barbie-css ng-form ul li span.input.quantity.bordered,
.barbie-css form ul li span.input.quantity.bordered {
  left: auto;
  right: -9px;
}
.barbie-css ng-form ul li textarea,
.barbie-css form ul li textarea {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 4px;
  vertical-align: top;
  padding: 16px;
  width: 240px;
  min-height: 100px;
  font-size: 16px;
}
.barbie-css ng-form ul li textarea.invalid,
.barbie-css form ul li textarea.invalid {
  border-color: #C81F02;
  color: #C81F02;
}
.barbie-css ng-form ul li textarea.bordered,
.barbie-css form ul li textarea.bordered {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 4px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li textarea,
  .barbie-css form ul li textarea {
    margin-left: 23px;
  }
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li span.dropdown:not(.dont-mobilise),
  .barbie-css form ul li span.dropdown:not(.dont-mobilise) {
    margin-left: 23px;
  }
}
.barbie-css ng-form ul li span.percentage,
.barbie-css form ul li span.percentage {
  position: relative;
}
.barbie-css ng-form ul li span.percentage:after,
.barbie-css form ul li span.percentage:after {
  content: "%";
  position: absolute;
  right: -15px;
}
.barbie-css ng-form ul li .radio-group,
.barbie-css form ul li .radio-group {
  display: inline-block;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .radio-group,
  .barbie-css form ul li .radio-group {
    margin-left: 22px;
  }
}
.barbie-css ng-form ul li .radio-group > span,
.barbie-css form ul li .radio-group > span {
  margin-right: 15px;
}
.barbie-css ng-form ul li .radio-group > label,
.barbie-css form ul li .radio-group > label {
  width: auto;
  margin-right: 15px;
  text-align: left;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .radio-group > label,
  .barbie-css form ul li .radio-group > label {
    margin-left: 0px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice,
  .barbie-css form ul li .radio-group > label > span.choice {
    margin-left: 0px;
  }
}
@media (min-width: 600px) {
  .barbie-css ng-form ul li .radio-group > label > span.choice,
  .barbie-css form ul li .radio-group > label > span.choice {
    display: inline-block;
    vertical-align: top;
    width: 45px;
    margin-right: -70px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice + div.description,
  .barbie-css form ul li .radio-group > label > span.choice + div.description {
    display: inline-block;
    vertical-align: top;
    margin-left: 75px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice.small,
  .barbie-css form ul li .radio-group > label > span.choice.small {
    width: 30px;
    margin-right: -55px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice.small + div.description,
  .barbie-css form ul li .radio-group > label > span.choice.small + div.description {
    margin-left: 60px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice.smallest,
  .barbie-css form ul li .radio-group > label > span.choice.smallest {
    width: 15px;
    margin-right: -40px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice.smallest + div.description,
  .barbie-css form ul li .radio-group > label > span.choice.smallest + div.description {
    margin-left: 45px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice.large,
  .barbie-css form ul li .radio-group > label > span.choice.large {
    width: 60px;
    margin-right: -85px;
  }
  .barbie-css ng-form ul li .radio-group > label > span.choice.large + div.description,
  .barbie-css form ul li .radio-group > label > span.choice.large + div.description {
    margin-left: 90px;
  }
}
.barbie-css ng-form ul li .radio-group.multi-line > label,
.barbie-css form ul li .radio-group.multi-line > label {
  margin-right: 0px;
  margin-bottom: 16px;
}
.barbie-css ng-form ul li .radio-group.multi-line > label:last-child,
.barbie-css form ul li .radio-group.multi-line > label:last-child {
  margin-bottom: 0px;
}
.barbie-css ng-form ul li .email,
.barbie-css form ul li .email {
  overflow: visible;
  width: 190px;
  display: inline-block;
}
.barbie-css ng-form ul li .email.wide,
.barbie-css form ul li .email.wide {
  width: 280px;
}
.barbie-css ng-form ul li.rule,
.barbie-css form ul li.rule {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css ng-form ul li.rule.blank,
.barbie-css form ul li.rule.blank {
  border-bottom: none;
  padding-bottom: 21px;
}
.barbie-css ng-form ul li.spacer,
.barbie-css form ul li.spacer {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.barbie-css ng-form ul li .comment.post-box,
.barbie-css form ul li .comment.post-box {
  vertical-align: top;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .comment.post-box,
  .barbie-css form ul li .comment.post-box {
    margin-left: 22px;
  }
}
.barbie-css ng-form ul li .info,
.barbie-css form ul li .info {
  color: #C5C9CC;
  border-bottom: 1px dotted #858B8F;
  margin-right: 15px;
}
.barbie-css ng-form ul li div[circlebox],
.barbie-css form ul li div[circlebox] {
  color: #C5C9CC;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li.button-bar,
  .barbie-css form ul li.button-bar {
    margin-left: 22px;
  }
}
.barbie-css ng-form ul li div.text-block,
.barbie-css form ul li div.text-block {
  display: inline-block;
  vertical-align: top;
  width: 190px;
}
.barbie-css ng-form ul li div.text-block.small-width,
.barbie-css form ul li div.text-block.small-width {
  width: 140px;
}
.barbie-css ng-form ul li div.text-block.narrower,
.barbie-css form ul li div.text-block.narrower {
  width: 180px;
}
.barbie-css ng-form ul li div.text-block.narrow,
.barbie-css form ul li div.text-block.narrow {
  width: 125px;
}
.barbie-css ng-form ul li div.text-block.wide,
.barbie-css form ul li div.text-block.wide {
  width: auto;
  max-width: 320px;
}
.barbie-css ng-form ul li div.text-block.lighter,
.barbie-css form ul li div.text-block.lighter {
  color: #C5C9CC;
  padding: 2px 14px;
}
.barbie-css ng-form ul li div.text-block.bottom-align,
.barbie-css form ul li div.text-block.bottom-align {
  vertical-align: bottom;
}
.barbie-css ng-form ul li div.text-block.higher-line,
.barbie-css form ul li div.text-block.higher-line {
  line-height: 1.4;
}
.barbie-css ng-form ul li div.text-block .large,
.barbie-css form ul li div.text-block .large {
  font-size: 18px;
}
.barbie-css ng-form ul li div.text-block .small,
.barbie-css form ul li div.text-block .small {
  font-size: 13px;
}
.barbie-css ng-form ul li div.text-block .clickable,
.barbie-css form ul li div.text-block .clickable {
  margin-left: 64px;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css ng-form ul li div.field-block,
.barbie-css form ul li div.field-block {
  padding-left: 4px;
}
.barbie-css ng-form ul li div.field-block .wide,
.barbie-css form ul li div.field-block .wide {
  width: auto;
  max-width: 320px;
}
.barbie-css ng-form ul li div.field-block .large,
.barbie-css form ul li div.field-block .large {
  font-size: 18px;
}
.barbie-css ng-form ul li div.field-block .lighter,
.barbie-css form ul li div.field-block .lighter {
  color: #C5C9CC;
  font-size: 13px;
}
.barbie-css ng-form ul li .user,
.barbie-css form ul li .user {
  float: left;
  position: relative;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin-right: 17px;
  left: 1px;
  margin-left: 161px;
}
.barbie-css ng-form ul li .user span,
.barbie-css form ul li .user span {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css ng-form ul li .user i,
.barbie-css form ul li .user i {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .user.desktop,
  .barbie-css form ul li .user.desktop {
    display: none;
  }
}
.barbie-css ng-form ul li span.prefix,
.barbie-css form ul li span.prefix {
  margin-left: 0;
}
.barbie-css ng-form ul li .tag-list-block,
.barbie-css form ul li .tag-list-block {
  margin: 3px 0 0 164px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .tag-list-block,
  .barbie-css form ul li .tag-list-block {
    margin-left: 22px;
  }
}
.barbie-css ng-form ul li .tag-list-block .tags,
.barbie-css form ul li .tag-list-block .tags {
  width: 298px;
  min-height: 40px;
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(#fff 95%, #aaa 100%);
  background-size: 100% 35px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .tag-list-block .tags,
  .barbie-css form ul li .tag-list-block .tags {
    width: 225px;
  }
}
.barbie-css ng-form ul li .tag-list-block .tags .tag-list,
.barbie-css form ul li .tag-list-block .tags .tag-list {
  padding-left: 5px;
}
.barbie-css ng-form ul li .tag-list-block .tags .tag-list .tag-item,
.barbie-css form ul li .tag-list-block .tags .tag-list .tag-item {
  height: auto;
  display: inline-block;
  margin: 4px 3px 5px 0;
  padding: 3px 8px;
  border-radius: 5px;
}
.barbie-css ng-form ul li .tag-list-block .tags .tag-list .tag-item a.remove-button,
.barbie-css form ul li .tag-list-block .tags .tag-list .tag-item a.remove-button {
  color: #afbb36;
  color: var(--main-theme-color);
  padding: 3px;
}
.barbie-css ng-form ul li .tag-list-block .tags .tag-list .tag-item:hover,
.barbie-css form ul li .tag-list-block .tags .tag-list .tag-item:hover,
.barbie-css ng-form ul li .tag-list-block .tags .tag-list .tag-item:focus,
.barbie-css form ul li .tag-list-block .tags .tag-list .tag-item:focus {
  background-color: #afbb36;
  background-color: var(--main-theme-color);
  color: #FFF;
}
.barbie-css ng-form ul li .tag-list-block .tags .tag-list .tag-item:hover a.remove-button,
.barbie-css form ul li .tag-list-block .tags .tag-list .tag-item:hover a.remove-button,
.barbie-css ng-form ul li .tag-list-block .tags .tag-list .tag-item:focus a.remove-button,
.barbie-css form ul li .tag-list-block .tags .tag-list .tag-item:focus a.remove-button {
  color: #FFF;
}
.barbie-css ng-form ul li .tag-list-block .tags .tag-list .tag-item.placeholder,
.barbie-css form ul li .tag-list-block .tags .tag-list .tag-item.placeholder {
  color: #C5C9CC;
  background: none;
  border: none;
  text-shadow: none;
  padding-left: 0;
}
.barbie-css ng-form ul li .time-block,
.barbie-css form ul li .time-block {
  display: inline-block;
}
.barbie-css ng-form ul li .time-block span.difference,
.barbie-css form ul li .time-block span.difference {
  border-left: 1px solid grey;
  padding-left: 10px;
  margin-left: 10px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li .time-block,
  .barbie-css form ul li .time-block {
    margin-left: 23px;
  }
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li.user > div.user,
  .barbie-css form ul li.user > div.user {
    margin-left: 4px;
  }
  .barbie-css ng-form ul li.user > div.user > span,
  .barbie-css form ul li.user > div.user > span {
    margin: 0;
  }
}
.barbie-css ng-form ul li.user > .field-block > span,
.barbie-css form ul li.user > .field-block > span {
  margin-left: 0;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul li > span,
  .barbie-css form ul li > span {
    margin-left: 23px;
  }
}
.barbie-css ng-form ul li .error,
.barbie-css form ul li .error {
  color: #C81F02;
  margin-bottom: 15px;
}
.barbie-css ng-form ul li.no-padding,
.barbie-css form ul li.no-padding {
  padding: 0;
}
.barbie-css ng-form ul li.title,
.barbie-css form ul li.title {
  color: #A6ABAE;
  font-size: 14px;
  text-transform: uppercase;
}
.barbie-css ng-form ul li.larger-text,
.barbie-css form ul li.larger-text {
  font-size: 18px;
}
.barbie-css ng-form ul li.smaller-text,
.barbie-css form ul li.smaller-text {
  font-size: 14px;
}
.barbie-css ng-form ul li.helper,
.barbie-css form ul li.helper {
  margin-top: -10px;
}
.barbie-css ng-form ul li .form-field-help,
.barbie-css form ul li .form-field-help {
  display: block;
  margin-left: 162px;
  margin-top: 6px;
  font-size: 14px;
}
.barbie-css ng-form ul li .explanation,
.barbie-css form ul li .explanation {
  display: inline-block;
  font-size: 13px;
  color: #A6ABAE;
}
.barbie-css ng-form ul li .explanation.margin-left,
.barbie-css form ul li .explanation.margin-left {
  margin-left: 23px;
}
.barbie-css ng-form ul li .explanation button.bare,
.barbie-css form ul li .explanation button.bare {
  font-size: 13px;
  padding: 0;
}
.barbie-css ng-form ul li.explanations,
.barbie-css form ul li.explanations {
  padding-bottom: 10px;
}
.barbie-css ng-form ul li.align-center,
.barbie-css form ul li.align-center {
  text-align: center;
}
.barbie-css ng-form ul.normal-form,
.barbie-css form ul.normal-form {
  width: 600px;
}
@media (max-width: 760px) {
  .barbie-css ng-form ul.normal-form,
  .barbie-css form ul.normal-form {
    width: auto;
  }
}
.barbie-css ng-form ul.wide-form,
.barbie-css form ul.wide-form {
  width: auto;
}
.barbie-css ng-form ul.wide-form.narrow-labels li,
.barbie-css form ul.wide-form.narrow-labels li {
  padding: 0 0 5px;
}
.barbie-css ng-form ul.wide-form.narrow-labels li > label,
.barbie-css form ul.wide-form.narrow-labels li > label {
  width: 158px;
}
@media (min-width: 600px) {
  .barbie-css ng-form ul.wide-form.narrow-labels li.right,
  .barbie-css form ul.wide-form.narrow-labels li.right {
    padding-left: 170px;
  }
}
.barbie-css ng-form ul.wide-form.narrow-labels div.text-block.wide,
.barbie-css form ul.wide-form.narrow-labels div.text-block.wide {
  margin-left: 171px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul.wide-form.narrow-labels div.text-block.wide,
  .barbie-css form ul.wide-form.narrow-labels div.text-block.wide {
    margin-left: 23px;
  }
}
.barbie-css ng-form ul.wide-form.indented,
.barbie-css form ul.wide-form.indented {
  margin-left: 80px;
}
.barbie-css ng-form ul.wide-form.wide-labels.indented,
.barbie-css form ul.wide-form.wide-labels.indented {
  margin-left: 40px;
}
.barbie-css ng-form ul.wide-form.wide-labels li > label,
.barbie-css form ul.wide-form.wide-labels li > label {
  width: 240px;
}
.barbie-css ng-form ul.wide-form label,
.barbie-css form ul.wide-form label {
  width: 200px;
}
.barbie-css ng-form ul.wide-form label.text-block,
.barbie-css form ul.wide-form label.text-block {
  display: block;
  float: left;
}
@media (min-width: 600px) {
  .barbie-css ng-form ul.wide-form li.right,
  .barbie-css form ul.wide-form li.right {
    padding-left: 212px;
  }
}
.barbie-css ng-form ul.wide-form div.text-block.wide,
.barbie-css form ul.wide-form div.text-block.wide {
  display: block;
  max-width: none;
  margin-left: 210px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul.wide-form span:not(.dont-mobilise),
  .barbie-css form ul.wide-form span:not(.dont-mobilise),
  .barbie-css ng-form ul.wide-form div.text-block:not(.dont-mobilise),
  .barbie-css form ul.wide-form div.text-block:not(.dont-mobilise),
  .barbie-css ng-form ul.wide-form div.text-block.wide:not(.dont-mobilise),
  .barbie-css form ul.wide-form div.text-block.wide:not(.dont-mobilise) {
    margin-left: 23px;
  }
  .barbie-css ng-form ul.wide-form span.button-list,
  .barbie-css form ul.wide-form span.button-list,
  .barbie-css ng-form ul.wide-form div.text-block.button-list,
  .barbie-css form ul.wide-form div.text-block.button-list,
  .barbie-css ng-form ul.wide-form div.text-block.wide.button-list,
  .barbie-css form ul.wide-form div.text-block.wide.button-list {
    margin-left: 0;
  }
  .barbie-css ng-form ul.wide-form div.text-block,
  .barbie-css form ul.wide-form div.text-block {
    padding-left: 0;
  }
  .barbie-css ng-form ul.wide-form div.text-block.wide,
  .barbie-css form ul.wide-form div.text-block.wide {
    max-width: 240px;
  }
  .barbie-css ng-form ul.wide-form label.text-block,
  .barbie-css form ul.wide-form label.text-block {
    float: none;
  }
  .barbie-css ng-form ul.wide-form span.prefix,
  .barbie-css form ul.wide-form span.prefix {
    margin-left: 0;
  }
}
.barbie-css ng-form ul.wide-form .tag-list-block,
.barbie-css form ul.wide-form .tag-list-block {
  margin-left: 214px;
}
.barbie-css ng-form ul.slimline-form li,
.barbie-css form ul.slimline-form li {
  padding: 0 0 5px;
}
.barbie-css ng-form ul.slimline-form li.rule.blank,
.barbie-css form ul.slimline-form li.rule.blank {
  padding-bottom: 3px;
}
.barbie-css ng-form ul.slimline-form li.rule.thin,
.barbie-css form ul.slimline-form li.rule.thin {
  margin-bottom: 5px;
}
.barbie-css ng-form ul.slimline-form li label.attachment,
.barbie-css form ul.slimline-form li label.attachment {
  margin-top: 14px;
}
.barbie-css ng-form ul.slimline-form li ul.file-list,
.barbie-css form ul.slimline-form li ul.file-list {
  margin: 0;
  padding: 0;
}
.barbie-css ng-form ul.slimline-form li ul.file-list li,
.barbie-css form ul.slimline-form li ul.file-list li {
  padding: 17px 13px;
}
.barbie-css ng-form ul.slimline-form li ul.file-list li span,
.barbie-css form ul.slimline-form li ul.file-list li span {
  font-size: 14px;
}
.barbie-css ng-form ul.slimline-form h5,
.barbie-css form ul.slimline-form h5 {
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .barbie-css ng-form ul.slimline-form.narrow li,
  .barbie-css form ul.slimline-form.narrow li {
    padding: 0 0 7px;
  }
}
.barbie-css ng-form ul.slimline-form.narrow li label,
.barbie-css form ul.slimline-form.narrow li label {
  width: 140px;
}
@media (min-width: 600px) {
  .barbie-css ng-form ul.slimline-form.narrow li.right,
  .barbie-css form ul.slimline-form.narrow li.right {
    padding-left: 152px;
  }
}
.barbie-css ng-form ul.slimline-form.narrow ul.file-list.borderless li,
.barbie-css form ul.slimline-form.narrow ul.file-list.borderless li {
  padding: 0 13px 17px 0;
}
.barbie-css ng-form ul.slimline-form.wide-form.indented,
.barbie-css form ul.slimline-form.wide-form.indented {
  margin-left: 0px;
}
.barbie-css ng-form ul.slimline-form.wide-form.indented li label,
.barbie-css form ul.slimline-form.wide-form.indented li label {
  width: 280px;
}
.barbie-css ng-form ul.slimline-form.wide-form.indented li.right,
.barbie-css form ul.slimline-form.wide-form.indented li.right {
  padding-left: 292px;
}
.barbie-css ng-form ul.slimline-form.wide-form.indented li.right label,
.barbie-css form ul.slimline-form.wide-form.indented li.right label {
  width: auto;
}
.barbie-css ng-form ul .day-of-week,
.barbie-css form ul .day-of-week {
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  text-transform: uppercase;
}
.barbie-css ng-form ul .day-of-month,
.barbie-css form ul .day-of-month {
  font-weight: 500;
  font-size: 17px;
  line-height: 22px;
}
.barbie-css .at-tag-input {
  width: 215px !important;
  background-color: white;
}
.barbie-css .at-tag-input-area {
  background-color: white;
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 4px;
  display: inline-block;
  width: 420px;
  padding: 7px 2px 5px 0px;
}
.barbie-css .at-tag-input-area .tag {
  position: relative;
  background-color: #ECEFF1;
  color: #afbb36;
  color: var(--main-theme-color);
  border-radius: 4px;
  padding: 5px 35px 3px 13px;
  margin: 2px 0px 5px 10px;
  font-size: 14px;
  display: inline-block;
}
.barbie-css .at-tag-input-area .tag .close {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #C5C9CC;
  font-size: 29px;
  position: absolute;
  right: 3px;
  top: -5px;
  cursor: pointer;
}
.barbie-css .at-tag-input-area .tag .close:before {
  content: var(--glyph-cross);
}
.barbie-css .at-tag-input-area.readonly {
  display: block;
  width: 100%;
  border: none;
}
.barbie-css .at-tag-input-area.readonly > .tag {
  padding: 5px 13px 3px 13px;
}
.barbie-css .at-tag-input-info {
  padding: 8px 0;
}
.barbie-css .at-tag-input-popup {
  max-width: 85ch;
  width: 380px;
}
.barbie-css .at-tag-input-label {
  width: 350px;
  text-align: left;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 4px;
  vertical-align: left;
  color: #858B8F;
  vertical-align: top;
}
.barbie-css .at-tag-input-title {
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #2e3236;
  margin-top: 20px;
}
.barbie-css .at-tag-input-description {
  color: #858B8F;
  width: 550px;
  font-size: 16px;
}
.barbie-css .at-tag-input-text {
  font-size: 14px;
}
.barbie-css .at-tag-input-error {
  color: red;
}
.barbie-css ul.droplist {
  position: absolute;
  z-index: 1003;
  padding: 0;
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 3px;
  background-color: #FFF;
}
.barbie-css ul.droplist.drop {
  top: 22px;
}
.barbie-css ul.droplist.scrollbar {
  overflow: auto;
  max-height: 300px;
}
.barbie-css ul.droplist.tags {
  min-width: 180px !important;
}
.barbie-css ul.droplist li {
  font-size: 14px;
  color: #858B8F;
  padding: 4px 8px;
}
.barbie-css ul.droplist li.select {
  padding-right: 3px;
}
.barbie-css ul.droplist li.select i.icon {
  float: right;
  font-size: 22px;
  margin-top: -4px;
}
.barbie-css ul.droplist li.add {
  color: #afbb36;
  color: var(--main-theme-color);
  border-top: 1px solid #afbb36;
  border-top: 1px solid var(--main-theme-color);
  font-weight: 300;
}
.barbie-css ul.droplist li.add i {
  margin-right: 10px;
}
.barbie-css ul.droplist li.selected {
  color: #FFF;
  background-color: #afbb36;
  background-color: var(--main-theme-color);
}
.barbie-css ul.droplist li.selected .field-block span {
  color: #FFF;
}
.barbie-css ul.droplist li.current {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css ul.droplist li.current i.icon {
  float: right;
  color: #afbb36;
  color: var(--main-theme-color);
  margin-left: 5px;
}
.barbie-css ul.droplist li.current.selected {
  color: #FFF;
  background-color: #afbb36;
  background-color: var(--main-theme-color);
}
.barbie-css ul.droplist li.disabled {
  color: #ECEFF1 !important;
  background-color: #A6ABAE;
  pointer-events: none;
}
.barbie-css ul.droplist li .small {
  font-size: 12px;
  color: #A6ABAE;
}
.barbie-css ul.droplist.larger li {
  font-size: 16px;
}
.barbie-css ul.droplist.smaller li {
  font-size: 13px;
}
.barbie-css ul.droplist.figures li,
.barbie-css ul.droplist.time li {
  text-align: right;
}
.barbie-css ul.droplist.figures.inside li,
.barbie-css ul.droplist.time.inside li {
  padding-right: 27px;
}
.barbie-css ul.droplist.mousehover li.clickable:hover {
  color: #FFF;
  background-color: #afbb36;
  background-color: var(--main-theme-color);
}
.barbie-css ul.droplist.mousehover li.clickable:hover i.icon {
  color: #FFF;
}
.barbie-css ul.droplist.mousehover li.clickable:hover .field-block span {
  color: #FFF;
}
.barbie-css ul.droplist.confirmation {
  z-index: 9003;
  border: 1px solid #FFF;
  background-color: rgba(0, 0, 0, 0.9);
}
.barbie-css ul.droplist.confirmation li {
  color: #FFF;
}
.barbie-css .comment.post-box,
.barbie-css .file-box {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 5px;
  position: relative;
  height: 156px;
  overflow: hidden;
}
.barbie-css .comment.post-box .drag-feedback,
.barbie-css .file-box .drag-feedback,
.barbie-css .comment.post-box .drag-feedback-overlay,
.barbie-css .file-box .drag-feedback-overlay {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}
.barbie-css .comment.post-box .drag-feedback-overlay,
.barbie-css .file-box .drag-feedback-overlay {
  background-color: #2E3236;
  opacity: 0.66;
}
.barbie-css .comment.post-box .drag-feedback,
.barbie-css .file-box .drag-feedback {
  width: 100%;
  height: 100%;
}
.barbie-css .comment.post-box .drag-feedback > div,
.barbie-css .file-box .drag-feedback > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 16px;
}
.barbie-css .comment.post-box .drag-feedback > div i,
.barbie-css .file-box .drag-feedback > div i {
  margin-right: 15px;
  vertical-align: middle;
  font-size: 80px;
  width: 44px;
}
.barbie-css .comment.post-box .drag-feedback > div i:before,
.barbie-css .file-box .drag-feedback > div i:before {
  left: -14px;
  position: relative;
}
.barbie-css .comment.post-box.event-dragover .drag-feedback-overlay,
.barbie-css .file-box.event-dragover .drag-feedback-overlay {
  display: block;
}
.barbie-css .comment.post-box.event-dragover .drag-feedback,
.barbie-css .file-box.event-dragover .drag-feedback {
  display: table;
}
.barbie-css .comment.post-box .textarea,
.barbie-css .file-box .textarea {
  box-sizing: border-box;
  padding: 12px 12px;
}
.barbie-css .comment.post-box textarea,
.barbie-css .file-box textarea {
  border: none;
  width: 100%;
  min-height: 86px;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 600px) {
  .barbie-css .comment.post-box textarea,
  .barbie-css .file-box textarea {
    margin-left: 0;
  }
}
.barbie-css .comment.post-box .button-bar,
.barbie-css .file-box .button-bar {
  margin: 0;
  color: #858B8F;
  font-size: 13px;
  bottom: 0;
  margin-right: 12px;
  margin-left: 12px;
  padding-bottom: 6px;
  text-align: right;
}
.barbie-css .comment.post-box .button-bar button,
.barbie-css .file-box .button-bar button,
.barbie-css .comment.post-box .button-bar a.button,
.barbie-css .file-box .button-bar a.button,
.barbie-css .comment.post-box .button-bar > div,
.barbie-css .file-box .button-bar > div {
  vertical-align: middle;
}
.barbie-css .comment.post-box .button-bar button,
.barbie-css .file-box .button-bar button,
.barbie-css .comment.post-box .button-bar a.button,
.barbie-css .file-box .button-bar a.button {
  height: 28px;
  font-size: 13px;
  top: -3px;
  position: relative;
  cursor: default;
}
.barbie-css .comment.post-box .button-bar button:last-child,
.barbie-css .file-box .button-bar button:last-child,
.barbie-css .comment.post-box .button-bar a.button:last-child,
.barbie-css .file-box .button-bar a.button:last-child {
  padding-right: 0;
}
.barbie-css .comment.post-box ul.file-upload-list,
.barbie-css .file-box ul.file-upload-list {
  padding: 0;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #A6ABAE;
  position: relative;
}
.barbie-css .comment.post-box ul.file-upload-list li,
.barbie-css .file-box ul.file-upload-list li {
  margin: 0;
  padding: 0;
  line-height: 19px;
  font-size: 16px;
}
.barbie-css .comment.post-box ul.file-upload-list .delete,
.barbie-css .file-box ul.file-upload-list .delete {
  color: #afbb36;
  color: var(--main-theme-color);
  cursor: pointer;
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px dotted #A6ABAE;
}
.barbie-css .comment.post-box ul.file-upload-list .delete .icon,
.barbie-css .file-box ul.file-upload-list .delete .icon {
  vertical-align: top;
}
.barbie-css .comment.post-box .progress,
.barbie-css .file-box .progress {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  height: 2px;
  border-radius: 2px;
  position: absolute;
  bottom: 0px;
  width: 300px;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .barbie-css .comment.post-box .progress,
  .barbie-css .file-box .progress {
    width: 100%;
  }
}
.barbie-css .comment.post-box .progress > div,
.barbie-css .file-box .progress > div {
  background: #afbb36;
  background: var(--main-theme-color);
  height: 2px;
}
.barbie-css .comment.post-box {
  height: auto;
}
.barbie-css .file-box {
  width: 247px;
  height: 60px;
  display: inline-block;
  border: none;
  border-radius: 0px;
  vertical-align: top;
}
@media (max-width: 600px) {
  .barbie-css .file-box {
    margin: 0 0 0 18px;
    max-width: 225px;
  }
}
.barbie-css .file-box .button-bar {
  border-top: 1px solid #C5C9CC;
  padding: 5px 9px 0px;
  left: 0px;
  right: 0px;
  text-align: left;
}
.barbie-css .file-box .button-bar button.bare,
.barbie-css .file-box .button-bar a.button.bare {
  padding: 5px 0 0 0;
}
.barbie-css .file-box .button-bar .info-maxsize {
  color: #C5C9CC;
}
.barbie-css .file-box.disabled .filename > span {
  color: #C5C9CC;
}
.barbie-css .file-box .filename {
  padding: 0 25px 5px 9px;
}
.barbie-css .file-box .filename > span {
  width: 250px;
  display: inline-block;
}
.barbie-css .file-box .filename .placeholder {
  font-size: 15px;
  color: #C5C9CC;
}
.barbie-css .file-box.focus .button-bar {
  border-top: 1px solid #afbb36;
  border-top: 1px solid var(--main-theme-color);
}
.barbie-css .file-box.focus .filename .placeholder {
  display: inline;
}
.barbie-css .file-box > .file-selector {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}
.barbie-css .file-box .drag-feedback > div i {
  line-height: 40px;
}
.barbie-css .file-box .drag-feedback-overlay {
  border-radius: 5px;
}
.barbie-css .file-box i.delete {
  position: absolute;
  right: 2px;
  top: -4px;
  vertical-align: middle;
}
.barbie-css span.popup,
.barbie-css label.popup,
.barbie-css div.popup {
  text-decoration: underline;
}
.barbie-css span.popup.read-only,
.barbie-css label.popup.read-only,
.barbie-css div.popup.read-only {
  border-bottom-color: #DDE2E5;
}
.barbie-css input.dropdown {
  border: none;
}
.barbie-css span.dropdown {
  min-width: 20px;
  height: 20px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.barbie-css span.dropdown.focused,
.barbie-css span.dropdown.focused.bordered,
.barbie-css span.dropdown.focused.bordered.hide-border {
  border-bottom: 1px solid #C5C9CC;
}
.barbie-css span.dropdown[disabled] {
  background-color: transparent;
  color: #C5C9CC;
}
@media (max-width: 500px) {
  .barbie-css span.dropdown {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.barbie-css span.dropdown,
.barbie-css input.dropdown {
  padding: 4px 0 5px 7px;
  border-bottom: 1px solid #C5C9CC;
  line-height: normal;
  font-size: 16px;
  font-weight: 300;
  vertical-align: middle;
  width: 240px;
  outline: none;
}
.barbie-css span.dropdown:hover::placeholder,
.barbie-css input.dropdown:hover::placeholder {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css span.dropdown:hover.ng-not-empty,
.barbie-css input.dropdown:hover.ng-not-empty {
  cursor: pointer;
}
.barbie-css span.dropdown + i.delete,
.barbie-css input.dropdown + i.delete {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css span.dropdown[disabled] + i.dropdown,
.barbie-css input.dropdown[disabled] + i.dropdown,
.barbie-css span.dropdown[disabled] + i.delete,
.barbie-css input.dropdown[disabled] + i.delete {
  color: #C5C9CC;
}
.barbie-css span.dropdown[disabled]:hover,
.barbie-css input.dropdown[disabled]:hover,
.barbie-css span.dropdown[disabled] + i.dropdown:hover,
.barbie-css input.dropdown[disabled] + i.dropdown:hover,
.barbie-css span.dropdown[disabled] + i.delete:hover,
.barbie-css input.dropdown[disabled] + i.delete:hover {
  cursor: not-allowed;
}
.barbie-css span.dropdown.selected,
.barbie-css input.dropdown.selected {
  color: #afbb36;
  color: var(--main-theme-color);
  font-weight: 500;
}
.barbie-css span.dropdown.bare,
.barbie-css input.dropdown.bare {
  border-bottom: none;
  padding: 0 0 2px 7px;
  vertical-align: top;
}
.barbie-css span.dropdown.bare.focused,
.barbie-css input.dropdown.bare.focused {
  border-bottom: 1px solid #C5C9CC;
}
.barbie-css span.dropdown.larger,
.barbie-css input.dropdown.larger {
  font-size: 16px;
  height: 20px;
  padding-bottom: 4px;
  padding-top: 3px;
}
.barbie-css span.dropdown.larger.date,
.barbie-css input.dropdown.larger.date {
  width: 115px;
}
.barbie-css span.dropdown.larger.short-option,
.barbie-css input.dropdown.larger.short-option {
  width: 90px;
}
.barbie-css span.dropdown.smaller,
.barbie-css input.dropdown.smaller {
  font-size: 13px;
}
.barbie-css span.dropdown.default,
.barbie-css input.dropdown.default {
  font-size: 14px;
}
.barbie-css span.dropdown.between,
.barbie-css input.dropdown.between {
  margin: 0 5px;
  vertical-align: middle;
  border-bottom: none;
  color: #C5C9CC;
}
.barbie-css span.dropdown.popup,
.barbie-css input.dropdown.popup {
  border-bottom: 1px dotted #858B8F;
}
.barbie-css span.dropdown.no-pad,
.barbie-css input.dropdown.no-pad {
  padding-left: 0px;
}
.barbie-css span.dropdown.title,
.barbie-css input.dropdown.title {
  width: 210px;
}
@media (max-width: 600px) {
  .barbie-css span.dropdown.title,
  .barbie-css input.dropdown.title {
    width: 180px;
  }
}
.barbie-css span.dropdown.name,
.barbie-css input.dropdown.name {
  width: 190px;
}
.barbie-css span.dropdown.status,
.barbie-css input.dropdown.status {
  width: 120px;
}
.barbie-css span.dropdown.date,
.barbie-css input.dropdown.date {
  width: 105px;
}
.barbie-css span.dropdown.short-option,
.barbie-css input.dropdown.short-option {
  width: 70px;
}
.barbie-css span.dropdown.currency-option,
.barbie-css input.dropdown.currency-option {
  width: 34px;
}
.barbie-css span.dropdown.long-option,
.barbie-css input.dropdown.long-option {
  width: 140px;
}
.barbie-css span.dropdown[at-dropdate],
.barbie-css input.dropdown[at-dropdate] {
  width: 135px;
}
.barbie-css span.dropdown[at-dropdate].day,
.barbie-css input.dropdown[at-dropdate].day {
  width: 40px;
}
.barbie-css span.dropdown.small,
.barbie-css input.dropdown.small {
  width: 115px;
}
.barbie-css span.dropdown.large,
.barbie-css input.dropdown.large {
  width: 320px;
}
.barbie-css span.dropdown.quantity,
.barbie-css input.dropdown.quantity {
  width: 35px;
}
.barbie-css span.input,
.barbie-css input {
  width: 233px;
}
.barbie-css span.input.title,
.barbie-css input.title {
  width: 203px;
}
.barbie-css span.input.name,
.barbie-css input.name {
  width: 183px;
}
.barbie-css span.input.wide,
.barbie-css input.wide {
  width: 370px;
}
.barbie-css span.input.status,
.barbie-css input.status {
  width: 113px;
}
.barbie-css span.input.date,
.barbie-css input.date {
  width: 98px;
}
.barbie-css span.input.date.bordered,
.barbie-css input.date.bordered {
  width: 95px;
}
.barbie-css span.input.short-option,
.barbie-css input.short-option {
  width: 63px;
}
.barbie-css span.input.currency-option,
.barbie-css input.currency-option {
  width: 43px;
}
.barbie-css span.input.long-option,
.barbie-css input.long-option {
  width: 133px;
}
.barbie-css span.input[at-dropdate],
.barbie-css input[at-dropdate] {
  width: 128px;
}
.barbie-css span.input.small,
.barbie-css input.small {
  width: 108px;
}
.barbie-css span.input.time,
.barbie-css input.time {
  width: 50px;
  text-align: right;
}
.barbie-css span.input.total,
.barbie-css input.total {
  width: 50px;
  text-align: right;
  padding-right: 25px;
}
.barbie-css span.input.large-total,
.barbie-css input.large-total {
  width: 108px;
  text-align: right;
}
.barbie-css span.input.report-description,
.barbie-css input.report-description {
  width: 315px;
}
.barbie-css span.input.description,
.barbie-css input.description {
  width: 258px;
}
.barbie-css span.input.description-small,
.barbie-css input.description-small {
  width: 78px;
}
.barbie-css span.input.hours,
.barbie-css input.hours {
  width: 40px;
  text-align: right;
  padding-right: 25px;
}
.barbie-css span.input.short-dropdown,
.barbie-css input.short-dropdown {
  width: 35px;
  padding-right: 25px;
}
.barbie-css span.input.quantity,
.barbie-css input.quantity {
  width: 32px;
}
.barbie-css span.input.volume,
.barbie-css input.volume {
  width: 50px;
  text-align: right;
}
.barbie-css span.input[type="radio"],
.barbie-css input[type="radio"] {
  display: none;
}
.barbie-css span.input[type="radio"] + label:before,
.barbie-css input[type="radio"] + label:before,
.barbie-css span.input[type="radio"]:checked + label:before,
.barbie-css input[type="radio"]:checked + label:before {
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: middle;
  position: relative;
  top: -5px;
}
.barbie-css span.input[type="radio"] + label,
.barbie-css input[type="radio"] + label {
  color: #858B8F;
  position: relative;
}
.barbie-css span.input[type="radio"] + label:before,
.barbie-css input[type="radio"] + label:before {
  content: var(--glyph-circle-outlined);
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css span.input[type="radio"]:checked + label,
.barbie-css input[type="radio"]:checked + label {
  color: #2E3236;
  position: relative;
}
.barbie-css span.input[type="radio"]:checked + label:before,
.barbie-css input[type="radio"]:checked + label:before {
  content: var(--glyph-tick-circled-thicker);
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css span.input[type="radio"]:disabled + label,
.barbie-css input[type="radio"]:disabled + label {
  color: #C5C9CC;
}
.barbie-css span.input[type="radio"]:disabled + label::before,
.barbie-css input[type="radio"]:disabled + label::before {
  color: #C5C9CC;
}
.barbie-css span.input[type="radio"]:disabled:checked + label,
.barbie-css input[type="radio"]:disabled:checked + label {
  color: #858B8F;
}
.barbie-css span.input[type="radio"]:disabled:checked + label::before,
.barbie-css input[type="radio"]:disabled:checked + label::before {
  color: #C5C9CC;
}
.barbie-css .radio-group {
  width: 300px;
  padding-right: 0px;
}
.barbie-css .radio-group.small {
  width: 115px;
}
.barbie-css .radio-group.large {
  width: 300px;
}
.barbie-css .radio-group.options {
  width: 350px;
}
.barbie-css .radio-group.options label {
  display: block;
}
.barbie-css .radio-group.descriptive {
  width: 510px;
}
.barbie-css .radio-group.descriptive label {
  display: block;
}
.barbie-css .radio-group.descriptive .description {
  margin: 0 0 12px 24px;
  font-size: 13px;
  font-weight: 300;
  color: #A6ABAE;
}
.barbie-css .radio-group.descriptive .description.compact {
  line-height: 16px;
}
@media (max-width: 900px) {
  .barbie-css .radio-group.descriptive {
    width: 300px;
  }
}
@media (max-width: 760px) {
  .barbie-css .radio-group.descriptive {
    width: 250px;
  }
}
@media (min-width: 600px) {
  .barbie-css .radio-group.larger {
    width: 400px;
  }
}
.barbie-css .help-text {
  margin: 8px 0 12px 162px;
  font-size: 14px;
  font-weight: 300;
  color: #A6ABAE;
  line-height: 16px;
}
.barbie-css textarea.wide {
  width: 370px;
}
@media (max-width: 760px) {
  .barbie-css textarea.wide {
    width: 240px;
  }
}
.barbie-css .search-input {
  width: 272px;
  padding: 10px 10px;
  border-bottom: 1px solid #C5C9CC;
  font-size: 14px;
}
.barbie-css .form-section {
  background-color: #F7F8F9;
  margin: 0 -30px 20px;
  padding: 30px 30px 10px;
}
.barbie-css .form-section .portrait-line {
  margin: 0 0 20px 215px;
  border: none;
  color: #A6ABAE;
}
.barbie-css .form-section .subtitle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
}
.barbie-css .form-section input {
  border-bottom: none;
}
.barbie-css .form-section input[type="text"] {
  padding: 5px 7px;
}
.barbie-css .grey-form-section {
  background-color: #F7F8F9;
  margin: 40px -30px;
  padding: 30px 30px 10px;
  border-top: 1px solid #DDE2E5;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .separator-top {
  border-top: 1px solid #DDE2E5;
}
.barbie-css .separator-bottom {
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css #content {
  position: relative;
  overflow-x: hidden;
  margin: 0 35px 0;
}
@media (min-width: 1024px) {
  .barbie-css #content {
    margin: 0 auto 40px;
    max-width: 954px;
  }
}
@media (max-width: 900px) {
  .barbie-css #content {
    margin: 0 0 40px;
  }
}
.barbie-css #content div[ng-view] {
  display: block;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}
.barbie-css #content div[ng-view] > div,
.barbie-css #content div[ng-view] .content-page {
  padding: 42px 30px 42px;
  background-color: #FFF;
}
@media (max-width: 900px) {
  .barbie-css #content div[ng-view] > div,
  .barbie-css #content div[ng-view] .content-page {
    padding: 42px 10px 0;
  }
}
@media (max-width: 600px) {
  .barbie-css #content div[ng-view] > div,
  .barbie-css #content div[ng-view] .content-page {
    padding: 42px 10px 0;
  }
}
.barbie-css .spinner.global {
  position: fixed;
  z-index: 9000;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.barbie-css .spinner.global .spinny-thing {
  position: absolute;
  left: 50%;
  top: 50%;
}
.barbie-css .spinner.global .spinny-thing.giant {
  margin-left: -100px;
  margin-top: -50px;
}
.barbie-css .spinner.global .spinny-thing.large {
  margin-left: -50px;
  margin-top: -25px;
}
.barbie-css div.button-bar {
  font-size: 15px;
  color: #858B8F;
  font-weight: 300;
}
.barbie-css div.button-bar.smaller {
  font-size: 14px;
}
@media (max-width: 600px) {
  .barbie-css div.button-bar .desktop {
    display: none;
  }
}
.barbie-css div.button-bar .mobile {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css div.button-bar .mobile {
    display: block;
  }
}
.barbie-css div.button-bar .popup {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.button-bar .popup.disabled {
  color: #DDE2E5;
}
.barbie-css div.button-bar .divider {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px dotted #DDE2E5;
}
.barbie-css div.button-bar .left {
  float: left;
  text-align: left;
}
.barbie-css div.button-bar .left.offset {
  margin-top: -10px;
}
.barbie-css div.button-bar .left > .divider {
  display: inline-block;
}
.barbie-css div.button-bar .right {
  float: right;
}
.barbie-css div.button-bar label:first-child {
  border-left: none;
}
.barbie-css div.button-bar.right {
  text-align: right;
  clear: right;
}
.barbie-css div.button-bar.right.floated {
  float: right;
}
.barbie-css div.button-bar.right input.dropdown,
.barbie-css div.button-bar.right span.dropdown {
  text-align: left;
}
.barbie-css div.button-bar.left.floated {
  float: left;
}
.barbie-css div.button-bar.above {
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .barbie-css div.button-bar.above {
    margin-bottom: 17px;
  }
}
.barbie-css div.button-bar.single-line {
  white-space: nowrap;
}
.barbie-css div.button-bar.bottom-margin {
  margin-bottom: 20px;
}
.barbie-css div.button-bar .align-vertical {
  margin-left: 15px;
  vertical-align: top;
  position: relative;
  top: 7px;
}
.barbie-css div.button-bar.thin > * {
  margin-left: 15px;
  line-height: 25px;
  vertical-align: middle;
}
.barbie-css div.button-bar.thin .left {
  margin-left: 0;
  margin-right: 25px;
  margin-top: -10px;
}
.barbie-css div.button-bar.thin .icon {
  line-height: 1.3;
  vertical-align: middle;
}
.barbie-css div.button-bar.thin .icon.crop-circle {
  line-height: 25px;
}
.barbie-css div.button-bar.thin .icon.crop-circle.small {
  line-height: 15px;
}
.barbie-css div.button-bar.thin .icon.next {
  height: 20px;
  font-size: 30px;
  top: 1px;
  margin-left: 10px;
}
.barbie-css div.button-bar.thin .icon.previous {
  height: 20px;
  font-size: 30px;
  top: 1px;
  margin-right: 20px;
}
.barbie-css div.button-bar.thin button,
.barbie-css div.button-bar.thin a.button {
  font-size: 12px;
  padding: 4px 15px;
  vertical-align: middle;
  line-height: 1.3;
}
.barbie-css div.button-bar.thin button.dropdown,
.barbie-css div.button-bar.thin a.button.dropdown {
  padding: 4px 25px;
}
.barbie-css div.button-bar.thin .icon {
  vertical-align: middle;
}
.barbie-css div.button-bar.centered {
  text-align: center;
}
.barbie-css div.button-bar.indented {
  margin-left: 170px;
}
@media (max-width: 600px) {
  .barbie-css div.button-bar.indented {
    margin-left: 50px;
  }
}
.barbie-css div.button-bar.top-margin {
  margin-top: 20px;
}
.barbie-css div.button-bar--top-padding {
  padding-top: 20px;
}
.barbie-css div.button-bar.bottom-margin {
  margin-bottom: 20px;
}
.barbie-css div.button-bar.ruled {
  overflow: hidden;
  margin-bottom: 23px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css div.button-bar.ruled h5 {
  display: inline-block;
  margin: 0;
}
@media (max-width: 600px) {
  .barbie-css div.button-bar.top-bar {
    margin-top: 0px;
  }
}
.barbie-css div.button-bar .theme {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.button-bar .theme.disabled {
  color: #C5C9CC;
}
.barbie-css div.button-bar.header-bar {
  position: absolute;
  right: 70px;
  top: 14px;
}
.barbie-css div.button-bar.header-bar span.dropdown {
  width: auto;
  min-width: 120px;
  padding: 0 23px 2px 8px;
}
.barbie-css div.button-bar.header-bar i.icon.dropdown,
.barbie-css div.button-bar.header-bar i.icon.delete {
  top: -2px;
}
.barbie-css div.button-bar.thick {
  height: 35px;
}
.barbie-css div.button-bar.thick span {
  font-size: 18px;
  line-height: 35px;
}
.barbie-css div.button-bar.thick span.strong {
  font-weight: 500;
}
.barbie-css div.button-bar.thick span.dropdown {
  line-height: normal;
  font-size: 16px;
  font-weight: 500;
}
.barbie-css div.button-bar.thick.top-margin {
  margin-top: 40px;
}
.barbie-css div.button-bar.thick.bottom-margin {
  margin-bottom: 40px;
}
.barbie-css div.button-bar .shaded {
  height: 43px;
  line-height: 43px;
  background-color: #ECEFF1;
  border-radius: 19px;
  color: #A6ABAE;
  font-size: 17px;
}
.barbie-css div.button-bar .shaded .checkbox.circle {
  width: 16px;
  height: 16px;
  top: -2px;
  background-color: #FFF;
  border-radius: 16px;
  overflow: visible;
  margin-right: 7px;
}
.barbie-css div.button-bar .shaded .checkbox.circle:before {
  top: -13px;
  left: -4px;
  font-size: 23px;
  content: "";
}
.barbie-css div.button-bar .shaded .value {
  display: inline-block;
  margin-left: 7px;
  font-size: 19px;
  color: #5F676F;
}
.barbie-css div.button-bar.inline {
  text-align: center;
}
.barbie-css div.button-bar.inline > div {
  text-align: left;
  display: inline-block;
}
.barbie-css div.button-bar.inline > div > div {
  display: inline-block;
  margin-right: 36px;
}
.barbie-css div.button-bar.inline > div > div:first-child {
  margin-left: 36px;
}
.barbie-css div.button-bar.inline.top-margin {
  margin-top: 40px;
}
.barbie-css div.button-bar.inline.bottom-margin {
  margin-bottom: 40px;
}
.barbie-css h3 div.button-bar .vertical-align {
  line-height: 22px;
}
.barbie-css li.button-bar button,
.barbie-css li.button-bar a.button {
  vertical-align: middle;
  margin-right: 10px;
}
.barbie-css li.button-bar.centered {
  text-align: center;
}
.barbie-css li.button-bar.indented {
  margin-left: 170px;
}
@media (max-width: 600px) {
  .barbie-css li.button-bar.indented {
    margin-left: 50px;
  }
}
.barbie-css li.button-bar .divider {
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 10px;
  border-left: 1px dotted #DDE2E5;
}
.barbie-css li.button-bar .divider + button.bare,
.barbie-css li.button-bar .divider + a.button.bare {
  padding-left: 0;
  padding-right: 0;
}
.barbie-css li.button-bar .button-list {
  display: inline-block;
}
@media (max-width: 760px) {
  .barbie-css li.button-bar .button-list.vertical-mobile button {
    display: block;
  }
  .barbie-css li.button-bar .button-list.vertical-mobile button:not(.bare) {
    margin-bottom: 20px;
  }
  .barbie-css li.button-bar .button-list.vertical-mobile button.bare {
    margin-bottom: 10px;
  }
  .barbie-css li.button-bar .button-list.vertical-mobile .divider {
    display: none;
  }
  .barbie-css li.button-bar .button-list.vertical-mobile .divider + button.bare {
    padding-left: 15px;
    padding-right: 15px;
  }
  .barbie-css li.button-bar .button-list.vertical-mobile .prefix {
    padding: 6px 0 6px 0;
    margin-left: 15px;
    display: inline-block;
  }
  .barbie-css li.button-bar .button-list.vertical-mobile .cancel.bare {
    display: inline-block;
    margin-bottom: 0;
  }
}
.barbie-css .hairline {
  padding-bottom: 8px;
  border-bottom: 1px solid #c0c5c6;
}
.barbie-css .title-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.barbie-css .title-bar button,
.barbie-css .title-bar h2 {
  margin-bottom: 20px;
}
.barbie-css .title-bar__content {
  flex-grow: 1;
}
.barbie-css .info-bar {
  padding-bottom: 16px;
  color: #000000;
  overflow: hidden;
}
.barbie-css .info-bar.disabled *,
.barbie-css .info-bar[disabled] * {
  color: #C5C9CC !important;
}
.barbie-css .info-bar .info,
.barbie-css .info-bar h3 {
  margin: 0;
  display: inline-block;
}
.barbie-css .info-bar .info {
  font-size: 16px;
}
.barbie-css .info-bar .info.left-margin {
  margin-left: 25px;
}
.barbie-css .info-bar .info label.left-margin {
  margin-left: 15px;
}
.barbie-css .info-bar .info span {
  color: #3F464D;
}
.barbie-css .info-bar .info span.right-margin {
  margin-right: 20px;
}
.barbie-css .info-bar .button-bar {
  float: right;
}
.barbie-css .info-bar .inline {
  display: inline;
}
@media (max-width: 400px) {
  .barbie-css .info-bar .inline {
    display: block;
  }
}
.barbie-css .info-bar .inline.right-float {
  float: right;
}
@media (max-width: 400px) {
  .barbie-css .info-bar .inline.right-float {
    float: none;
    margin-left: 25px;
  }
}
.barbie-css .info-bar .inline .hide {
  visibility: hidden;
}
.barbie-css .info-area {
  font-size: 14px;
}
.barbie-css .info-area.right {
  float: right;
}
.barbie-css .info-area.top {
  vertical-align: top;
  padding-top: 4px;
}
.barbie-css .info-area > div {
  display: inline-block;
  padding-right: 22px;
  margin-right: 22px;
  border-right: 1px dotted #DDE2E5;
  min-height: 40px;
  vertical-align: middle;
  line-height: 40px;
}
@media (max-width: 600px) {
  .barbie-css .info-area > div {
    padding-right: 17px;
    margin-right: 17px;
  }
}
.barbie-css .info-area > div > div {
  line-height: 18px;
  vertical-align: middle;
  display: inline-block;
}
.barbie-css .info-area > div:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.barbie-css .info-area > div.no-border {
  margin-left: 0;
  border-left: none;
}
.barbie-css .info-area > div.center {
  line-height: 40px;
}
.barbie-css .info-area > div label {
  display: block;
  color: #858B8F;
}
.barbie-css .info-area > div .overdue label,
.barbie-css .info-area > div .overdue span {
  color: #E52D0D;
}
.barbie-css .info-area > div .constrained.medium {
  max-width: 200px;
}
.barbie-css .info-area.no-separators > div {
  padding-right: 0;
  margin-right: 22px;
  border-right: none;
}
.barbie-css .info-area.no-separators.wider-right > div {
  margin-right: 52px;
}
.barbie-css .info-area.description {
  color: #858B8F;
  margin-top: 20px;
}
.barbie-css .info-area.single-line {
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
}
@media (max-width: 900px) {
  .barbie-css .info-area.single-line {
    white-space: normal;
  }
}
.barbie-css .info-area.single-line > div {
  min-height: 25px;
  line-height: 25px;
  margin-bottom: 7px;
}
@media (max-width: 900px) {
  .barbie-css .info-area.single-line > div {
    padding-right: 12px;
    margin-right: 12px;
  }
  .barbie-css .info-area.single-line > div:last-child {
    padding-right: 0;
    margin-right: 0;
  }
}
.barbie-css .info-area.single-line > div label {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
}
@media (max-width: 600px) {
  .barbie-css .info-area.single-line > div label {
    display: block;
    margin-right: 0;
  }
}
.barbie-css div[ng-view] {
  position: relative;
}
.barbie-css h5.attachments {
  float: left;
  margin-top: 13px;
}
.barbie-css .filter-bar {
  width: auto;
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
}
@media (max-width: 760px) {
  .barbie-css .filter-bar {
    width: auto;
  }
}
.barbie-css .filter-bar ul.filter-tabs {
  position: relative;
  text-align: center;
  height: 36px;
}
@media (max-width: 760px) {
  .barbie-css .filter-bar ul.filter-tabs {
    height: 30px;
  }
}
.barbie-css .filter-bar ul.filter-tabs:before {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #DDE2E5;
  content: "";
}
.barbie-css .filter-bar ul.filter-tabs li {
  position: relative;
  padding-bottom: 0;
  display: inline-block;
  font-size: 18px;
  color: #858B8F;
  font-weight: 300;
  margin: 0 25px;
  height: 36px;
}
.barbie-css .filter-bar ul.filter-tabs li label[at-dropdown] {
  height: 26px;
}
.barbie-css .filter-bar ul.filter-tabs li.selected {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .filter-bar ul.filter-tabs li.selected:before {
  position: absolute;
  border-bottom: 1px solid #afbb36;
  border-bottom: 1px solid var(--main-theme-color);
  bottom: 0;
  height: 1px;
  left: 0;
  right: 0;
  content: "";
}
@media (max-width: 760px) {
  .barbie-css .filter-bar ul.filter-tabs li {
    color: #afbb36;
    color: var(--main-theme-color);
    font-size: 16px;
    height: 26px;
    display: block;
    float: right;
  }
  .barbie-css .filter-bar ul.filter-tabs li i.icon {
    vertical-align: middle;
  }
}
@media (max-width: 839px) {
  .barbie-css .filter-bar ul.filter-tabs li {
    height: 30px;
    margin: 0 16px 0 0;
    float: unset;
    display: inline-block;
    color: #858B8F;
  }
}
.barbie-css .filter-bar .filter-form {
  display: inline-block;
  text-align: center;
  width: 100%;
}
@media (max-width: 760px) {
  .barbie-css .filter-bar .filter-form {
    width: auto;
  }
}
.barbie-css .filter-bar .filter-form label.dropdown {
  outline: none;
  position: relative;
  left: -17px;
}
.barbie-css .filter-bar .filter-form label.dropdown i.dropdown,
.barbie-css .filter-bar .filter-form label.dropdown i.delete {
  left: 3px;
}
.barbie-css .filter-bar .filter-form ul {
  display: inline-block;
  margin-top: 10px;
  vertical-align: top;
  text-align: left;
}
@media (max-width: 839px) {
  .barbie-css .filter-bar .filter-form ul {
    width: 100%;
  }
  .barbie-css .filter-bar .filter-form ul:last-of-type {
    margin-top: 0;
  }
}
.barbie-css .filter-bar .filter-form ul:only-of-type .barbie-css .filter-bar .filter-form ul {
  text-align: center;
}
.barbie-css .filter-bar .filter-form ul.with-defaults li:first-child label,
.barbie-css .filter-bar .filter-form ul.with-defaults li:last-child label {
  color: #2E3236;
}
.barbie-css .filter-bar .filter-form ul.small-margin {
  margin-top: 10px;
}
.barbie-css .filter-bar .filter-form ul.multi-column {
  width: 720px;
}
.barbie-css .filter-bar .filter-form ul.multi-column li {
  padding: 0 25px 5px;
  min-height: 25px;
  float: left;
  width: 130px;
}
@media (max-width: 760px) {
  .barbie-css .filter-bar .filter-form ul.multi-column {
    width: 540px;
  }
}
@media (max-width: 600px) {
  .barbie-css .filter-bar .filter-form ul.multi-column {
    width: 360px;
  }
}
@media (max-width: 400px) {
  .barbie-css .filter-bar .filter-form ul.multi-column {
    width: 180px;
  }
}
.barbie-css .filter-bar .filter-form ul.droplist li {
  padding: 4px 8px;
}
.barbie-css .filter-bar .filter-form ul li {
  padding: 10px 25px;
}
@media (max-width: 839px) {
  .barbie-css .filter-bar .filter-form ul li {
    display: flex;
    align-items: center;
    padding: 10px 0 0;
  }
  .barbie-css .filter-bar .filter-form ul li.button-row {
    padding-top: 20px;
  }
}
@media (max-width: 760px) {
  .barbie-css .filter-bar .filter-form ul li.float-mobile {
    float: left;
  }
  .barbie-css .filter-bar .filter-form ul li.float-mobile:first-child {
    padding-right: 10px;
  }
  .barbie-css .filter-bar .filter-form ul li.float-mobile:nth-child(1n + 2) {
    padding: 0;
  }
}
.barbie-css .filter-bar .filter-form ul li.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.barbie-css .filter-bar .filter-form ul li label {
  display: inline-block;
  width: 90px;
  margin-bottom: 5px;
  margin-right: 10px;
  text-align: right;
  color: #858B8F;
}
.barbie-css .filter-bar .filter-form ul li label i.icon.dropdown,
.barbie-css .filter-bar .filter-form ul li label i.icon.delete {
  height: 18px;
  top: -7px;
}
@media (max-width: 600px) {
  .barbie-css .filter-bar .filter-form ul li label {
    margin-right: 0;
    flex: 0 0 90px;
    width: unset;
    margin-bottom: 0;
  }
  .barbie-css .filter-bar .filter-form ul li label i.icon.dropdown,
  .barbie-css .filter-bar .filter-form ul li label i.icon.delete {
    top: -3px;
  }
}
.barbie-css .filter-bar .filter-form ul li label.wide {
  width: 115px;
}
.barbie-css .filter-bar .filter-form ul li div.at-date-range,
.barbie-css .filter-bar .filter-form ul li input {
  text-align: left;
}
@media (max-width: 839px) {
  .barbie-css .filter-bar .filter-form ul li div.at-date-range,
  .barbie-css .filter-bar .filter-form ul li input {
    flex: 1 0 auto;
    width: unset;
    margin-left: 10px;
    font-size: 1rem;
  }
}
.barbie-css .filter-bar .filter-form ul li span.dropdown,
.barbie-css .filter-bar .filter-form ul li input.dropdown {
  font-size: 14px;
}
.barbie-css .filter-bar.small:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .filter-bar.small ul {
  height: 26px;
  text-align: right;
  width: 600px;
  padding: 0;
  margin-left: 120px;
}
@media (max-width: 1000px) {
  .barbie-css .filter-bar.small ul {
    margin-left: 0;
  }
}
@media (max-width: 760px) {
  .barbie-css .filter-bar.small ul {
    width: auto;
  }
}
.barbie-css .filter-bar.small ul li {
  height: 26px;
  font-size: 14px;
}
.barbie-css .filter-bar.small ul li:last-child {
  margin-right: 0;
}
.barbie-css p.comment {
  padding: 40px 10px 10px 50px;
  max-width: 650px;
}
.barbie-css .comment-area {
  overflow: auto;
  margin-left: 40px;
  max-width: 533px;
  padding: 0 10px;
}
.barbie-css .comment-area .info {
  height: 35px;
  position: relative;
}
.barbie-css .comment-area .info .name {
  font-weight: 800;
}
.barbie-css .comment-area .info .age {
  float: right;
  color: #A6ABAE;
  font-style: italic;
}
.barbie-css .comment-area .comment {
  max-width: 533px;
  max-height: 180px;
  overflow-y: hidden;
}
.barbie-css .comment-area .comment.post-box {
  max-height: none;
}
.barbie-css .comment-area .comment a {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .comment-area .comment .mention {
  border-bottom: 1px dotted #A6ABAE;
}
.barbie-css .comment-area .comment b {
  font-weight: 800;
}
.barbie-css .comment-area .comment u {
  text-decoration: underline;
}
.barbie-css .comment-area .file-list {
  padding: 0;
  margin: 10px 0 0 0;
}
.barbie-css .comment-area .show-more-wrapper {
  overflow: hidden;
}
.barbie-css .comment-area .show-more-wrapper .show-more {
  float: right;
  font-size: 13px;
  margin-top: 12px;
}
.barbie-css .comment-area .action-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  margin-top: 16px;
}
.barbie-css .comment-area.without-portrait {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0;
  margin: 0;
}
.barbie-css div.section {
  margin-bottom: 40px;
}
.barbie-css div.section > label {
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  color: #2E3236;
  width: 115px;
  text-align: left;
  margin-right: 25px;
  margin-left: 50px;
  padding-top: 10px;
  vertical-align: top;
}
.barbie-css div.section > label.checked {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.section > label.thirdstate {
  color: #DDE2E5;
}
.barbie-css div.section > label.strikethrough {
  color: #DDE2E5;
}
.barbie-css div.section > label.checked {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.section > label.thirdstate {
  color: #2E3236;
  text-decoration: line-through;
  position: relative;
}
.barbie-css div.section > label.thirdstate:before {
  content: var(--glyph-cross-circled-outlined);
}
.barbie-css div.section > label .circle {
  color: #DDE2E5;
}
.barbie-css div.section > label .circle.checked {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.section > .value-block {
  display: inline-block;
  padding-top: 10px;
  vertical-align: top;
  font-size: 18px;
  color: #5F676F;
}
.barbie-css div.section > .value-block {
  display: inline-block;
  padding-top: 10px;
  vertical-align: top;
  font-size: 18px;
  color: #5F676F;
}
.barbie-css div.section > ul,
.barbie-css div.section > .container {
  display: inline-block;
}
.barbie-css div.section.short {
  margin: 30px 0 20px;
}
.barbie-css div.section.short > label {
  width: 85px;
}
.barbie-css div.section .comment-area {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  width: 400px;
}
.barbie-css div.section p {
  max-width: 500px;
  margin-left: 190px;
}
.barbie-css div.block-container {
  overflow: hidden;
}
.barbie-css div.block-container.indented {
  margin: 0 0 0 120px;
}
@media (max-width: 1000px) {
  .barbie-css div.block-container.indented {
    margin-left: 10px;
  }
}
@media (max-width: 900px) {
  .barbie-css div.block-container.indented {
    margin: 0 0 50px;
  }
  .barbie-css div.block-container.indented.no-mobile-margin {
    margin: 0;
  }
}
.barbie-css div.block-container.narrow {
  margin: 0 20px;
}
@media (max-width: 1000px) {
  .barbie-css div.block-container.narrow {
    margin: 0 10px;
  }
}
@media (max-width: 900px) {
  .barbie-css div.block-container.narrow {
    margin: 0;
  }
}
.barbie-css div.block-container.centered {
  margin: 0 0 30px;
  text-align: center;
}
.barbie-css div.block-container.centered > * {
  margin-left: auto;
  margin-right: auto;
}
.barbie-css div.block-container.columns {
  position: relative;
  width: 600px;
}
@media (max-width: 760px) {
  .barbie-css div.block-container.columns {
    width: auto;
  }
}
.barbie-css div.block-container.bottom-margin {
  margin-bottom: 40px;
}
.barbie-css div.block-container.right {
  text-align: right;
}
.barbie-css .container {
  overflow: auto;
}
.barbie-css .inset {
  border-top: 1px solid #A6ABAE;
  border-bottom: 1px solid #A6ABAE;
  position: relative;
  padding: 30px 20px;
  margin: 0 -10px 20px;
}
.barbie-css .inset:before {
  position: absolute;
  display: block;
  background: linear-gradient(to top, rgba(174, 183, 189, 0) 0%, rgba(174, 183, 189, 0.45) 100%);
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  content: "";
  margin: 0 10px 0;
}
.barbie-css .inset:after {
  position: absolute;
  display: block;
  background: linear-gradient(to bottom, rgba(174, 183, 189, 0) 0%, rgba(174, 183, 189, 0.45) 100%);
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  content: "";
  margin: 0 10px 0;
}
.barbie-css p.info-block {
  margin: 0 0 20px;
}
.barbie-css p.info-block.centered {
  text-align: center;
}
.barbie-css p.info-block .larger {
  font-size: 18px;
}
.barbie-css p.info-block span.block {
  display: block;
}
.barbie-css .portrait-box {
  overflow: hidden;
}
.barbie-css .portrait-box.bottom-margin {
  margin-bottom: 30px;
}
.barbie-css .portrait-box h2 {
  margin-bottom: 0;
}
.barbie-css .portrait-box-header {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}
.barbie-css .portrait-box-header label {
  color: #858B8F;
}
.barbie-css .portrait-box-header .narrow {
  display: inline-block;
  max-width: 140px !important;
  min-width: 60px;
}
.barbie-css .portrait-box-header .fit-content {
  min-width: 70px;
}
.barbie-css .html-template div,
.barbie-css .html-template dl,
.barbie-css .html-template dt,
.barbie-css .html-template dd,
.barbie-css .html-template ul,
.barbie-css .html-template ol,
.barbie-css .html-template li,
.barbie-css .html-template h1,
.barbie-css .html-template h2,
.barbie-css .html-template h3,
.barbie-css .html-template h4,
.barbie-css .html-template h5,
.barbie-css .html-template h6,
.barbie-css .html-template pre,
.barbie-css .html-template form,
.barbie-css .html-template fieldset,
.barbie-css .html-template input,
.barbie-css .html-template textarea,
.barbie-css .html-template p,
.barbie-css .html-template blockquote,
.barbie-css .html-template th,
.barbie-css .html-template td {
  margin: initial;
  padding: initial;
  font-size: initial;
}
.barbie-css .html-template ol,
.barbie-css .html-template ul {
  padding-left: 40px;
}
@media (max-width: 600px) {
  .barbie-css .html-template ol,
  .barbie-css .html-template ul {
    padding-left: 20px;
  }
}
@media (max-width: 400px) {
  .barbie-css .html-template ol,
  .barbie-css .html-template ul {
    padding-left: 10px;
  }
}
.barbie-css .html-template ol {
  list-style-type: decimal;
}
.barbie-css .html-template ol ul {
  list-style-type: circle;
}
.barbie-css .html-template ul {
  list-style-type: disc;
}
.barbie-css .html-template ul ul {
  list-style-type: circle;
}
.barbie-css .follower-list .body-row.clickable {
  position: relative;
}
.barbie-css .follower-list .body-row.clickable:hover {
  background-color: #ECEFF1;
}
.barbie-css .follower-list .body-row.clickable:hover .portrait-line .info .title {
  color: #afbb36;
  color: var(--main-theme-color);
  border-bottom: 1px dotted #afbb36;
  border-bottom: 1px dotted var(--main-theme-color);
}
.barbie-css .follower-list .body-row.clickable:hover .add {
  display: block;
}
.barbie-css .follower-list .body-row.clickable .add {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  display: none;
}
.barbie-css .follower-list .body-row.clickable .add i.icon {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .follower-list .body-row.clickable .add i.icon.circle:before {
  color: #ECEFF1;
}
.barbie-css .follower-list .follower-portrait-line {
  display: block;
  position: relative;
  height: 44px;
}
.barbie-css .follower-list .follower-portrait-line .portrait {
  position: absolute;
  display: block;
  left: 10px;
  width: 35px;
  height: 35px;
  top: 3px;
}
.barbie-css .follower-list .follower-portrait-line .portrait span {
  position: absolute;
  left: 0;
  top: 1px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css .follower-list .follower-portrait-line .portrait i {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css .follower-list .follower-portrait-line .portrait i:before {
  color: #C5C9CC;
}
.barbie-css .follower-list .follower-portrait-line .info {
  display: block;
  position: absolute;
  left: 60px;
  top: 0;
  right: 0;
  bottom: 0;
}
.barbie-css .follower-list .follower-portrait-line .info .title {
  font-size: 16px;
  display: inline-block;
  border-bottom: 1px dotted #A6ABAE;
}
.barbie-css .follower-list .follower-portrait-line .info .position {
  font-size: 14px;
  color: #858B8F;
  height: 20px;
  white-space: nowrap;
}
.barbie-css .follower-list .follower-portrait-line .info .subtitle {
  font-size: 14px;
  color: #C5C9CC;
}
.barbie-css .follower-list .follower-portrait-line .contact-info {
  font-size: 14px;
  color: #A6ABAE;
  margin: 5px 0 0 50px;
}
.barbie-css .follower-list .follower-portrait-line.small .contact-info,
.barbie-css .follower-list .follower-portrait-line.small .subtitle {
  font-size: 13px;
}
.barbie-css .follower-list .follower-portrait-line.small .contact-info > span,
.barbie-css .follower-list .follower-portrait-line.small .subtitle > span {
  display: block;
}
.barbie-css .follower-list .follower-portrait-line.small .portrait {
  top: 3px;
}
.barbie-css .portrait-line.inline {
  display: inline-block;
}
.barbie-css .portrait-line .portrait {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  top: 0;
}
.barbie-css .portrait-line .portrait span {
  position: absolute;
  left: 0;
  top: 1px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css .portrait-line .portrait i {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css .portrait-line .portrait i:before {
  color: #C5C9CC;
}
.barbie-css .portrait-line .info {
  display: inline-block;
  margin-left: 15px;
}
.barbie-css .portrait-line .info .title {
  font-size: 16px;
}
.barbie-css .portrait-line .info .subtitle {
  font-size: 14px;
  color: #A6ABAE;
}
.barbie-css .portrait-line .position {
  float: right;
  font-size: 14px;
  color: #A6ABAE;
  font-style: italic;
}
.barbie-css .portrait-line .contact-info {
  font-size: 14px;
  color: #A6ABAE;
  margin: 5px 0 0 50px;
}
.barbie-css .portrait-line.small .contact-info,
.barbie-css .portrait-line.small .subtitle {
  font-size: 13px;
}
.barbie-css .portrait-line.small .contact-info > span,
.barbie-css .portrait-line.small .subtitle > span {
  display: block;
}
.barbie-css .portrait-line.small .portrait {
  top: 3px;
}
.barbie-css .portrait-line.worker-basic .contact-info,
.barbie-css .portrait-line.worker-basic .subtitle {
  font-size: 13px;
}
.barbie-css .portrait-line.worker-basic .contact-info > span,
.barbie-css .portrait-line.worker-basic .subtitle > span {
  display: block;
}
.barbie-css .portrait-line.worker-basic .portrait {
  top: 3px;
  height: 20px;
}
.barbie-css .contact-line {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #858B8F;
}
.barbie-css .contact-line .heading {
  color: #858B8F;
  margin: 0 0 10px;
}
.barbie-css .contact-line.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.barbie-css .date-range {
  display: inline-block;
}
.barbie-css .date-range.middle {
  vertical-align: text-top;
}
.barbie-css .date-range .heading {
  color: #858B8F;
  font-size: 16px;
}
.barbie-css .date-range .date {
  font-size: 18px;
}
.barbie-css .date-range .from {
  display: inline-block;
}
.barbie-css .date-range .to {
  display: inline-block;
}
.barbie-css .date-range .input.date.bordered {
  font-size: 16px;
  left: 0;
}
.barbie-css .date-range .duration {
  display: inline-block;
  position: relative;
  width: 300px;
  margin: 0 10px;
  text-align: center;
}
.barbie-css .date-range .duration:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: #C5C9CC;
}
.barbie-css .date-range .duration .length {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  color: #C5C9CC;
  background-color: #FFF;
  font-size: 14px;
}
.barbie-css .date-range .duration .length > .working-days {
  display: block;
}
.barbie-css .date-range .duration .length .theme {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .date-range .duration.with-change {
  width: 288px;
  top: -5px;
}
.barbie-css .content-container {
  transition: filter;
  transition-duration: 0.5s;
  filter: saturate(1) opacity(1);
}
.barbie-css .content-container.disabled {
  pointer-events: none;
  filter: saturate(0) opacity(0.2);
}
.barbie-css ng-form[name="mfaForm"] .mfa-content {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  /* Safari 6.1+ */
  flex-direction: column;
  align-items: center;
}
.barbie-css ng-form[name="mfaForm"] .description {
  font-size: 16px;
  margin-bottom: 40px;
}
.barbie-css ng-form[name="mfaForm"] .status-title {
  margin-bottom: 0;
}
.barbie-css ng-form[name="mfaForm"] .description,
.barbie-css ng-form[name="mfaForm"] .small-description {
  color: #A6ABAE;
}
.barbie-css ng-form[name="mfaForm"] .small-description {
  text-align: center;
  font-size: 14px;
  font-style: italic;
}
.barbie-css .mfa-dialog {
  width: 600px;
}
.barbie-css .mfa-dialog .qr-code {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.barbie-css .mfa-dialog .information {
  color: #858B8F;
  padding: 30px 0 30px 0;
}
.barbie-css .mfa-dialog .information .secret {
  font-weight: 500;
  text-align: center;
}
.barbie-css .mfa-dialog .code-field {
  font-size: 40px;
  letter-spacing: 6px;
  width: 190px;
}
.barbie-css .context-changed {
  background-color: rgba(0, 0, 0, 0.9) !important;
  color: #ffffff !important;
  padding-bottom: 20px;
}
.barbie-css .context-changed h2 {
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
}
.barbie-css .context-changed .icon-warning {
  font-size: 110px;
  font-family: "iconfont";
  text-align: center;
  top: -50px;
  margin-bottom: -80px;
  position: relative;
}
.barbie-css .context-changed .icon-warning:before {
  content: var(--glyph-hand);
}
.barbie-css .context-changed button {
  color: #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.barbie-css .context-changed button:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: #ffffff;
}
.barbie-css .context-changed ol {
  margin-top: 5px;
  margin-bottom: 15px;
  text-align: left;
}
.barbie-css .context-changed ol.numbered-list {
  list-style: decimal outside;
  margin-left: 15px;
}
.barbie-css .login-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.barbie-css .login-dialog {
  flex-grow: 1;
  background-color: #FFF;
  width: 390px;
}
@media (max-width: 600px) {
  .barbie-css .login-dialog {
    width: 275px;
  }
}
.barbie-css .login-dialog label {
  width: 80px;
}
.barbie-css .login-footer {
  width: 100%;
  margin-top: 16px;
}
@media (min-width: 600px) {
  .barbie-css .login-footer {
    width: max-content;
  }
}
.barbie-css .login-logo {
  height: 152px;
  width: 100%;
  cursor: pointer;
  background-image: url('engage-logo-new.c391d0710a3cd701.svg');
  background-repeat: no-repeat;
  background-position-y: center;
}
@media (min-width: 600px) {
  .barbie-css .login-logo {
    height: 242px;
  }
}
.barbie-css ng-form.payconfig ul li label.payconfig {
  width: 130px;
}
.barbie-css span.payconfig.inline {
  display: inline-block;
}
.barbie-css span.payconfig.inline.pale {
  color: #858B8F;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
}
.barbie-css span.payconfig.inline.top {
  vertical-align: text-top;
}
.barbie-css span.payconfig.readyonly {
  margin-left: 6px;
}
.barbie-css .animate-slidedown,
.barbie-css .animate-slideup {
  display: block;
}
.barbie-css .loading-dots::after {
  content: "";
  margin-left: 2px;
  animation: loadingDots steps(1, end) 1s infinite;
}
@keyframes loadingDots {
  0% {
    content: "";
    margin-right: 0px;
  }
  25% {
    content: ".";
    margin-right: -4.5px;
  }
  50% {
    content: "..";
    margin-right: -9px;
  }
  75% {
    content: "...";
    margin-right: -13.5px;
  }
  100% {
    content: "";
    margin-right: 0px;
  }
}
.barbie-css div.activity-log {
  margin: 0 0 0 25px;
  overflow: auto;
}
@media (max-width: 1000px) {
  .barbie-css div.activity-log {
    margin-left: 10px;
  }
}
@media (max-width: 900px) {
  .barbie-css div.activity-log {
    margin: 0;
  }
}
@media (max-width: 500px) {
  .barbie-css div.activity-log {
    margin-left: 5px;
  }
}
.barbie-css div.activity-log .entry {
  position: relative;
  clear: both;
  overflow: auto;
  padding-bottom: 20px;
}
.barbie-css div.activity-log .entry:last-child {
  padding-bottom: 0;
}
.barbie-css div.activity-log .entry table.block-table {
  float: right;
  width: 95%;
  position: relative;
  z-index: 10;
  background-color: white;
  clear: both;
}
.barbie-css div.activity-log .entry .date,
.barbie-css div.activity-log .entry .event {
  vertical-align: top;
}
.barbie-css div.activity-log .entry > div {
  display: inline-block;
}
.barbie-css div.activity-log .entry .date {
  padding-top: 10px;
  width: 80px;
  float: left;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
}
.barbie-css div.activity-log .entry .date .time {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #A6ABAE;
}
.barbie-css div.activity-log .entry .marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 80px;
  width: 45px;
  overflow: hidden;
  z-index: 1;
  color: #31363c;
  text-align: center;
  background-image: url('box-grey.0b307aa495150fb0.svg');
  background-size: 2px 2px;
  background-position: top center;
  background-repeat: repeat-y;
}
.barbie-css div.activity-log .entry .marker i {
  font-size: 9px;
  top: 9px;
  position: relative;
  background-position: center;
  width: 9px;
  height: 9px;
}
.barbie-css div.activity-log .entry .marker i:before {
  content: var(--glyph-circle);
}
.barbie-css div.activity-log .entry .marker.arrow i {
  font-size: 35px;
  top: -17px;
  left: -5px;
  width: 25px;
  height: 25px;
  position: relative;
}
.barbie-css div.activity-log .entry .marker.arrow i:before {
  content: var(--glyph-chevron-up);
}
.barbie-css div.activity-log .entry .marker.red {
  color: #C81F02;
}
.barbie-css div.activity-log .entry .marker.green {
  color: #55990D;
}
.barbie-css div.activity-log .entry.first {
  padding-bottom: 0px;
}
.barbie-css div.activity-log .entry.first .marker:before {
  top: auto;
  height: 18px;
}
.barbie-css div.activity-log .entry.last .marker {
  color: #DDE2E5;
  background-size: 2px 15px;
  background-position: center top;
  background-repeat: no-repeat;
}
.barbie-css div.activity-log .entry .block {
  margin-left: 120px;
  display: block;
}
.barbie-css div.activity-log .entry .user {
  float: left;
  position: relative;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin: 0 7px 0 0;
}
.barbie-css div.activity-log .entry .user span {
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 35px;
  overflow: hidden;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css div.activity-log .entry .user i {
  position: absolute;
  left: 0;
  top: 0;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css div.activity-log .entry .event {
  padding-bottom: 20px;
  display: block;
  position: relative;
}
.barbie-css div.activity-log .entry .event.has-portrait {
  margin-left: 40px;
}
.barbie-css div.activity-log .entry .event > table,
.barbie-css div.activity-log .entry .event > .list-container,
.barbie-css div.activity-log .entry .event > p {
  margin-left: 42px;
  padding-left: 30px;
  clear: both;
}
.barbie-css div.activity-log .entry .event .list-container {
  margin-top: 30px;
}
.barbie-css div.activity-log .entry .event > p {
  color: #858B8F;
}
.barbie-css div.activity-log .entry .event > p .heading {
  font-weight: 800;
}
.barbie-css div.activity-log .entry .event .description {
  font-size: 14px;
  top: 8px;
  position: relative;
  vertical-align: top;
}
.barbie-css div.activity-log .entry .event .description em {
  font-weight: bold;
}
.barbie-css attachments-button {
  display: inline-block;
  vertical-align: top;
}
.barbie-css .attachments-button {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 24px;
  text-align: left;
  vertical-align: top;
}
.barbie-css .attachments-button i.icon {
  width: 22px;
  line-height: 22px;
  vertical-align: middle;
  pointer-events: none;
  font-size: 40px;
  left: -4px;
}
.barbie-css .attachments-button i.counter {
  display: block;
  position: absolute;
  font-size: 11px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  border: 1px solid #A6ABAE;
  text-align: center;
  box-sizing: border-box;
  color: #afbb36;
  color: var(--main-theme-color);
  background: white;
  font-style: normal;
  right: 0;
  bottom: 5px;
}
.barbie-css .attachments-button i.counter.close-button {
  font-size: 16px;
  line-height: 11px;
  font-weight: 700;
  transform: rotateZ(45deg);
}
.barbie-css .attachments-popup {
  margin: 20px 14px;
}
.barbie-css .attachments-popup header {
  width: 340px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  font-size: 16px;
}
.barbie-css .attachments-popup.readonly header {
  border-bottom: 1px solid #A6ABAE;
}
.barbie-css .attachments-popup p.help {
  color: #A6ABAE;
  text-align: center;
  margin: 25px 0;
  font-size: 13px;
}
.barbie-css .attachments-popup footer {
  color: #A6ABAE;
  border-top: 1px solid #A6ABAE;
  padding-top: 8px;
  margin-top: 30px;
  text-align: right;
}
.barbie-css .attachments-popup footer i {
  vertical-align: middle;
  line-height: 16px;
  width: 30px;
}
.barbie-css .attachments-popup footer .clickable {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .attachments-list ul.files li {
  line-height: 30px;
}
.barbie-css .attachments-list ul.files li > a {
  display: inline-block;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .attachments-list ul.files li > a.inactive {
  color: #A6ABAE;
  font-weight: 400;
  pointer-events: none;
}
.barbie-css .attachments-list ul.files li > i {
  display: inline-block;
  float: right;
  width: 28px;
}
.barbie-css .box-popup.no-padding {
  padding: 0;
}
.barbie-css .progress-bar {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
}
.barbie-css .progress-bar,
.barbie-css .progress-bar > .inner {
  border-radius: 3px;
  height: 4px;
}
.barbie-css .progress-bar .inner {
  background: #afbb36;
  background: var(--main-theme-color);
  transition: width 0.2s linear;
}
.barbie-css input.full-width {
  box-sizing: border-box;
  width: 100%;
}
.barbie-css .dropbox {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: black;
  opacity: 0.8;
  pointer-events: none;
  text-align: center;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 4px;
}
.barbie-css .dropbox > i.icon {
  font-size: 60px;
}
.barbie-css div.button-bar.thin > follow-button {
  margin: 0;
}
.barbie-css .form-validation {
  font-size: 13px;
  font-weight: 300;
  padding-left: 2px;
  color: #858B8F;
}
.barbie-css .form-validation:after {
  content: "*";
  font-size: 17px;
  font-weight: 800;
  padding-left: 3px;
  vertical-align: middle;
  color: #D12D35;
}
.barbie-css .importer .button-bar.summary > span.spacer {
  width: 68px;
}
.barbie-css ng-form ul.sheet-dialog-buttons,
.barbie-css form ul.sheet-dialog-buttons {
  padding-top: 20px;
}
.barbie-css ng-form ul.sheet-dialog-buttons li,
.barbie-css form ul.sheet-dialog-buttons li {
  padding: 0 0 10px;
}
.barbie-css .spinner {
  margin: 40px auto 0;
  width: 70px;
  text-align: center;
}
.barbie-css .spinner > div {
  width: 18px;
  height: 18px;
  background-color: #A6ABAE;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.barbie-css .spinner .bounce1 {
  animation-delay: -0.32s;
}
.barbie-css .spinner .bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.barbie-css .table__total-count {
  display: inline-block;
  padding-right: 4px;
}
.barbie-css .table__total-count * {
  color: #000000 !important;
}
.barbie-css .table__empty-row {
  z-index: 1;
  color: #858B8F;
}
.barbie-css .table__empty-row > div:nth-child(1) {
  width: 100% !important;
  font-size: 16px;
  padding: 36px 0;
  text-align: center;
}
.barbie-css .table__empty-row--loading {
  color: #000000;
}
.barbie-css .timesheet-settings-component label {
  width: 300px;
}
.barbie-css .verifier__registration {
  position: absolute;
}
.barbie-css .verifier {
  color: #858B8F;
}
.barbie-css .verifier .verifier__description {
  top: -8px;
  left: 5px;
  font-size: 13px;
}
.barbie-css .verifier li {
  display: inline-block;
}
.barbie-css .verifier .icontest {
  font-size: 25px;
  width: 25px;
  height: 25px;
}
.barbie-css .verifier .circle-outlined-thick-add,
.barbie-css .verifier .tick-add,
.barbie-css .verifier .cross-add {
  transition: 0.5s linear all;
  opacity: 0;
}
.barbie-css .verifier .circle-outlined-thick-add-active,
.barbie-css .verifier .tick-add-active,
.barbie-css .verifier .cross-add-active {
  opacity: 1;
}
.barbie-css .verifier .circle-outlined-thick-leave,
.barbie-css .verifier .tick-leave,
.barbie-css .verifier .cross-leave {
  transition: 0.5s linear all;
  opacity: 1;
}
.barbie-css .verifier .circle-outlined-thick-leave-active,
.barbie-css .verifier .tick-leave-active,
.barbie-css .verifier .cross-leave-active {
  opacity: 0;
}
.barbie-css .verifier__description_popup {
  color: #858B8F;
  width: 230px;
  font-size: 13px;
}
.barbie-css .verifier__description_popup_details {
  padding: 10px 0 0 10px;
}
.barbie-css .verifier__description_popup_details div {
  font-size: 13px;
  color: #2e3236;
  margin-left: 60px;
}
.barbie-css .verifier__description_popup_label {
  font-size: 13px;
  vertical-align: baseline;
  width: 50px;
  float: left;
}
.barbie-css .week-days-selector-component {
  display: inline-block;
}
.barbie-css .week-days-selector-component .day-btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #ECEFF1;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  line-height: 22px;
  margin-right: 6px;
  transition: background-color, color 0.2s ease;
}
.barbie-css .week-days-selector-component .day-btn.selected {
  background-color: #2E3236;
  border: 1px solid #2E3236;
  color: white;
}
.barbie-css .week-days-selector-component .day-btn:hover {
  font-size: 0;
}
.barbie-css .week-days-selector-component .day-btn:hover:after {
  content: "+";
  font-size: 10px;
}
.barbie-css .week-days-selector-component .day-btn:hover.selected:after {
  content: "-";
}
.barbie-css .week-days-selector-component .day-label:not(.selected) {
  color: #A6ABAE;
}
.barbie-css .picker_wrapper {
  width: 15em !important;
}
.barbie-css .picker_wrapper .picker_editor {
  width: auto;
}
.barbie-css .picker_wrapper .picker_done button {
  color: #000000;
}
.barbie-css .cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.barbie-css .cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.barbie-css .cropper-wrap-box,
.barbie-css .cropper-canvas,
.barbie-css .cropper-drag-box,
.barbie-css .cropper-crop-box,
.barbie-css .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.barbie-css .cropper-wrap-box,
.barbie-css .cropper-canvas {
  overflow: hidden;
}
.barbie-css .cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.barbie-css .cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.barbie-css .cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.barbie-css .cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.barbie-css .cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.barbie-css .cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.barbie-css .cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.barbie-css .cropper-center::before,
.barbie-css .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.barbie-css .cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.barbie-css .cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.barbie-css .cropper-face,
.barbie-css .cropper-line,
.barbie-css .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.barbie-css .cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.barbie-css .cropper-line {
  background-color: #39f;
}
.barbie-css .cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.barbie-css .cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.barbie-css .cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.barbie-css .cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.barbie-css .cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.barbie-css .cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.barbie-css .cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.barbie-css .cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.barbie-css .cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.barbie-css .cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.barbie-css .cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.barbie-css .cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.barbie-css .cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .barbie-css .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .barbie-css .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .barbie-css .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.barbie-css .cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.barbie-css .cropper-invisible {
  opacity: 0;
}
.barbie-css .cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.barbie-css .cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.barbie-css .cropper-hidden {
  display: none !important;
}
.barbie-css .cropper-move {
  cursor: move;
}
.barbie-css .cropper-crop {
  cursor: crosshair;
}
.barbie-css .cropper-disabled .cropper-drag-box,
.barbie-css .cropper-disabled .cropper-face,
.barbie-css .cropper-disabled .cropper-line,
.barbie-css .cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.barbie-css .at-date-range {
  display: inline-block;
  padding: 0;
}
.barbie-css .at-date-range span[at-dropdate] {
  color: #afbb36;
  color: var(--main-theme-color);
  padding: 3px 0 3px 7px;
  width: 100px;
  font-size: 14px;
  font-weight: 500;
}
.barbie-css .at-date-range span[at-dropdate] .placeholder {
  color: #C5C9CC;
  opacity: 0.7;
}
.barbie-css .at-date-range span[at-dropdate]:hover .placeholder {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .at-date-range .separator {
  padding: 4px 6px;
  color: #858B8F;
  font-weight: 500;
}
@media (max-width: 839px) {
  .barbie-css .at-date-range {
    min-height: 28px;
    display: flex;
    align-items: center;
  }
  .barbie-css .at-date-range span[at-dropdate] {
    flex: 1 0 auto;
    width: auto;
  }
}
.barbie-css .dialog {
  position: absolute;
  top: 150px;
  max-width: 100%;
  box-sizing: border-box;
  z-index: 1001;
  background-color: #FFF;
  padding: 28px 32px 40px 32px;
  box-shadow: 5px 5px 25px #3F464D;
  border-radius: 5px;
  margin-bottom: 20px;
}
.barbie-css .dialog-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9998;
  overflow-y: auto;
}
.barbie-css .dialog-wrapper:after {
  content: "";
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.barbie-css .dialog-title {
  margin-bottom: 6px;
}
.barbie-css .dialog-description {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
}
.barbie-css .dialog-section {
  margin: 0 72px 16px;
}
.barbie-css .dialog-section--centered {
  margin: 0 auto 16px;
  width: fit-content;
}
.barbie-css .dialog-field {
  display: flex;
  line-height: 1.5rem;
}
.barbie-css .dialog-field--centered {
  align-items: center;
}
.barbie-css .dialog-field .checkbox.circle:before {
  top: -4px;
}
.barbie-css .dialog-field .checkbox.circle.inline:before {
  top: 0px;
}
.barbie-css .dialog-field-description {
  margin-bottom: 0;
  line-height: 20px;
  color: #848e90;
  font-size: 14px;
}
.barbie-css .dialog-field--label {
  align-items: self-end;
}
.barbie-css .dialog-field textarea,
.barbie-css .dialog-field .textarea-counter,
.barbie-css .dialog-field .textarea-wrapper {
  width: calc(100% - 16px);
  max-width: 360px;
}
@media (max-width: 600px) {
  .barbie-css .dialog {
    left: 0;
    right: 0;
  }
}
@media (max-width: 500px) {
  .barbie-css .dialog {
    top: 100px;
    padding: 32px 10px 22px;
  }
}
.barbie-css .dialog .small-margin {
  padding-top: 15px;
}
.barbie-css .dialog .icon.close {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 4px;
  right: 5px;
  width: 36px;
  height: 36px;
  position: absolute;
  font-size: 36px;
  color: #afbb36;
  color: var(--main-theme-color);
  z-index: 1;
}
.barbie-css .dialog .icon.close:before {
  content: var(--glyph-cross);
}
.barbie-css .dialog .navigation-bar {
  margin-top: -28px;
  height: 27px;
  padding: 0 30px 20px 0;
  border-bottom: none !important;
}
@media (max-width: 400px) {
  .barbie-css .dialog .navigation-bar {
    padding: 9px 0 0 0;
  }
  .barbie-css .dialog .navigation-bar .right {
    float: none;
    margin-left: 0;
  }
  .barbie-css .dialog .navigation-bar.right {
    text-align: left;
  }
}
.barbie-css .dialog .navigation-bar .dropdown.date {
  font-size: 14px;
}
.barbie-css .dialog .navigation-bar .dropdown.version {
  font-size: 14px;
  width: 20px;
  line-height: 20px;
  padding-right: 15px;
  margin-left: 0;
  text-align: right;
}
.barbie-css .dialog .file-list {
  max-width: 540px;
}
.barbie-css .dialog iframe {
  width: 100%;
}
.barbie-css .dialog.dialog-button-bar .icon.close {
  top: 4px;
}
.barbie-css .dialog.dialog-button-bar .button-bar.top-bar {
  margin-top: -14px;
  margin-right: 10px;
  margin-bottom: 40px;
}
@media (max-width: 400px) {
  .barbie-css .dialog h2 {
    margin-left: 0px;
  }
}
.barbie-css .dialog .site-icon.user-portrait.large {
  margin-top: 45px;
}
.barbie-css .dialog div.large-list-table.follower-list {
  width: 500px;
}
.barbie-css .dialog div.large-list-table.follower-list .follower-portrait-line.removeable {
  display: inline-block;
  width: 400px;
}
.barbie-css .dialog div.large-list-table.follower-list .remove {
  display: inline-block;
  width: 80px;
  line-height: 44px;
  vertical-align: top;
}
.barbie-css .dialog div.large-list-table.follower-list .remove.theme {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .dialog--overlay {
  z-index: 1000 !important;
}
.barbie-css .dialog--long-loading.layer {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 100%;
  float: left;
  z-index: 1002;
}
.barbie-css .dialog--long-loading.text {
  position: fixed;
  top: 60%;
  left: 0;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  text-shadow: 3px 3px 3px #ffffff, -3px -3px 3px #ffffff, -3px 3px 3px #ffffff, 3px -3px 3px #ffffff;
}
.barbie-css .dialog--long-loading.dim {
  background-color: rgba(255, 255, 255, 0.8);
}
.barbie-css .dialog--narrow {
  width: 560px;
}
.barbie-css .dialog--thin {
  width: 656px;
}
.barbie-css .dialog--mid {
  width: 752px;
}
.barbie-css .dialog--wide {
  width: 872px;
}
.barbie-css #content .dialog {
  top: 10px;
}
.barbie-css .datepicker {
  position: absolute;
  height: 336px;
  width: 270px;
  z-index: 9999;
  font-size: 14px;
  padding: 10px;
  border: 1px solid #A6ABAE;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 5px 5px 10px #A6ABAE;
}
.barbie-css .datepicker .date-bar {
  text-align: center;
  letter-spacing: 2px;
}
.barbie-css .datepicker .date-bar .next {
  float: right;
  margin-right: 34px;
}
.barbie-css .datepicker .date-bar .previous {
  float: left;
  margin-left: 34px;
}
.barbie-css .datepicker .date-bar i {
  font-size: 17px;
}
.barbie-css .datepicker .date-bar .month {
  font-weight: 900;
  text-transform: uppercase;
  margin-right: 7px;
}
.barbie-css .datepicker .date-bar .year {
  font-weight: 200;
}
.barbie-css .datepicker .weekdays {
  font-size: 14px;
  color: #A6ABAE;
  width: 270px;
  margin: 10px auto;
}
.barbie-css .datepicker .weekdays span {
  width: 38px;
  display: inline-block;
  text-align: center;
}
.barbie-css .datepicker .date-more-gradient {
  position: absolute;
  height: 8px;
  bottom: 25px;
  left: 10px;
  right: 10px;
  background: linear-gradient(to bottom, rgba(174, 183, 189, 0) 0%, rgba(174, 183, 189, 0.45) 100%);
}
.barbie-css .datepicker .date-more-rule {
  position: absolute;
  height: 24px;
  bottom: 0;
  left: 10px;
  right: 10px;
  border-top: 1px solid #A6ABAE;
}
.barbie-css .datepicker .date-list-area {
  position: absolute;
  overflow: hidden;
  left: 10px;
  right: 10px;
  top: 75px;
  bottom: 25px;
  white-space: normal;
}
.barbie-css .datepicker .date-list-area .date-list {
  position: absolute;
  top: 0;
  right: -25px;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.barbie-css .datepicker .date-list-area .date-list > div {
  position: relative;
  /*&.year-box {
					& > span {
						&.today {
							color: @dark-deep-grey-color;

							&:before {
								display: none;
							}
						}

						&.selected {
							.main-theme-color(color);

							&:before {
								display: none;
							}
						}
					}
				}*/
}
.barbie-css .datepicker .date-list-area .date-list > div > span {
  position: relative;
  width: 38px;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
}
.barbie-css .datepicker .date-list-area .date-list > div > span:nth-child(7n + 1) {
  margin-left: 5px;
}
.barbie-css .datepicker .date-list-area .date-list > div > span.disabled {
  color: #C5C9CC;
  -webkit-text-fill-color: #C5C9CC;
}
.barbie-css .datepicker .date-list-area .date-list > div > span.today {
  color: #FFF;
  position: relative;
}
.barbie-css .datepicker .date-list-area .date-list > div > span.today:before {
  content: var(--glyph-circle);
  color: #2E3236;
  font-family: "iconfont";
  font-size: 36px;
  width: 37px;
  z-index: -1;
  position: absolute;
  left: 1px;
  top: 0;
}
.barbie-css .datepicker .date-list-area .date-list > div > span.selected {
  color: #FFF;
  position: relative;
}
.barbie-css .datepicker .date-list-area .date-list > div > span.selected:before {
  content: var(--glyph-circle);
  color: #afbb36;
  color: var(--main-theme-color);
  font-family: "iconfont";
  font-size: 36px;
  width: 37px;
  z-index: -1;
  position: absolute;
  left: 1px;
  top: 0;
}
.barbie-css .datepicker .date-list-area .date-list > div > span span {
  position: absolute;
  top: 0;
  line-height: 10px;
  left: 0;
  right: 0;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 11px;
}
.barbie-css .richtext {
  outline: none;
  min-height: 86px;
  display: block;
  width: 100%;
}
.barbie-css .richtext .mention {
  outline: none;
}
.barbie-css .richtext .mention:before {
  content: "@";
}
.barbie-css .mention-box {
  background-color: #FFF;
  box-shadow: 5px 5px 25px #5F676F;
  border: 1px solid #A6ABAE;
  border-radius: 5px;
  width: 270px;
  max-height: 290px;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none !important;
  overflow: auto;
  position: absolute;
  z-index: 1001;
}
.barbie-css .mention-box .mention-portrait-line {
  padding: 10px;
  border-bottom: 1px dotted #858B8F;
}
.barbie-css .mention-box .mention-portrait-line:hover {
  background-color: #ECEFF1;
}
.barbie-css .mention-box .mention-portrait-line.selected {
  background-color: #ECEFF1;
}
.barbie-css .mention-box .mention-portrait-line:last-child {
  border-bottom: none;
}
.barbie-css .mention-box .mention-portrait-line .portrait {
  width: 32px;
  height: 32px;
  top: 0;
  vertical-align: top;
  position: relative;
  display: inline-block;
}
.barbie-css .mention-box .mention-portrait-line .portrait span {
  position: absolute;
  left: 2px;
  width: 32px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-weight: 500;
  text-align: center;
}
.barbie-css .mention-box .mention-portrait-line .portrait i {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  font-size: 32px;
  line-height: 32px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  text-align: center;
}
.barbie-css .mention-box .mention-portrait-line .portrait i:before {
  color: #C5C9CC;
}
.barbie-css .mention-box .mention-portrait-line .info {
  left: 10px;
  position: relative;
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
.barbie-css .mention-box .mention-portrait-line .info .title {
  font-size: 14px;
}
.barbie-css .mention-box .mention-portrait-line .info .position {
  width: 200px;
  font-size: 12px;
  color: #5F676F;
}
.barbie-css .mention-box .mention-portrait-line .info .position .subtitle {
  color: #C5C9CC;
}
.barbie-css at-file {
  display: inline-block;
}
.barbie-css at-file .file-box .button-bar {
  margin: 0;
}
.barbie-css .box-popup {
  position: absolute;
  z-index: 1002;
  min-width: 260px;
  padding: 17px 20px;
  margin-bottom: 20px;
  border-radius: 5px;
  background: #FFF;
  border: 1px solid #A6ABAE;
  box-shadow: 5px 5px 10px #A6ABAE;
}
.barbie-css .box-popup.small-width {
  width: 175px;
  min-width: 0px;
}
.barbie-css .box-popup .hide-if-popup {
  display: none;
}
.barbie-css .box-popup .bottom-margin-if-popup {
  margin-bottom: 20px;
}
.barbie-css .box-popup:before,
.barbie-css .box-popup:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
}
.barbie-css .box-popup:before {
  margin-left: -9px;
  border-bottom: 9px solid #A6ABAE;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}
.barbie-css .box-popup:after {
  margin-left: -8px;
  border-bottom: 8px solid #ffffff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.barbie-css .box-popup.popup-above:before,
.barbie-css .box-popup.popup-above:after {
  bottom: auto;
  top: 100%;
}
.barbie-css .box-popup.popup-above:before {
  border-top: 9px solid #A6ABAE;
  border-bottom: none;
}
.barbie-css .box-popup.popup-above:after {
  border-top: 8px solid #ffffff;
  border-bottom: none;
}
.barbie-css .box-popup.popup-left:before,
.barbie-css .box-popup.popup-left:after {
  left: 20px;
}
.barbie-css .box-popup.popup-right:before,
.barbie-css .box-popup.popup-right:after {
  left: auto;
}
.barbie-css .box-popup.popup-right:before {
  right: 18px;
}
.barbie-css .box-popup.popup-right:after {
  right: 19px;
}
.barbie-css .box-popup.wide {
  width: 640px;
}
@media (max-width: 900px) {
  .barbie-css .box-popup.wide {
    width: 615px;
  }
}
@media (max-width: 760px) {
  .barbie-css .box-popup.wide {
    width: 460px;
  }
}
@media (max-width: 500px) {
  .barbie-css .box-popup.wide {
    width: 260px;
  }
}
.barbie-css .box-popup.auto-width {
  width: auto;
  min-width: 0;
}
.barbie-css .box-popup.limit-width {
  max-width: 400px;
}
.barbie-css .box-popup.limit-width-large {
  max-width: 500px;
}
.barbie-css .box-popup .label-color {
  color: #858B8F;
}
.barbie-css .box-popup img.large {
  display: block;
  margin-top: 10px;
  margin-bottom: -13px;
}
.barbie-css .box-popup.search-contacts {
  padding-left: 0;
  padding-right: 0;
  margin-left: -17px;
}
.barbie-css .menu-popup {
  position: absolute;
  top: 0;
  left: 0;
  cursor: auto;
  display: none;
  min-width: 70px;
  min-height: 10px;
  z-index: 1200;
  padding: 10px 0;
}
@media (max-width: 600px) {
  .barbie-css .menu-popup:before {
    left: 20px;
  }
}
@media (max-width: 600px) {
  .barbie-css .menu-popup:after {
    left: 20px;
  }
}
.barbie-css .menu-popup ul li {
  padding: 5px 15px 5px 10px;
  cursor: pointer;
  overflow: visible;
  text-transform: capitalize;
}
.barbie-css .menu-popup ul li.mobile {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css .menu-popup ul li.mobile {
    display: block;
  }
}
.barbie-css .menu-popup ul li.separator {
  padding: 5px 0 0;
  margin: 0 10px 5px;
  border-bottom: 1px solid #A6ABAE;
}
.barbie-css .menu-popup ul li.separator.no-side-margins {
  margin-left: 0px;
  margin-right: 0px;
  height: 6px;
  border-bottom: 1px dotted #A6ABAE;
  margin-bottom: 5px;
}
.barbie-css .menu-popup ul li.separator.no-right-margin {
  margin-right: 0px;
  height: 6px;
  border-bottom: 1px dotted #A6ABAE;
  margin-bottom: 5px;
}
.barbie-css .menu-popup ul li.separator.hide {
  height: 6px;
  visibility: hidden;
}
.barbie-css .menu-popup ul li.danger {
  color: #D12D35;
}
.barbie-css .menu-popup ul li.disabled {
  color: #A6ABAE;
  cursor: default;
}
.barbie-css .menu-popup ul li.option {
  color: #A6ABAE;
}
.barbie-css .menu-popup ul li.selected {
  font-weight: 900;
}
.barbie-css .menu-popup ul li.has-shortcut {
  position: relative;
  padding-right: 24px;
}
.barbie-css .menu-popup ul li i.icon {
  color: #848e90;
}
.barbie-css .menu-popup ul li i.icon {
  color: #848e90;
}
.barbie-css .menu-popup ul li i.shortcut-icon {
  position: absolute;
  display: flex;
  right: 0;
  top: 4px;
  width: 14px;
  height: 14px;
  align-items: center;
  justify-content: center;
  color: #848e90;
  border: 1px solid #848e90;
  border-radius: 2px;
  text-transform: none;
  font-family: "Avenir W01", "Open Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}
.barbie-css .menu-popup ul li i.checkmark-icon {
  color: #1d363a;
  color: var(--navigation-menu-border-color);
  padding-left: 0;
  top: -2px;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  font-size: 25px;
  margin-left: 5px;
  line-height: 22px;
}
.barbie-css .border-no-arrow {
  color: #858B8F;
  background: #FFF;
  border: 1px solid #1d363a;
  border: 1px solid var(--navigation-menu-border-color);
  border-radius: 4px;
  margin-left: 102px;
  margin-top: -10px;
}
.barbie-css .border-no-arrow ul {
  float: left;
}
.barbie-css .border-no-arrow ul li {
  height: 18.4px;
}
.barbie-css .border-no-arrow ul li.value {
  color: #3F464D;
  padding-right: 0px;
}
.barbie-css .border-top-arrow {
  color: #1d363a;
  color: var(--navigation-menu-color);
  background: #FFF;
  border: 1px solid #1d363a;
  border: 1px solid var(--navigation-menu-border-color);
  border-radius: 4px;
  padding: 10px;
}
.barbie-css .border-top-arrow.no-padding {
  padding: 0;
}
.barbie-css .border-top-arrow:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-bottom: 9px solid #1d363a;
  border-bottom: 9px solid var(--navigation-menu-border-color);
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}
.barbie-css .border-top-arrow:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-bottom: 8px solid #FFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.barbie-css .border-top-arrow.right-arrow:before {
  left: auto;
  right: 9px;
}
.barbie-css .border-top-arrow.right-arrow:after {
  left: auto;
  right: 10px;
}
.barbie-css .border-top-arrow.left-arrow:before {
  left: 9px;
  right: auto;
}
.barbie-css .border-top-arrow.left-arrow:after {
  left: 10px;
  right: auto;
}
.barbie-css at-sequence {
  transition: min-height 0.3s;
}
.barbie-css at-step {
  display: block;
}
.barbie-css at-step .bottom-margin {
  margin-bottom: 30px;
}
.barbie-css at-step .top-margin {
  margin-top: 10px;
}
.barbie-css at-step p {
  font-size: 16px;
}
.barbie-css .step-control {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 24px 0 20px;
}
.barbie-css .step-control .step-container {
  display: inline-block;
  margin: 0 40px;
  height: 45px;
}
.barbie-css .step-control button {
  margin: 0 8px;
  padding: 8px 16px;
}
.barbie-css .step-control i.icon.bullet {
  margin: 0 15px;
  line-height: 45px;
}
@media (max-width: 500px) {
  .barbie-css .step-control i.icon.bullet {
    margin: 0 5px;
  }
}
.barbie-css .step-control i.icon.bullet:before {
  top: 0;
}
.barbie-css .step-control i.icon.previous {
  position: absolute;
  left: 0;
  width: 40px;
  height: 45px;
}
.barbie-css .step-control i.icon.next {
  position: absolute;
  right: 0;
  width: 40px;
  height: 45px;
}
.barbie-css at-tag-box .area {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 4px;
  display: inline-block;
  width: 100%;
  padding: 7px 2px 5px 0px;
}
.barbie-css at-tag-box .area .tag {
  position: relative;
  background-color: #ECEFF1;
  color: #afbb36;
  color: var(--main-theme-color);
  border-radius: 4px;
  padding: 5px 35px 3px 13px;
  margin: 2px 0px 5px 10px;
  font-size: 14px;
  display: inline-block;
}
.barbie-css at-tag-box .area .tag.small {
  padding-right: 13px;
}
.barbie-css at-tag-box .area .tag .close {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #C5C9CC;
  font-size: 29px;
  position: absolute;
  right: 3px;
  top: -5px;
  cursor: pointer;
}
.barbie-css at-tag-box .area .tag .close:before {
  content: var(--glyph-cross);
}
.barbie-css at-tag-box .area input {
  margin: 2px 0px 5px 10px;
  padding: 5px 0px 3px 0px;
  border: none;
  font-size: 14px;
  width: 90%;
  min-width: 125px;
}
.barbie-css .no-arrow {
  color: #858B8F;
  background: #FFF;
  border-radius: 4px;
}
.barbie-css .no-arrow:before,
.barbie-css .no-arrow:after {
  content: none;
}
.barbie-css .textarea-wrapper > textarea {
  border-bottom: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.barbie-css .textarea-wrapper > textarea.invalid + .textarea-counter {
  border-color: #C81F02;
  color: #D12D35;
}
.barbie-css .textarea-counter {
  position: relative;
  display: block;
  margin-top: -4px;
  padding: 8px 16px;
  color: #848e90;
  font-size: 13px;
  text-align: right;
  background: white;
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.barbie-css at-time-ago-past[at-toggle-display] {
  border-bottom: 1px dotted #C5C9CC;
  text-decoration: none;
  font-size: 0.93em;
}
.barbie-css div.at-updown {
  position: relative;
  font-family: "iconfont" !important;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  display: inline-block;
  width: 17px;
  height: 29px;
  vertical-align: middle;
  margin-left: 7px;
}
.barbie-css div.at-updown .up,
.barbie-css div.at-updown .down {
  height: 14px;
  width: 17px;
  overflow: hidden;
  display: block;
  color: #afbb36;
  color: var(--main-theme-color);
  position: relative;
}
.barbie-css div.at-updown .up:before,
.barbie-css div.at-updown .down:before {
  position: relative;
  left: -3px;
}
.barbie-css div.at-updown .up:before {
  content: var(--glyph-chevron-up);
  top: -10px;
}
.barbie-css div.at-updown .down:before {
  content: var(--glyph-chevron-down);
  top: -4px;
}
.barbie-css div.at-updown .divider {
  display: block;
  height: 0px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .validation {
  position: absolute;
  width: 260px;
  z-index: 9010;
  color: #FFF;
  padding: 16px 15px;
  text-align: center;
}
.barbie-css .validation > div {
  position: relative;
}
.barbie-css .validation .backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  background-color: #000000;
}
.barbie-css .validation .backdrop:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-top: 11px solid rgba(0, 0, 0, 0.9);
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
}
.barbie-css .validation .backdrop:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid rgba(0, 0, 0, 0.9);
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.barbie-css .validation .icon {
  margin-right: 15px;
  vertical-align: middle;
  float: left;
  color: #FFF;
}
.barbie-css .validation .heading {
  position: relative;
  font-size: 16px;
  font-weight: 800;
  color: #FFF;
  text-align: left;
}
.barbie-css .validation ol {
  text-align: left;
  position: relative;
  list-style: decimal outside;
  border-top: 1px solid #858B8F;
  margin: 10px 0 0 0;
  padding: 15px 20px 0 40px;
}
.barbie-css .validation ol li {
  padding: 0 0 10px;
}
.barbie-css .validation ol li .value {
  border-bottom: 1px solid #FFF;
}
.barbie-css .dialog-confirmation {
  position: absolute;
  width: 520px;
  text-align: center;
  z-index: 9001;
  padding: 42px 54px calc(42px + 24px);
}
@media (max-width: 600px) {
  .barbie-css .dialog-confirmation {
    left: 0 !important;
    padding: 32px 32px calc(32px + 24px) 20px;
    margin: 0 12px;
  }
  .barbie-css .dialog-confirmation:not(.wide) {
    width: calc(100% - 64px);
  }
}
.barbie-css .dialog-confirmation .backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 24px;
  left: 0;
  background-color: #181818;
  border-radius: 5px;
}
@media (max-width: 600px) {
  .barbie-css .dialog-confirmation .backdrop {
    right: 12px;
  }
}
.barbie-css .dialog-confirmation .content-wrapper {
  position: relative;
}
.barbie-css .dialog-confirmation .content-wrapper > *,
.barbie-css .dialog-confirmation .content-wrapper .clickable {
  color: white !important;
}
.barbie-css .dialog-confirmation .icon-wrapper {
  position: relative;
  height: 48px;
}
.barbie-css .dialog-confirmation .checkbox.circle,
.barbie-css .dialog-confirmation .checkbox.circle + span {
  color: #FFF;
}
.barbie-css .dialog-confirmation input[type="radio"] + label,
.barbie-css .dialog-confirmation input[type="radio"] + label:before,
.barbie-css .dialog-confirmation span.input[type="radio"] + label,
.barbie-css .dialog-confirmation span.input[type="radio"] + label:before {
  color: white;
}
.barbie-css .dialog-confirmation i.icon {
  position: absolute !important;
  left: 0;
  right: 0;
  color: white;
}
.barbie-css .dialog-confirmation i.icon.error {
  top: -20px;
  font-size: 60px;
  position: relative;
}
.barbie-css .dialog-confirmation i.icon.error:before {
  content: var(--glyph-cross-circled-thicker);
}
.barbie-css .dialog-confirmation i.icon.success {
  top: -20px;
  font-size: 60px;
  position: relative;
}
.barbie-css .dialog-confirmation i.icon.success:before {
  content: var(--glyph-tick-circled-thicker);
}
.barbie-css .dialog-confirmation i.icon.warning {
  top: -32px;
  font-size: 80px;
  position: relative;
}
.barbie-css .dialog-confirmation i.icon.warning:before {
  content: var(--glyph-hand);
}
.barbie-css .dialog-confirmation .heading {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 800;
}
.barbie-css .dialog-confirmation .content {
  position: relative;
  font-size: 16px;
  margin-top: 8px;
}
.barbie-css .dialog-confirmation .button-bar {
  margin-top: 32px;
}
.barbie-css .dialog-confirmation .button-bar > button {
  text-transform: capitalize;
}
.barbie-css .dialog-confirmation .button-bar > button:not(:only-of-type):not(:first-child) {
  margin-left: 8px;
}
.barbie-css .dialog-confirmation .button-bar > button:not(:only-of-type):not(:last-child) {
  margin-right: 8px;
}
.barbie-css .dialog-confirmation a,
.barbie-css .dialog-confirmation a:visited,
.barbie-css .dialog-confirmation a:hover {
  color: #88C7F8;
}
.barbie-css .dialog-confirmation.fixed {
  position: fixed;
}
.barbie-css .dialog-confirmation .list-table {
  text-align: left;
  margin: 0 auto 30px;
  color: #C5C9CC;
  border-bottom: 1px solid #3F464D;
}
.barbie-css .dialog-confirmation .list-table .header-row {
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0.8;
}
.barbie-css .dialog-confirmation .list-table .body-row {
  background-color: inherit;
  border-top: 1px solid #3F464D;
  color: #C5C9CC;
}
.barbie-css .dialog-confirmation .list-table .body-row .stronger {
  color: #FFF;
}
.barbie-css .dialog-confirmation .section {
  text-align: left;
}
.barbie-css .dialog-confirmation .section label {
  color: #A6ABAE;
  margin: 0px;
}
.barbie-css .dialog-confirmation .section label.strikethrough.thirdstate {
  color: #FFF;
  text-decoration: line-through;
}
.barbie-css .dialog-confirmation .section div.value-block {
  color: #FFF;
}
.barbie-css .dialog-confirmation .section.backdrop {
  background-color: #F7F8F9;
  overflow-y: auto;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 500px) {
  .barbie-css .dialog-confirmation .section.backdrop {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.barbie-css .template-form {
  margin-top: 50px;
}
.barbie-css .template-form ul.download-document {
  text-align: center;
}
.barbie-css .template-form ul.download-document li {
  margin-left: 0;
  padding-left: 0;
}
.barbie-css .template-form ul.confirmation {
  background-color: #ECEFF1;
  text-align: center;
  margin: 40px -30px -45px;
  padding: 10px 30px 40px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media (max-width: 500px) {
  .barbie-css .template-form ul.confirmation {
    margin: 40px -10px -30px;
  }
}
.barbie-css .template-form ul.confirmation li {
  margin-left: 0;
}
.barbie-css .template-form ul.confirmation .button-bar {
  padding-left: 0;
  margin-top: 20px;
  margin-left: 0;
}
.barbie-css .template-form ul.confirmation .button-bar.check-text {
  font-size: 20px;
}
@media (max-width: 400px) {
  .barbie-css .template-form ul.confirmation .button-bar.check-text {
    font-size: 18px;
  }
}
.barbie-css .template-form ul.confirmation .button-bar.check-confirmation {
  background-color: #FFF;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 15px;
}
.barbie-css .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: none;
  opacity: 0.0001;
}
.barbie-css .overlay.global {
  position: fixed;
  z-index: 9000;
}
.barbie-css .overlay.global .backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #2E3236;
  opacity: 0.66;
}
.barbie-css .overlay.global.search {
  z-index: 899;
}
.barbie-css .overlay.global.search .backdrop {
  opacity: 0.8;
}
.barbie-css iframe.substorage {
  display: none;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 0;
}
.barbie-css #content .dashboard-container {
  padding-top: 75px;
  padding-bottom: 75px;
}
.barbie-css #content .dashboard-container .show-more-wrapper .show-more-gradient {
  margin: 0px;
  background: none;
}
.barbie-css #content .dashboard-container .show-more-wrapper .show-more-rule {
  border-top: 1px solid #DDE2E5;
}
.barbie-css #content .dashboard-container .icon {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css #content .dashboard-container .bare {
  font-weight: 300;
}
.barbie-css #content .dashboard-container .align-center {
  text-align: center;
}
.barbie-css .dashboard-section-wrapper {
  margin-bottom: 30px;
  margin-right: 25px;
}
.barbie-css .dashboard-section-wrapper.column-table {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 25px;
}
.barbie-css .dashboard-section-wrapper.column-table > div {
  flex-basis: 33%;
  margin-top: 30px;
  margin-left: 0px;
}
.barbie-css .dashboard-section-wrapper.column-table > div .number {
  font-size: 32px;
  color: #2e3236;
}
.barbie-css .dashboard-section-wrapper.column-table > div .heading {
  padding-left: 12px;
}
.barbie-css .support-info-container {
  display: flex;
  align-items: center;
  background-color: #F7F8F9;
  padding: 0px 25px 0px 10px;
  border-radius: 4px;
}
.barbie-css .support-info-container .icon {
  flex: 0 0 40px;
  padding-right: 10px;
  font-size: 80px;
}
.barbie-css .support-info-container h4 {
  font-size: 16px;
  margin-bottom: 5px;
}
.barbie-css .support-info-container .explanation {
  font-size: 14px;
  color: #858B8F;
  margin-bottom: 0px;
}
.barbie-css .todos-wrapper .empty .icon {
  font-size: 150px;
  margin: -40px 0;
}
@media (max-width: 600px) {
  .barbie-css #content .dashboard-container {
    padding-top: inherit;
    padding-bottom: inherit;
  }
  .barbie-css .dashboard-section-wrapper {
    margin-right: 20px;
    margin-left: 20px;
  }
  .barbie-css .dashboard-section-wrapper.column-table {
    padding: 0 12px;
  }
  .barbie-css .dashboard-section-wrapper.column-table > div {
    flex-basis: 100%;
    text-align: left;
  }
  .barbie-css .dashboard-section-wrapper.column-table > div .heading {
    padding-left: 0px;
  }
  .barbie-css .todos-wrapper h2 {
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}
.barbie-css .client-finance-settings h3 > button {
  vertical-align: baseline;
}
.barbie-css .client-finance-settings ng-form li > label {
  width: 250px;
}
.barbie-css .client-finance-settings ng-form.disabled {
  pointer-events: none;
}
.barbie-css .client-finance-settings ng-form.disabled .checkbox.circle.checked {
  filter: grayscale(1) opacity(0.2);
}
.barbie-css .client-finance-settings ng-form.disabled i.icon.dropdown.postfix {
  display: none;
}
.barbie-css .client-finance-settings ng-form.disabled input,
.barbie-css .client-finance-settings ng-form.disabled span.dropdown {
  background: none;
}
.barbie-css .client-finance-settings .consolidation-settings {
  background-color: #F7F8F9;
  margin: 0 -30px 20px;
  padding: 30px 30px 10px;
}
.barbie-css .client-finance-settings .consolidation-settings span.dropdown {
  background: white;
}
.barbie-css .client-finance-settings .consolidation-settings span.grey {
  color: #858B8F;
}
.barbie-css .client-finance-settings ng-form li.scope .scope-dropdown {
  width: 130px;
  background-color: white;
}
.barbie-css .client-finance-settings ng-form li.scope .explanation {
  font-size: 14px;
  max-width: 600px;
  margin-top: 10px;
  margin-left: 260px;
}
.barbie-css .client-finance-settings ng-form li.scope .scope-monthly-label {
  padding-left: 10px;
  padding-right: 10px;
}
.barbie-css .client-finance-settings ng-form li.frequency .frequency-dropdown {
  width: 140px;
}
.barbie-css .client-finance-settings ng-form li.frequency .weekday-label {
  width: 90px;
  padding-top: 5px;
  text-align: center;
}
.barbie-css .client-finance-settings ng-form li.frequency .weekday-dropdown {
  width: 140px;
}
.barbie-css .client-finance-settings ng-form li.frequency .time input {
  width: 132px;
  text-align: left;
  height: 15px;
}
.barbie-css .finance-settings--notes {
  color: #A6ABAE;
  max-width: 550px;
  margin-bottom: 50px;
}
.barbie-css .finance-settings .consolidation-settings {
  background-color: #F7F8F9;
  margin: 0 -30px 20px;
  padding: 30px 30px 10px;
}
.barbie-css .finance-settings li.scope .scope-dropdown {
  width: 130px;
  background-color: white;
}
.barbie-css .finance-settings li.scope .scope-monthly-label {
  padding-left: 10px;
  padding-right: 10px;
}
.barbie-css .finance-settings li.scope .explanation {
  font-size: 14px;
  max-width: 600px;
  margin-top: 10px;
  margin-left: 260px;
}
.barbie-css .finance-settings li.frequency .frequency-dropdown {
  width: 140px;
  background-color: white;
}
.barbie-css .finance-settings li.frequency .weekday-label {
  width: 90px;
  padding-top: 5px;
  text-align: center;
}
.barbie-css .finance-settings li.frequency .weekday-dropdown {
  width: 140px;
  background-color: white;
}
.barbie-css .finance-settings li.frequency .time {
  display: inline;
}
.barbie-css .finance-settings li.frequency .time input {
  width: 132px;
  text-align: left;
  height: 15px;
}
.barbie-css .finance-settings li > label {
  width: 200px;
}
.barbie-css .number-template-help dl {
  margin: 15px;
}
.barbie-css .number-template-help dl dt {
  font-weight: bold;
}
.barbie-css .number-template-help dl dd {
  margin: 3px 0 8px;
}
.barbie-css .create-invoice-dialog .invoice-items--header {
  padding: 0;
}
.barbie-css .create-invoice-dialog .invoice-items--header > label {
  padding: 0 9px;
  text-align: left;
  font-size: 8px;
  margin: 0;
}
.barbie-css .invoice {
  /*
	Invoice payment status
	*/
  /*
	Table
	*/
}
.barbie-css .invoice h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #3f464d;
}
.barbie-css .invoice h3,
.barbie-css .invoice p {
  margin-bottom: 0px;
}
.barbie-css .invoice .payment-status {
  text-align: center;
  position: absolute;
  width: 100%;
  top: 16px;
  left: 0;
}
.barbie-css .invoice .payment-status > span {
  background-color: #179d7d40;
  padding: 8px 14px;
  font-size: 16px;
  display: inline-block;
  border-radius: 8px;
}
.barbie-css .invoice .payment-status > span > .clickable {
  color: #377a63;
  font-weight: 500;
}
.barbie-css .invoice .list-table > * > *.right {
  text-align: right;
}
.barbie-css .invoice .list-table > * > * .strong {
  color: #2e3236;
}
.barbie-css .invoice .list-table > * > * p {
  margin: 0;
  word-break: break-word;
}
.barbie-css .invoice .list-table > * > * a {
  text-decoration: underline;
  color: #0000ee;
}
.barbie-css .invoice .list-table .header-row {
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .invoice .list-table .header-row > * {
  line-height: normal;
  padding: 8px 5px;
}
.barbie-css .invoice-copy-line {
  font-size: 11px;
  margin-top: 60px;
  color: #A6ABAE;
  text-align: center;
}
.barbie-css .transaction-exports--button {
  margin-left: 20px;
}
.barbie-css .transaction-exports--ddl {
  text-align: left;
}
.barbie-css .transaction-exports--controls {
  text-align: center;
  margin: 20px 0 20px 0;
}
.barbie-css .invoices-selector-component h3 {
  margin-top: 15px;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
}
.barbie-css .invoices-selector-component .intro {
  line-height: 1em;
  margin-top: 10px;
  margin-bottom: 20px;
}
.barbie-css .invoices-selector-component .invoices-list-container {
  background-color: #F7F8F9;
  margin: 0px -30px;
  padding: 0px 30px;
}
.barbie-css .invoices-selector-component .invoices-list-container .checkbox.toggle-all {
  position: relative;
  top: -5px;
  left: -5px;
}
.barbie-css .invoices-selector-component .invoices-list-container .radio-column {
  padding: 10px 0;
}
.barbie-css .invoices-selector-component .invoices-list-container .filter-box {
  margin: 10px 0;
  padding: 5px 10px;
}
.barbie-css .invoices-selector-component .invoices-list-container .invoice-count {
  padding: 10px 0;
}
.barbie-css .all-timesheets-selected {
  color: #2e3236;
  background-color: #f9f9f9;
  padding: 5px;
  margin-left: 2em;
  font-size: 12px;
  border-radius: 5px;
}
.barbie-css .supplier-invoices-request {
  width: 734px;
}
.barbie-css .supplier-invoices-request .loader {
  background: rgba(255, 255, 255, 0.9);
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  padding-top: 120px;
  margin: 0;
  font-size: 24px;
  text-align: center;
}
.barbie-css .supplier-invoices-request .indicator {
  color: white;
  display: inline-block;
  background: #afbb36;
  background: var(--main-theme-color);
  padding: 2px 5px 1px;
  font-size: 13px;
  font-weight: 100;
  margin-right: 4px;
  filter: grayscale(1) brightness(2);
}
.barbie-css .supplier-invoices-request .indicator.on {
  filter: none;
}
.barbie-css .supplier-invoices-request ul.dialog-wire > li {
  margin-top: 2em;
  margin-bottom: 2em;
}
.barbie-css .supplier-invoices-request .list-text {
  color: #A6ABAE;
}
.barbie-css .supplier-invoices-request .remove-button {
  color: #D0E9FD;
}
.barbie-css .supplier-invoices-request div.list-table > div.header-row {
  padding: 0;
}
.barbie-css .supplier-invoices-request div.list-table > div.body-row {
  padding: 0;
}
.barbie-css .supplier-invoices-request .unverified-businesses {
  background-color: #f9f9f9;
  border-radius: 5px;
  padding: 10px;
}
.barbie-css .supplier-invoices-request .unverified-businesses div.list-table > div.body-row {
  background-color: transparent;
  padding: 0;
}
.barbie-css .supplier-invoices-request .unverified-businesses div.list-table {
  border-bottom: none;
}
.barbie-css .supplier-invoices-request .unverified-businesses div.timesheets > div.list-table > div.body-row {
  background-color: #FFF;
}
.barbie-css .supplier-invoices-request .unverified-businesses i {
  color: #2E3236;
}
.barbie-css .supplier-invoices-request .unverified-businesses-list-title {
  color: #2e3236;
  font-weight: 700;
}
.barbie-css .supplier-invoices-request .list-text {
  margin-bottom: 24px;
}
.barbie-css .supplier-invoices-request .button-bar {
  text-align: center;
}
.barbie-css .supplier-invoices-request i.trashcan {
  margin-top: -5px;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .supplier-invoices-request .remove-business {
  line-height: 25px;
  margin-top: 2px;
}
.barbie-css .supplier-invoices-request .remove-business > span {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .supplier-invoices-request .body-row--selectable {
  cursor: pointer;
}
.barbie-css .supplier-invoices-request .body-row--selectable > :first-child {
  border-left: 4px solid #DDE2E5;
  transition: border-left-color linear;
  transition-duration: 0.2s;
}
.barbie-css .supplier-invoices-request .body-row--selected > :first-child {
  border-left-color: #afbb36;
  border-left-color: var(--main-theme-color);
}
.barbie-css h3 > .hamburger {
  float: right;
  margin: 10px 20px;
}
.barbie-css h3 > .hamburger.no-margin {
  margin: 0px;
}
.barbie-css .allocation-details .page-header {
  border-bottom: #DDE2E5 1px solid;
}
.barbie-css .allocation-details .matrix-table .independent-column {
  margin-left: 30px;
  border-left: #DDE2E5 1px solid;
}
.barbie-css .allocation-details .credit-note {
  color: #84C341;
}
.barbie-css ng-form[name="allocationForm"] ul li label {
  width: 250px;
}
.barbie-css ng-form[name="allocationForm"] ul li label > span {
  display: inline-block;
}
.barbie-css ng-form[name="allocationForm"] .allocate-payment-section {
  background-color: #F7F8F9;
  margin: 0 -30px 20px;
  padding: 30px 30px 10px;
}
.barbie-css ng-form[name="allocationForm"] .allocation-summary {
  margin: auto;
  margin-bottom: 20px;
  display: table;
}
.barbie-css ng-form[name="allocationForm"] .allocation-summary .row {
  display: table-row;
}
.barbie-css ng-form[name="allocationForm"] .allocation-summary .heading {
  color: #858B8F;
}
.barbie-css ng-form[name="allocationForm"] .allocation-summary .quantity {
  width: 100%;
}
.barbie-css ng-form[name="allocationForm"] .allocation-summary .cell {
  display: table-cell;
  padding: 3px 60px;
}
.barbie-css ng-form[name="allocationForm"] .allocation-summary .cell:last-of-type {
  border-left: 1px solid #858B8F;
  text-align: right;
}
.barbie-css ng-form[name="allocationForm"] .allocation-summary .divTableBody {
  display: table-row-group;
}
.barbie-css ng-form[name="allocationForm"] .add-allocation-button {
  margin-left: 20px;
}
.barbie-css ng-form[name="allocationForm"] .allocation-input {
  text-align: right;
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 4px;
  padding: 7px 7px;
  width: 70%;
}
.barbie-css ng-form[name="allocationForm"] .remaining-error {
  color: #C81F02;
}
.barbie-css ng-form[name="allocationForm"] .list-table .body-row > div {
  padding: 20px 0 15px 0;
}
.barbie-css ng-form[name="allocationForm"] .list-table .body-row > .allocation {
  padding: 15px 0 0 0;
}
.barbie-css ng-form[name="allocationForm"] .list-table .body-row .credit-note,
.barbie-css ng-form[name="allocationForm"] .list-table .body-row .already-paid {
  color: #84C341;
}
.barbie-css ng-form[name="allocationForm"] .list-table .body-row .invalid-balance {
  color: #F04629;
}
.barbie-css ng-form[name="allocationForm"] input[name="remainingValidation"] {
  display: none;
}
.barbie-css .payment-batch-approval-request-dialog ul.approvers-list {
  font-weight: 500;
  list-style: disc;
  list-style-position: inside;
  margin-top: 10px;
}
.barbie-css .payment-batch-approval-request-dialog ul.approvers-list li {
  padding: 0 0 2px;
}
.barbie-css .payment-worker-details .list-column-table .row .column {
  vertical-align: top;
}
.barbie-css .payment-batch-edit-dialog .payments-selection .other-menu {
  margin-top: 8px;
}
.barbie-css .payment-batch-edit-dialog .payments-selection .other-menu .date-picker,
.barbie-css .payment-batch-edit-dialog .payments-selection .other-menu .method-picker {
  margin-bottom: 10px;
}
.barbie-css .payment-batch-edit-dialog .payments-selection .other-menu .date-picker input,
.barbie-css .payment-batch-edit-dialog .payments-selection .other-menu .method-picker input,
.barbie-css .payment-batch-edit-dialog .payments-selection .other-menu .date-picker span,
.barbie-css .payment-batch-edit-dialog .payments-selection .other-menu .method-picker span {
  width: 190px;
}
.barbie-css .payment-batch-edit-dialog .payments-selection div.title {
  width: 190px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.barbie-css .payment-batch-edit-dialog .payments-selection div.radio-menu {
  width: 478px;
  display: inline-block;
  vertical-align: top;
}
.barbie-css .payment-batch-edit-dialog .payments-selection div ul.normal-form {
  width: 477px;
}
.barbie-css .payment-batch-edit-dialog .payments-selection .button-bar {
  margin-top: 32px;
  height: 32px;
}
.barbie-css .payment-batch-edit-dialog .payments-selection .button-bar label {
  margin-right: 12px;
}
.barbie-css .payment-batch-edit-dialog label {
  display: inline-block;
  width: 180px;
  margin-right: 14px;
  margin-bottom: 4px;
  vertical-align: middle;
  text-align: right;
  color: #858B8F;
  font-size: 16px;
}
.barbie-css .payment-batch-edit-dialog ul li {
  padding: 0;
  margin: 0;
  height: 24px;
}
.barbie-css .payment-batch-edit-dialog ul li label.inline {
  cursor: pointer;
}
.barbie-css .payment-batch-edit-dialog ul li.generated {
  margin-bottom: 8px;
}
.barbie-css .payment-business-component {
  border-bottom: 1px solid #DDE2E5;
  position: relative;
  margin: 20px 0;
}
.barbie-css .payment-business-component .top-bar {
  display: flex;
  align-items: center;
}
.barbie-css .payment-business-component .top-bar > :last-child {
  margin-left: auto;
}
.barbie-css .payment-business-component .top-bar > :not(:last-child) {
  margin-right: 15px;
}
.barbie-css .payment-business-component .payment-total {
  font-weight: bold;
}
.barbie-css .payment-business-component .content {
  display: flex;
  align-items: flex-start;
  margin: 8px 0;
}
.barbie-css .payment-business-component .content :first-child {
  flex-grow: 1;
}
.barbie-css .payment-business-component .buttons > button {
  font-weight: 100;
  font-size: 14px;
  padding: 0;
}
.barbie-css .payment-business-component .buttons > button i.icon {
  margin: 0;
  height: 30px;
}
.barbie-css .payment-business-component .business-name {
  font-size: 18px;
  margin: 0;
}
.barbie-css .payment-business-component .selected-invoices {
  background: #ddf0fa;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 12px;
}
.barbie-css .payment-business-component ul.values li {
  display: inline-block;
  margin-right: 20px;
  color: #858B8F;
}
.barbie-css .payment-business-component .dot {
  display: inline-block;
  margin: 1px;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #C81F02;
}
.barbie-css .create-payment-dialog {
  width: 750px;
}
.barbie-css .create-payment-dialog .intro {
  line-height: 2em;
  color: #A6ABAE;
}
.barbie-css .create-payment-dialog > h3 {
  margin-top: 40px;
}
.barbie-css .create-payment-dialog .no-margin-bottom {
  margin-bottom: 0 !important;
}
.barbie-css .create-payment-dialog .button-bar {
  margin-top: 40px;
}
.barbie-css .create-payment-dialog .button-bar.no-margin-top {
  margin-top: 0;
}
.barbie-css .create-payment-dialog button.back {
  font-weight: 100;
  font-size: 16px;
  padding: 0;
  position: absolute;
  top: 15px;
  left: 30px;
}
.barbie-css .create-payment-dialog button.back i.icon {
  margin: 0;
  height: 30px;
}
.barbie-css .create-payment-dialog .loading:before {
  display: block;
  content: "Retrieving financial data...";
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding-top: 150px;
  text-align: center;
  font-size: 20px;
}
.barbie-css .create-payment-dialog .matrix-table {
  padding: 20px 130px 40px 0px;
}
.barbie-css ng-form.create-payment-details {
  display: block;
  width: 500px;
  margin: 30px auto;
}
.barbie-css ng-form.create-payment-details ul li label {
  width: 170px;
}
.barbie-css .payment-list .list-table *[class^="col-"].wider {
  margin-right: 20px;
}
.barbie-css .payment-batch-details .bottom-margin-small,
.barbie-css .payment-batch-edit-dialog .bottom-margin-small,
.barbie-css .payment-batch-export-payment-file-dialog .bottom-margin-small,
.barbie-css .payment-batch-approval-request-dialog .bottom-margin-small {
  margin-bottom: 5px;
}
.barbie-css .payment-batch-details .list-column-table,
.barbie-css .payment-batch-edit-dialog .list-column-table,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table,
.barbie-css .payment-batch-approval-request-dialog .list-column-table {
  height: 72px;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div {
  text-align: left;
  vertical-align: top;
  margin-left: 30px;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div.right,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div.right,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div.right,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div.right,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div.right {
  text-align: right;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div.no-margin-left,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div.no-margin-left,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div.no-margin-left,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div.no-margin-left,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div.no-margin-left {
  margin-left: 0;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div.heading,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div.heading,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div.heading,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div.heading,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div.heading {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 17px;
  font-weight: 200;
  color: #A6ABAE;
  margin-bottom: 6px;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div.number,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div.number,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div.number,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div.number,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div.number {
  color: #5F676F;
  font-size: 22px;
  font-weight: 300;
  text-align: right;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div.number.lighter,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div.number.lighter,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div.number.lighter,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div.number.lighter,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div.number.lighter {
  color: #858B8F;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div.number.sub-row,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div.number.sub-row,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div.number.sub-row,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div.number.sub-row,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div.number.sub-row {
  font-size: 18px;
}
.barbie-css .payment-worker-details .list-column-table.payments-table .column > div.number.total,
.barbie-css .payment-batch-export-payment-file-dialog .list-column-table.payments-table .column > div.number.total,
.barbie-css .payment-batch-edit-dialog .list-column-table.payments-table .column > div.number.total,
.barbie-css .payment-batch-approval-request-dialog .list-column-table.payments-table .column > div.number.total,
.barbie-css .payment-batch-details .list-column-table.payments-table .column > div.number.total {
  color: #2E3236;
}
.barbie-css .payment-batch-details h3.rowheader {
  color: #5F676F;
  font-size: 20px;
}
.barbie-css .payment-batch-details ul li span {
  font-size: 14px;
}
.barbie-css .payment-batch-details .list-column-table {
  height: initial;
}
.barbie-css .payment-batch-details .list-column-table div.block {
  padding: 5px 0;
  font-size: 14px;
}
.barbie-css .payment-batch-details .align-bottom {
  vertical-align: bottom;
}
.barbie-css .payment-batch-details .info-area {
  border-bottom: 1px solid #DDE2E5;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.barbie-css .dialog-site-search-info {
  margin: 10px 0 20px 260px;
  border: none;
  color: #A6ABAE;
  font-size: 14px;
}
.barbie-css .purchaseorder-assign-dialog .summary {
  margin: 10px 0;
}
.barbie-css .purchaseorder-assign-dialog .list-table {
  margin: 0;
}
.barbie-css .purchaseorder-assign-dialog .list-table div.header-row .checkbox.circle:before {
  top: -8px;
}
.barbie-css .purchaseorder-assign-dialog .results {
  max-height: 400px;
  overflow-y: auto;
}
.barbie-css .purchaseorder-assign-dialog .disabled {
  opacity: 0.4;
  pointer-events: none;
}
.barbie-css .purchaseorder-assign-dialog ul.header > li {
  display: flex;
}
.barbie-css .statement-details .page-header {
  border-bottom: #DDE2E5 1px solid;
}
.barbie-css .statement-details .matrix-table .independent-column {
  margin-left: 30px;
  border-left: #DDE2E5 1px solid;
}
.barbie-css .statement-details .credit-note {
  color: #84C341;
}
.barbie-css .vacancy-approvals-selector-component .main-description {
  color: #000000;
  padding: 0 0 24px 0;
  max-width: 656px;
  line-height: 24px;
  font-size: 16px;
}
.barbie-css .vacancy-approvals-selector-component .header-row > .stronger {
  font-weight: 500;
}
.barbie-css .vacancy-approvals-selector-component input.level-name {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  position: initial;
  border-radius: 4px;
  vertical-align: top;
  padding: 12px 0px 12px 9px;
  width: 90%;
}
.barbie-css .vacancy-approvals-selector-component .aligned-mid {
  margin: 13px 0;
}
.barbie-css .vacancy-approvals-selector-component .area {
  width: 90%;
  max-width: 310px;
  padding: 4px 25px 3px 0;
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row > div {
  padding: 15px 5px;
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row div.req-approvals {
  display: inline-block;
  text-align: center;
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row div.req-approvals.selector {
  padding: 9px 5px;
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row div.req-approvals input {
  width: 20px;
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row div.req-approvals span {
  color: #2E3236;
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row div.remove-level {
  padding: 12px 5px;
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row div.remove-level .remove-level-icon {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .vacancy-approvals-selector-component .list-table > .body-row .remove-space {
  margin-top: -14px;
}
.barbie-css .vacancy-approvals-selector-component .approval-button {
  text-decoration: none;
}
.barbie-css .vacancy-approvals-selector-component .information {
  max-width: 656px;
  line-height: 20px;
  font-size: 14px;
}
.barbie-css .vacancy-approvals-selector-component .approver-list {
  position: absolute;
  width: 100%;
  margin: 15px 0 0 0;
  z-index: 100;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .body-row {
  padding: 10px;
  background-color: #ffffff;
  border-left: 1px solid #DDE2E5;
  border-right: 1px solid #DDE2E5;
  border-bottom: 1px solid #A6ABAE;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .body-row.clickable {
  position: relative;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .body-row.clickable:hover {
  background-color: #ECEFF1;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .body-row .add {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .body-row .add i.icon.add-circled {
  color: #436075;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .body-row:first-child {
  border-radius: 4px 4px 0 0;
  border-top: 1px solid #A6ABAE;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .body-row:last-child {
  border-radius: 0 0 4px 4px;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .approver-portrait-line {
  display: block;
  position: relative;
  height: 44px;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .approver-portrait-line .portrait {
  position: absolute;
  display: block;
  left: 10px;
  width: 35px;
  height: 35px;
  top: 3px;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .approver-portrait-line .portrait i {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 35px 35px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #fff;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .approver-portrait-line .portrait span {
  position: absolute;
  left: 0;
  top: 1px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .approver-portrait-line .info {
  display: block;
  position: absolute;
  max-width: 140px;
  left: 60px;
  top: 0;
  right: 0;
  bottom: 0;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .approver-portrait-line .info .title {
  font-size: 16px;
  color: #2E3236;
  font-weight: 400;
  display: inline-block;
}
.barbie-css .vacancy-approvals-selector-component .approver-list .approver-portrait-line .info .position {
  font-size: 13px;
  max-width: 180px;
  font-weight: 300;
  height: 20px;
  padding-right: 25px;
}
.barbie-css .vacancy-approvals-selector-component .spinner-circle {
  margin-left: -43px;
  display: inline;
  position: relative;
  opacity: 0;
  transition: 0.25s linear opacity;
}
.barbie-css .vacancy-approvals-selector-component .spinner-circle.visible {
  opacity: 1;
}
.barbie-css .vacancy-approvals-selector-component .spinner-circle div {
  box-sizing: border-box;
  display: inline;
  position: absolute;
  width: 25px;
  height: 25px;
  margin: 9px;
  border: 2px solid #A6ABAE;
  border-radius: 50%;
  animation: spinner-circle 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #A6ABAE transparent transparent transparent;
}
.barbie-css .vacancy-approvals-selector-component .spinner-circle div:nth-child(1) {
  animation-delay: -0.45s;
}
.barbie-css .vacancy-approvals-selector-component .spinner-circle div:nth-child(2) {
  animation-delay: -0.3s;
}
.barbie-css .vacancy-approvals-selector-component .spinner-circle div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes spinner-circle {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.barbie-css div.list-table.vacancies-table > div {
  min-width: 630px;
}
.barbie-css div.list-table.vacancies-table .body-row > div {
  word-wrap: break-word;
}
.barbie-css div.list-table.vacancies-table.approvals-table {
  overflow: visible;
}
.barbie-css .ir35-edit .upload-file-information {
  display: inline-block;
  vertical-align: top;
  width: 280px;
}
.barbie-css .ir35-edit .upload-file-information a {
  font-weight: 600;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .ir35-edit .upload-file-information i.icon.cross {
  color: #C5C9CC;
}
.barbie-css .ir35-edit .upload-file-information .progress-bar {
  width: 280px;
}
.barbie-css .ir35-edit .sds-title {
  margin-bottom: 10px;
}
.barbie-css .ir35-edit .sds-subtitle {
  font-size: 14px;
  padding: 10px 0;
}
.barbie-css .ir35-risk-management .body {
  display: flex;
  margin-top: 24px;
}
.barbie-css .ir35-risk-management .title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.barbie-css .ir35-risk-management .description {
  font-size: 14px;
  color: #858B8F;
}
.barbie-css .dialog ng-form[name="placementForm"] ul li.detailed-info {
  margin-left: 50px;
}
.barbie-css .wrap-text {
  max-width: 280px;
}
.barbie-css .worker-header .user-portrait .circle-profile {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #c5c9cc;
}
.barbie-css .dialog ng-form[name="placementForm"] ul li.detailed-info {
  margin-left: 50px;
}
.barbie-css .dotted-border {
  border-left: 1px dotted #858B8F;
}
.barbie-css .list-table.info-panel {
  border: 1px solid #DDE2E5;
  margin-top: -12px;
}
.barbie-css .list-table.info-panel .body-row {
  font-size: 14px;
  font-weight: 300;
}
.barbie-css .list-table.info-panel .body-row .icon.issue {
  margin-left: -23px;
}
.barbie-css .list-table.info-panel .body-row .title {
  color: #2E3236;
}
.barbie-css .request-replacement .header {
  margin-bottom: 50px;
}
.barbie-css .request-replacement .sub-header {
  color: #858B8F;
  padding-top: 10px;
  font-size: 18px;
}
.barbie-css .request-replacement .button-bar {
  margin-top: 50px;
}
.barbie-css div.list-table.placement-table {
  margin-bottom: 20px;
}
.barbie-css div.list-table.placement-table > div {
  min-width: 850px;
}
.barbie-css div.list-table.placement-table .change-log {
  border-top: 1px solid #DDE2E5;
  padding: 0 0 10px 0;
}
.barbie-css div.list-table.placement-table .change-log > .body-row .changed {
  color: #2E3236;
}
.barbie-css div.commission {
  margin-left: 50px;
  padding-bottom: 12px;
  padding-top: 7px;
}
.barbie-css .consultant {
  float: left;
  position: relative;
  width: 35px;
  height: 35px;
  vertical-align: top;
  margin-right: 17px;
  left: 1px;
  margin-left: 177px;
}
.barbie-css .consultant span {
  position: absolute;
  left: 0;
  top: 9px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 35px;
  text-align: center;
}
.barbie-css .consultant i {
  position: absolute;
  left: 0;
  top: 0;
  background-size: 35px 35px;
  margin-top: 8px;
  width: 35px;
  height: 35px;
  overflow: visible;
  display: block;
  color: #FFF;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}
.barbie-css .consultant i:before {
  color: #afbb36;
}
.barbie-css .ir35-risk {
  color: white;
  padding: 10px 20px;
  border-radius: 20px;
}
.barbie-css .ir35-risk--small {
  padding: 6px 8px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 500;
  position: relative;
  top: 1px;
}
.barbie-css .ir35-risk--high {
  background-color: #cf2f3a;
}
.barbie-css .ir35-risk--medium {
  background-color: #f9a464;
}
.barbie-css .ir35-risk--low {
  background-color: #2ea184;
}
.barbie-css .ir35-risk--excluded {
  background-color: #e0e2e3;
  color: #000000;
}
.barbie-css .ir35-risk--disabled,
.barbie-css .ir35-risk--unknown {
  background-color: #f9fafa;
  color: #000000;
}
.barbie-css .client-config-details {
  display: inline-block;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.barbie-css .description-richtext {
  vertical-align: top;
  min-height: 100px;
  display: inline-block;
  max-width: 500px;
}
.barbie-css .description-richtext.bordered {
  border: 1px solid #afbb36;
  border: 1px solid var(--main-theme-color);
  border-radius: 5px;
  padding: 5px;
}
.barbie-css .description-richtext.bordered.invalid {
  color: #C81F02;
}
.barbie-css ng-form[name="vacancyForm"] ul li label {
  width: 250px;
}
.barbie-css ng-form[name="vacancyForm"] ul li label > span {
  display: inline-block;
}
.barbie-css ng-form[name="vacancyForm"] ul li .tag-list-block {
  margin-left: 264px;
}
.barbie-css .dialog-site-search-info {
  margin: 10px 0 20px 260px;
  border: none;
  color: #A6ABAE;
  font-size: 14px;
}
.barbie-css .ir35-position-additional-info {
  width: 270px;
  margin: 0 0 20px 260px;
  border: none;
  color: #A6ABAE;
  font-size: 14px;
}
.barbie-css .vacancy-dialog-margin {
  margin-top: 2px;
  margin-right: 15px;
}
.barbie-css div.list-table.prospect-table > div {
  min-width: 850px;
}
.barbie-css div.list-table.prospect-table > .header-row:not(.theme) > div,
.barbie-css div.list-table.prospect-table > .body-row:not(.theme) > div {
  color: #2E3236;
}
.barbie-css div.list-table.prospect-table > .body-row > .status-CONFIRMED {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css div.list-table.prospect-table > .body-row button {
  font-size: 14px;
  padding: 0;
}
.barbie-css div.list-table.prospect-table > .body-row button > i {
  top: -2px;
}
.barbie-css .vacancy-reason {
  display: inline-block;
  vertical-align: top;
}
.barbie-css .vacancy-reason .replacement-info {
  color: #A6ABAE;
  font-size: 14px;
  padding-top: 5px;
}
.barbie-css .vacancy-reason .replacement-info .worker-name {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .approvals-popup .button-bar {
  margin: 20px;
}
.barbie-css .approval-level-count {
  color: #DDE2E5;
  font-size: 12px;
}
.barbie-css div.list-table.vacancies-table > div {
  min-width: 630px;
}
.barbie-css div.list-table.vacancies-table .body-row > div {
  word-wrap: break-word;
}
.barbie-css .vendor-invitation-log {
  overflow: hidden;
  max-width: 75ch;
}
.barbie-css .vendor-invitation-log-time {
  border-bottom: 1px dotted #c5c9cc;
  text-decoration: none;
  display: inline;
  font-size: 12px;
  font-weight: 300;
  color: #a6abae;
  font-size: 0.93em;
}
.barbie-css .vendor-invitation-log-title {
  width: 350px;
}
.barbie-css .vendor-invitation-log-area {
  display: inline-block;
  padding: 0 3px;
}
.barbie-css .rates-table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}
.barbie-css .rates-table-wrapper .rates-table .dropdown {
  line-height: 26px !important;
}
.barbie-css .worker-header .user-portrait .circle-profile {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #c5c9cc;
}
.barbie-css .add-worker-view-details {
  margin-left: 64px;
  color: #afbb36;
  color: var(--main-theme-color);
  font-size: 14px;
  border: none;
}
.barbie-css div.list-table.rates-table {
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
}
.barbie-css div.list-table.rates-table > div.header-row:not(.theme) > div,
.barbie-css div.list-table.rates-table > div.body-row:not(.theme) > div {
  color: #2E3236;
}
.barbie-css div.list-table.rates-table > div.body-row {
  font-size: 16px;
  font-weight: 300;
}
.barbie-css div.list-table.rates-table > div.body-row:not(.form) {
  vertical-align: middle;
}
.barbie-css div.list-table.rates-table > div.body-row > div {
  line-height: 18px;
}
.barbie-css div.list-table.rates-table > div .bordered,
.barbie-css div.list-table.rates-table > div.bordered.total {
  position: initial;
}
.barbie-css div.list-table.rates-table > div span.percentage {
  margin-right: 16px;
}
.barbie-css div.list-table.rates-table > div i.icon.cross {
  float: right;
  margin-right: 5px;
}
.barbie-css div.list-table.rates-table > div .margin-options {
  position: relative;
}
.barbie-css div.list-table.rates-table > div .margin-options span.currency-option.dropdown {
  position: absolute;
  right: 8px;
  top: 13px;
  font-size: 14px;
  text-align: left;
}
.barbie-css div.list-table.rates-table > div .margin-options i.icon.dropdown.postfix {
  position: absolute;
  right: 30px;
  top: 11px;
  left: initial;
}
.barbie-css div.list-table.rates-table > div.shorter {
  padding-bottom: 12px;
}
.barbie-css div.list-table.rates-table > div.shorter .margin-options span.currency-option.dropdown {
  top: 6px;
}
.barbie-css div.list-table.rates-table > div.shorter .margin-options i.icon.dropdown.postfix {
  top: 4px;
}
.barbie-css div.list-table.rates-table > div.taller .margin-options span.currency-option.dropdown {
  top: 24px;
}
.barbie-css div.list-table.rates-table > div.taller .margin-options i.icon.dropdown.postfix {
  top: 22px;
}
.barbie-css div.list-table.rates-table > div .dropdown.short-option {
  width: 72px;
}
.barbie-css div.list-table.rates-table > div input.larger {
  width: 49px;
  right: 0px;
}
.barbie-css div.list-table.rates-table > div input.quantity {
  text-align: left;
}
.barbie-css div.list-table.rates-table > div .label {
  text-align: right;
  color: #858B8F;
  font-size: 14px;
}
.barbie-css div.list-table.rates-table .checkbox.circle {
  top: 5px;
}
.barbie-css .list-column-table.vacancy-header .column .block > span {
  font-size: 16px;
}
.barbie-css .list-column-table.vacancy-header .column .block label {
  font-size: 16px;
}
.barbie-css .list-column-table.vacancy-header .column .block label .clickable {
  border-bottom: 1px dotted #A6ABAE;
}
.barbie-css .ir35-determination .status {
  display: inline-block;
  vertical-align: top;
}
.barbie-css .ir35-determination .status .title {
  color: #0E2124;
  font-weight: 400;
}
.barbie-css .ir35-determination .status .ir35-disabled-info {
  color: #A6ABAE;
  font-size: 14px;
  padding-top: 5px;
}
.barbie-css .ir35-determination .status .sds-title {
  margin: 10px 0;
  font-size: 12px;
}
.barbie-css .ir35-determination .status a.sds-file {
  font-weight: 600;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .ir35-determination a.edit--button,
.barbie-css .ir35-determination .edit--button {
  font-size: 14px;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .ir35-determination .independent {
  font-size: 14px;
  color: #C5C9CC;
  font-weight: 200;
}
.barbie-css .ir35-determination .details {
  font-size: 14px;
  color: #C5C9CC;
  font-weight: 200;
  margin-left: 10px;
}
.barbie-css .po-workflow__table {
  display: inline-block;
  width: 600px !important;
}
.barbie-css .support-text {
  color: #C5C9CC;
}
.barbie-css .navigation-bar {
  left: 0;
  top: 0;
  right: 0;
  border-bottom: none;
}
.barbie-css .navigation-bar h1 {
  float: left;
  margin: 0 15px 0 0;
  line-height: 40px;
}
.barbie-css .navigation-bar h1 .divider {
  width: 1px;
  height: 35px;
  vertical-align: middle;
  background-color: #152629;
  display: inline-block;
  margin: 0 7px 0 12px;
}
@media (max-width: 600px) {
  .barbie-css .navigation-bar h1 .divider {
    display: none;
  }
}
.barbie-css .navigation-bar div.icon {
  position: relative;
  top: 0px;
  display: block;
  float: left;
  overflow: visible;
  width: 42px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  margin: 0 0 0 7px;
}
.barbie-css .navigation-bar .text-link {
  font-size: 15px;
  display: inline-block;
  margin-left: 40px;
  line-height: 40px;
}
.barbie-css .navigation-bar .text-link:hover {
  color: #afbb36;
}
.barbie-css .section-bar {
  float: right;
}
.barbie-css .section-bar .text-link {
  font-size: 15px;
  display: inline-block;
  margin-left: 40px;
  line-height: 30px;
}
.barbie-css .section-bar .text-link:hover {
  color: #afbb36;
}
.barbie-css .tab-bar {
  position: relative;
  height: auto;
}
@media (min-width: 1024px) {
  .barbie-css .tab-bar {
    width: 100%;
    margin: 0 auto;
    margin-top: 1rem;
  }
}
@media (max-width: 1023px) {
  .barbie-css .tab-bar ul.tab-list {
    margin: 0 35px;
  }
}
@media (max-width: 900px) {
  .barbie-css .tab-bar ul.tab-list {
    margin: 0 15px;
  }
}
.barbie-css .tab-bar .desktop {
  display: block;
}
.barbie-css .tab-bar .mobile {
  display: none;
}
@media (max-width: 1023px) {
  .barbie-css .tab-bar .desktop {
    display: none;
  }
  .barbie-css .tab-bar .mobile {
    display: block;
  }
}
@media (max-width: 1023px) {
  .barbie-css .tab-bar {
    position: absolute;
    left: 38px;
    top: 40px;
    height: auto;
    z-index: 1000;
    display: none;
  }
}
.barbie-css.content-centered .tab-bar {
  margin-top: 0;
}
.barbie-css ul.tab-list {
  float: right;
}
.barbie-css ul.tab-list.backward {
  float: left;
}
.barbie-css ul.tab-list.backward li {
  margin: 0 40px 0 0;
}
.barbie-css ul.tab-list.backward li:before {
  left: 0.25rem;
}
.barbie-css ul.tab-list.backward li i {
  margin-right: 7px;
  font-size: 26px;
}
.barbie-css ul.tab-list.links.ruled {
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css ul.tab-list.links.hide {
  display: none;
}
.barbie-css ul.tab-list li {
  position: relative;
  display: inline-block;
  margin: 0 16px;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #A6ABAE;
  line-height: 40px;
  vertical-align: middle;
}
.barbie-css ul.tab-list li:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
  background-color: transparent;
  transition: background-color 0.3s ease, height 0.3s ease;
}
.barbie-css ul.tab-list li:hover:before {
  height: 2px;
  background-color: rgba(14, 33, 37, 0.26);
}
.barbie-css ul.tab-list li.current {
  line-height: 41px;
  font-weight: 800;
}
.barbie-css ul.tab-list li.current:before {
  background-color: #afbb36;
  background-color: var(--main-theme-color);
  height: 2px;
}
.barbie-css ul.tab-list li.current a {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css ul.tab-list li.notavailable {
  border-color: #C5C9CC;
  cursor: default;
}
.barbie-css ul.tab-list li.notavailable a {
  color: #C5C9CC;
  cursor: default;
}
.barbie-css ul.tab-list li.divider {
  border-left: 1px dotted #A6ABAE;
  margin-left: 20px;
  margin-right: -40px;
  padding: 0 0 0 20px;
  height: 28px;
}
.barbie-css ul.tab-list li.action {
  font-weight: 800;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css ul.tab-list li.action:before {
  width: calc(100% - 0.25rem);
}
.barbie-css ul.tab-list li.action:hover:before {
  height: 2px;
  background-color: #afbb36;
  background-color: var(--main-theme-color);
}
.barbie-css ul.tab-list li.action:first-child {
  margin-left: 0;
}
.barbie-css ul.tab-list li.action i.add {
  width: 20px;
  height: 26px;
  margin-right: 3px;
  vertical-align: middle;
  font-size: 26px;
}
.barbie-css ul.tab-list li i.icon {
  line-height: 22px;
  font-size: 26px;
}
.barbie-css ul.tab-list li i.icon:before {
  top: 0;
}
.barbie-css ul.tab-list li span.number {
  color: #3F464D;
}
@media (max-width: 600px) {
  .barbie-css ul.tab-list {
    float: none;
    margin: 0 10px;
  }
  .barbie-css ul.tab-list.backward {
    float: none;
  }
  .barbie-css ul.tab-list.backward li {
    margin: 0;
  }
  .barbie-css ul.tab-list li {
    display: block;
    padding: 10px 0;
    margin: 0;
    height: auto;
    line-height: 25px;
  }
  .barbie-css ul.tab-list li.current {
    border-bottom: none;
    color: #afbb36;
    color: var(--main-theme-color);
  }
  .barbie-css ul.tab-list li.divider {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
  }
  .barbie-css ul.tab-list li.action i.add {
    width: auto;
    height: auto;
    margin-right: 0;
    vertical-align: middle;
  }
  .barbie-css ul.tab-list li.action i.add:before {
    top: -2px;
  }
}
.barbie-css .box-popup ul.tab-list li {
  height: auto;
  line-height: inherit;
}
.barbie-css .box-popup .button-bar.top-bar {
  margin-top: -15px;
}
@media (max-width: 600px) {
  .barbie-css .mobile-border-top-arrow {
    color: #1d363a;
    color: var(--navigation-menu-color);
    background: #FFF;
    border: 1px solid #1d363a;
    border: 1px solid var(--navigation-menu-border-color);
    border-radius: 4px;
    padding: 10px;
  }
  .barbie-css .mobile-border-top-arrow.no-padding {
    padding: 0;
  }
  .barbie-css .mobile-border-top-arrow:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -9px;
    width: 0;
    height: 0;
    border-bottom: 9px solid #1d363a;
    border-bottom: 9px solid var(--navigation-menu-border-color);
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
  }
  .barbie-css .mobile-border-top-arrow:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #FFF;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }
  .barbie-css .mobile-border-top-arrow.right-arrow:before {
    left: auto;
    right: 9px;
  }
  .barbie-css .mobile-border-top-arrow.right-arrow:after {
    left: auto;
    right: 10px;
  }
  .barbie-css .mobile-border-top-arrow.left-arrow:before {
    left: 9px;
    right: auto;
  }
  .barbie-css .mobile-border-top-arrow.left-arrow:after {
    left: 10px;
    right: auto;
  }
}
.barbie-css .navigation-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 54px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .barbie-css .navigation-container {
    width: 954px;
    margin: 0 auto;
  }
}
.barbie-css .fixed-navigation-bar {
  z-index: 1100;
  display: flex;
  overflow: hidden;
  position: fixed;
  height: 54px;
  border-bottom: 0;
  background-color: #1d363a;
  background-color: var(--navigation-background-color);
  color: #fff;
  box-shadow: 0px 2px 10px #5F676F;
}
.barbie-css .fixed-navigation-bar > .navigation-container {
  top: auto;
  bottom: 0;
}
.barbie-css .fixed-navigation-bar.bottom {
  top: auto;
  bottom: 0;
  height: 42px;
  pointer-events: none;
  background: none;
  box-shadow: none;
}
.barbie-css .fixed-navigation-bar.bottom .navigation-container {
  position: relative;
  height: 42px;
  width: auto;
  flex: 1 0 auto;
}
@media (min-width: 1200px) {
  .barbie-css .fixed-navigation-bar.bottom .navigation-container {
    flex: 0 1 calc(960px + 14.75rem + 1rem * 2.5 + 42px * 2);
  }
}
.barbie-css .fixed-navigation-bar.bottom div.icon {
  background-color: #A6ABAE;
  color: #5F676F;
  opacity: 0.4;
  margin: 0;
  position: absolute;
  right: 0;
  pointer-events: auto;
}
@media (max-width: 1023px) {
  .barbie-css .fixed-navigation-bar.bottom div.icon {
    margin-right: 35px;
  }
}
@media (max-width: 600px) {
  .barbie-css .fixed-navigation-bar.bottom div.icon {
    margin-right: 5px;
  }
}
.barbie-css .fixed-navigation-bar.bottom div.icon .icon {
  color: #FFF;
}
.barbie-css .fixed-navigation-bar .icon:hover {
  color: #1d363a;
  color: var(--navigation-background-color);
}
.barbie-css .table-ns,
.barbie-css .cell {
  margin-bottom: 20px;
}
.barbie-css .label-font {
  font-weight: 300;
  color: #858B8F;
}
@media (min-width: 600px) {
  .barbie-css .overflow-hidden-ns {
    overflow: hidden;
  }
  .barbie-css .table-ns {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .barbie-css .cell {
    display: table-cell;
    padding-right: 20px;
  }
  .barbie-css .bottom .cell {
    width: 33%;
  }
  .barbie-css .verification {
    width: 130px;
    border-left: 1px dotted #DDE2E5;
    padding-left: 20px;
  }
}
.barbie-css .verification span {
  margin-left: 0px;
}
.barbie-css .business-details ul li {
  padding-bottom: 16px;
}
.barbie-css .business-form:not(.ng-pristine) ul li label.invalid {
  color: #C81F02;
  font-weight: 800;
}
.barbie-css .refreshed {
  transition: all 1s;
  -webkit-transition: all 1s;
}
.barbie-css .refreshed.ng-enter {
  background-color: #afbb36;
  background-color: var(--main-theme-color);
  color: #FFF;
}
.barbie-css .bank-details-changed-confirmation {
  font-size: larger;
}
.barbie-css .bank-details-changed-confirmation > .explanation {
  color: #858B8F;
}
.barbie-css .vat-verification-block {
  margin-left: 10px;
}
.barbie-css .vat-verification-block span {
  margin-left: 0px !important;
}
.barbie-css .vat-verification-block span.verified {
  color: #84C341;
}
.barbie-css .vat-verification-block span.manually-verified {
  color: #858B8F;
}
.barbie-css .vat-verification-block span.unverified {
  color: #F04629;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content {
  margin: auto;
  max-width: 250px;
  color: #858B8F;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .black {
  color: #000000;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .business-description {
  border: 1px solid #C5C9CC;
  border-radius: 3px;
  margin: auto;
  margin-bottom: 25px;
  padding: 10px;
  font-size: 12px;
  color: #858B8F;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .business-description .business-name {
  font-weight: bold;
  color: #000000;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .business-description .vat-no {
  margin-top: 10px;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .confirmation-section {
  background-color: #F7F8F9;
  border-top: 1px solid #DDE2E5;
  border-radius: 3px;
  margin: 10px -25px -17px -25px;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .confirmation-section .confirmation-section-content {
  padding: 10px;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .confirmation-section .confirmation-section-content p {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000000;
  text-align: center;
  font-size: 16px;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .confirmation-section .confirmation-section-content .button-bar {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .confirmation-section .confirmation-section-content .button-bar .separator {
  display: inline-block;
  min-width: 5px;
}
.barbie-css .vat-verification-popup .vat-verification-popup-content .confirmation-section .confirmation-section-content .button-bar button {
  min-width: 85px;
}
.barbie-css .icon-top {
  font-size: 120px;
  line-height: 75px;
  margin-bottom: 30px;
}
.barbie-css .list-column-table.vacancy-header .column .block span,
.barbie-css .list-column-table.vacancy-header .column .block label {
  font-size: 16px;
}
.barbie-css .list-column-table.vacancy-header .column .block label .clickable {
  border-bottom: 1px dotted #A6ABAE;
}
.barbie-css div.list-table.vacancies-table > div {
  min-width: 630px;
}
.barbie-css div.list-table.vacancies-table .body-row > div {
  word-wrap: break-word;
}
.barbie-css .company-info-popup .user-portrait > i {
  position: absolute;
}
.barbie-css .contact-list .portrait-line > .portrait {
  width: 42px;
  height: 42px;
}
.barbie-css .contact-list .portrait-line > .portrait > i {
  width: 42px;
  height: 42px;
  font-size: 42px;
  line-height: 42px;
}
.barbie-css .contact-list .portrait-line > .portrait > span {
  font-size: 15.96px;
  line-height: 40px;
  width: 42px;
  height: 42px;
}
.barbie-css .contact-list .portrait-line > .info {
  vertical-align: top;
}
.barbie-css .contact-list .portrait-line > .info > .name {
  font-size: 18px;
  font-weight: normal;
  color: #2E3236;
}
.barbie-css .contact-list .portrait-line > .info > .description {
  color: #858B8F;
}
.barbie-css .payrollsv3-payslip-details-dialog .button-bar.top-bar {
  margin-top: -27px;
}
.barbie-css .dialog > .register-worker .text-block,
.barbie-css .dialog .worker-edit-details-dialog .text-block,
.barbie-css .dialog .employment-form .text-block {
  width: 100%;
}
@media (min-width: 600px) {
  .barbie-css .dialog > .register-worker .text-block,
  .barbie-css .dialog .worker-edit-details-dialog .text-block,
  .barbie-css .dialog .employment-form .text-block {
    width: 350px;
    margin-left: 150px;
  }
}
@media (min-width: 1000px) {
  .barbie-css .dialog > .register-worker,
  .barbie-css .dialog .worker-edit-details-dialog,
  .barbie-css .dialog .employment-form {
    max-width: 750px;
  }
}
.barbie-css .dialog > .register-worker .explanation {
  color: #858B8F;
  font-size: 14px;
  text-align: center;
}
.barbie-css .dialog > .worker-id-docs-details-dialog {
  min-width: 600px;
}
.barbie-css .dialog > .worker-id-docs-details-dialog span.disabled {
  color: #C5C9CC;
}
.barbie-css .dialog > .worker-id-docs-details-dialog .document-worker {
  font-size: 14px;
  margin: 12px 0 12px 0;
  padding: 0;
}
.barbie-css .dialog > .worker-id-docs-details-dialog .list-column-table.bordered.document-worker-margins {
  padding: 15px 0 5px;
}
.barbie-css .dialog > .worker-id-docs-details-dialog ul.attachments {
  margin-left: 120px;
  width: 380px;
  position: relative;
}
.barbie-css .dialog > .worker-id-docs-details-dialog ul.attachments i.cross {
  display: inline-block;
  float: right;
}
.barbie-css .dialog > .worker-id-docs-details-dialog ul.attachments .new-attachment-bar {
  padding: 15px 0 50px 0;
  border-top: 1px solid #C5C9CC;
}
.barbie-css .dialog > .worker-id-docs-details-dialog ul.attachments .new-attachment-bar .right {
  float: right;
}
.barbie-css .dialog > .worker-id-docs-details-dialog ul.attachments .new-attachment-bar span {
  font-size: 14px;
  color: #C5C9CC;
}
.barbie-css .dialog > .worker-id-docs-details-dialog ul.attachments .new-attachment-bar span.clickable {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .dialog.pay-info-list-dialog {
  min-width: 950px;
}
.barbie-css .dialog > .add-worker {
  width: 850px;
}
.barbie-css .dialog > .add-worker .field-block {
  display: inline-block;
}
.barbie-css .dialog > .add-worker .field-block > label {
  display: block;
  text-align: left;
}
.barbie-css .dialog > .add-worker .field-block > input {
  border: none;
  width: 120px;
  padding: 0;
  cursor: pointer;
  background: none;
}
.barbie-css .dialog > .add-worker .field-block > input.changed {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .dialog > .add-worker .field-block i {
  position: relative;
  left: -30px;
  z-index: -1;
}
.barbie-css .dialog .pay-info-confirmation .radio-group.descriptive {
  width: 250px;
}
.barbie-css .dialog .create-report-dialog {
  padding-right: 50px;
}
.barbie-css ng-form.paye-tax-details .wide-content {
  max-width: 460px;
}
.barbie-css ng-form.paye-tax-details .wide-content > label {
  width: 460px;
  text-align: left;
  margin-left: 25px;
  position: relative;
  cursor: pointer;
}
.barbie-css ng-form.paye-tax-details .wide-content > label > [type="radio"] {
  position: absolute;
  left: -25px;
}
.barbie-css div.list-table.manual-documents {
  height: 350px;
  overflow-y: scroll;
}
.barbie-css div.list-table.manual-documents .header-row {
  position: fixed;
  height: 47px;
  width: 100%;
  z-index: 2;
}
.barbie-css div.list-table.manual-documents .body-row:nth-child(2),
.barbie-css div.list-table.manual-documents .body-row.empty {
  margin-top: 47px;
}
.barbie-css div.list-table.worker-documents .warning {
  color: #F04629;
}
.barbie-css div.list-table.worker-documents .header-font-smaller {
  font-size: 11px;
}
.barbie-css div.list-table.worker-documents .header-font-weight-default > div {
  font-weight: 500;
}
.barbie-css div.list-table.worker-documents .row-font-default {
  font-size: 14px;
}
.barbie-css div.list-table.worker-documents .row-font-smaller {
  font-size: 12px;
}
.barbie-css div.list-table.worker-documents .row-font-title {
  font-size: 16px;
}
.barbie-css div.list-table.worker-documents .row-zero-spacing {
  line-height: 0;
}
.barbie-css div.list-table.worker-documents .row-align-left {
  padding-left: 4px;
}
.barbie-css div.list-table.pay-info {
  margin-bottom: 30px;
  width: 80%;
}
.barbie-css div.list-table.company-connections {
  margin-bottom: 30px;
}
.barbie-css div.list-table.workers-table {
  margin-bottom: 50px;
}
.barbie-css div.list-table.workers-table > div {
  min-width: 770px;
}
.barbie-css div.list-table.missing-documents {
  margin: 20px 0 0 155px;
  max-width: 500px;
}
.barbie-css div.list-table.missing-documents .warning {
  color: #F04629;
}
.barbie-css .list-column-table.pay-info {
  min-width: 260px;
}
.barbie-css .list-column-table.pay-info .row .column .block label {
  text-align: left;
}
.barbie-css .list-column-table.pay-info .row .column.business-profile {
  margin-top: 5px;
  padding-top: 20px;
  border-top: 1px solid #C5C9CC;
}
.barbie-css .list-column-table.pay-info .row .column.business-profile.verification-column {
  vertical-align: top;
}
.barbie-css .list-column-table.pay-info .row .column.business-profile .umbrella-column {
  vertical-align: top;
}
.barbie-css .list-column-table.pay-info .row .column.business-profile .business-profile-wrapper {
  display: block;
  margin-right: 30px;
  border-right: 1px dotted #DDE2E5;
}
.barbie-css .list-column-table.pay-info .row .column.business-profile .business-profile-wrapper label {
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
}
.barbie-css .list-column-table.pay-info .row .column.business-profile .icon-column {
  margin-right: 15px;
  vertical-align: top;
}
.barbie-css .list-column-table.pay-info .row .column.business-profile .icon-bkg {
  color: white;
  background-color: #C5C9CC;
  border-radius: 35px;
  width: 42px;
  height: 42px;
  text-align: center;
}
@media (max-width: 600px) {
  .barbie-css .list-column-table.pay-info .row .column.business-profile .icon-bkg {
    display: none;
  }
  .barbie-css .list-column-table.pay-info .row .column.business-profile ng-form ul li > span {
    margin-left: 0px;
  }
}
.barbie-css .list-column-table.text-wrap .column {
  vertical-align: top;
}
.barbie-css .list-column-table.text-wrap .column label {
  width: auto;
}
.barbie-css .list-column-table.text-wrap .column .block {
  white-space: normal;
}
.barbie-css .button-bar.pay-info-actions {
  margin-top: 20px;
  float: left;
  min-width: 260px;
  width: auto;
  clear: left;
  text-align: center;
}
.barbie-css .all-pay-references-dialog .list-table {
  min-width: 500px;
}
.barbie-css .worker-settings-notice {
  font-size: 14px;
  max-width: 330px;
  margin-left: 187px;
  margin-bottom: 0;
  color: #858B8F;
}
@media (max-width: 600px) {
  .barbie-css .worker-settings-notice {
    margin-left: 23px;
  }
}
.barbie-css .homepage {
  display: flex;
  flex-direction: column;
  padding: 42px 0px;
}
@media (max-width: 600px) {
  .barbie-css .homepage {
    flex-direction: column;
    padding: 0px;
  }
}
.barbie-css .homepage .header {
  display: block;
  margin: 0;
  padding: 0 10px 10px;
}
.barbie-css .homepage .header .upcoming {
  font-size: 22px;
  line-height: 2rem;
  font-weight: 400;
  color: #3F464D;
}
@media (max-width: 600px) {
  .barbie-css .homepage .header .upcoming {
    margin-bottom: 15px;
  }
}
.barbie-css .homepage div.large-list-table.todo-list .body-row {
  display: block;
  padding: 12px 10px;
  border-top: 1px solid #DDE2E5;
}
.barbie-css .homepage div.large-list-table.todo-list .body-row .column {
  display: inline-block;
}
@media (max-width: 600px) {
  .barbie-css .homepage div.large-list-table.todo-list .body-row {
    padding: 12px 20px;
  }
}
.barbie-css .homepage div.large-list-table.todo-list button.body-row {
  width: 100%;
  display: block;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0px;
  text-align: left;
}
.barbie-css .homepage div.large-list-table.todo-list button.body-row:hover {
  background: transparent;
}
.barbie-css .homepage div.large-list-table.todo-list button.body-row:hover i.icon {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .homepage div.large-list-table.todo-list .task-info {
  margin-left: 20px;
}
.barbie-css .homepage div.large-list-table.todo-list .title {
  display: block;
  font-size: 20px;
  font-weight: 400;
  color: #3f464d;
  margin: 0 0 3px;
  border: none;
}
.barbie-css .homepage div.large-list-table.todo-list span.name {
  color: #858B8F;
}
.barbie-css .homepage div.large-list-table.todo-list .chevron-right {
  text-align: right;
}
.barbie-css .homepage div.large-list-table.todo-list .chevron-right.padded {
  padding: 10px 0px 20px 0px;
}
.barbie-css .homepage div.large-list-table.todo-list .disabled {
  color: #C5C9CC;
  cursor: default;
}
.barbie-css .homepage div.large-list-table.todo-list .col-chevron {
  padding: 0px;
  text-align: right;
}
.barbie-css .psc-wizard,
.barbie-css div[ng-view] .psc-wizard {
  padding: 0px;
}
.barbie-css .psc-wizard h2,
.barbie-css div[ng-view] .psc-wizard h2 {
  color: #3F464D;
}
.barbie-css .psc-wizard .padding-hor,
.barbie-css div[ng-view] .psc-wizard .padding-hor {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .padding-hor,
  .barbie-css div[ng-view] .psc-wizard .padding-hor {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.barbie-css .psc-wizard .align-center,
.barbie-css div[ng-view] .psc-wizard .align-center {
  text-align: center;
}
.barbie-css .psc-wizard .align-right,
.barbie-css div[ng-view] .psc-wizard .align-right {
  text-align: right;
}
.barbie-css .psc-wizard .header,
.barbie-css div[ng-view] .psc-wizard .header {
  padding: 42px 0px;
}
.barbie-css .psc-wizard .header .spinner-circle,
.barbie-css div[ng-view] .psc-wizard .header .spinner-circle {
  display: inline-block;
  height: 25px;
  margin-bottom: 25px;
}
.barbie-css .psc-wizard .header .spinner-circle div,
.barbie-css div[ng-view] .psc-wizard .header .spinner-circle div {
  border-color: #afbb36 transparent transparent transparent;
  border-color: var(--main-theme-color) transparent transparent transparent;
}
.barbie-css .psc-wizard .header p,
.barbie-css div[ng-view] .psc-wizard .header p {
  margin-bottom: 3px;
}
.barbie-css .psc-wizard .header p:last-of-type,
.barbie-css div[ng-view] .psc-wizard .header p:last-of-type {
  margin-bottom: 0px;
}
.barbie-css .psc-wizard .footer,
.barbie-css div[ng-view] .psc-wizard .footer {
  padding-bottom: 42px;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .footer,
  .barbie-css div[ng-view] .psc-wizard .footer {
    padding-top: 42px;
  }
}
.barbie-css .psc-wizard .copy-black,
.barbie-css div[ng-view] .psc-wizard .copy-black {
  margin-bottom: 5px;
  color: #000000;
  font-size: 16px;
  font-weight: 100;
}
.barbie-css .psc-wizard .lighter,
.barbie-css div[ng-view] .psc-wizard .lighter {
  font-size: 14px;
  font-weight: 100;
  color: #858B8F;
}
.barbie-css .psc-wizard .body-row,
.barbie-css div[ng-view] .psc-wizard .body-row {
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: none;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .body-row,
  .barbie-css div[ng-view] .psc-wizard .body-row {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.barbie-css .psc-wizard .body-row:hover .chevron-right.theme,
.barbie-css div[ng-view] .psc-wizard .body-row:hover .chevron-right.theme,
.barbie-css .psc-wizard .body-row:hover .select-link,
.barbie-css div[ng-view] .psc-wizard .body-row:hover .select-link,
.barbie-css .psc-wizard .body-row:hover .contact-link .title,
.barbie-css div[ng-view] .psc-wizard .body-row:hover .contact-link .title {
  color: #afbb36;
  color: var(--main-theme-color);
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .body-row.last-row,
  .barbie-css div[ng-view] .psc-wizard .body-row.last-row {
    border-bottom: 1px solid #DDE2E5;
  }
}
.barbie-css .psc-wizard .button-row .title,
.barbie-css div[ng-view] .psc-wizard .button-row .title {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .psc-wizard .border-top,
.barbie-css div[ng-view] .psc-wizard .border-top {
  border-top: 1px solid #DDE2E5;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .step-control,
  .barbie-css div[ng-view] .psc-wizard .step-control {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.barbie-css .psc-wizard .hide-step-control .step-control,
.barbie-css div[ng-view] .psc-wizard .hide-step-control .step-control {
  display: none;
}
.barbie-css .psc-wizard .icon.check,
.barbie-css div[ng-view] .psc-wizard .icon.check,
.barbie-css .psc-wizard .icon.search,
.barbie-css div[ng-view] .psc-wizard .icon.search {
  font-size: 60px;
}
.barbie-css .psc-wizard .icon-back,
.barbie-css div[ng-view] .psc-wizard .icon-back {
  color: #afbb36;
  color: var(--main-theme-color);
  transform: rotate(180deg);
}
.barbie-css .psc-wizard .icon.chevron-right,
.barbie-css div[ng-view] .psc-wizard .icon.chevron-right {
  line-height: 25px;
  color: #DDE2E5;
}
.barbie-css .psc-wizard .error-icon-block i.error,
.barbie-css div[ng-view] .psc-wizard .error-icon-block i.error {
  font-size: 110px;
  line-height: 50px;
}
.barbie-css .psc-wizard .error-icon-block i.error > .error,
.barbie-css div[ng-view] .psc-wizard .error-icon-block i.error > .error {
  margin-top: -20px;
}
.barbie-css .psc-wizard .error-icon-block .error,
.barbie-css div[ng-view] .psc-wizard .error-icon-block .error {
  margin-bottom: 15px;
}
.barbie-css .psc-wizard .back-btn a,
.barbie-css div[ng-view] .psc-wizard .back-btn a {
  font-size: 16px;
}
.barbie-css .psc-wizard .back-btn a span,
.barbie-css div[ng-view] .psc-wizard .back-btn a span {
  display: inline-block;
  vertical-align: middle;
}
.barbie-css .psc-wizard .back-btn a,
.barbie-css div[ng-view] .psc-wizard .back-btn a,
.barbie-css .psc-wizard .back-btn .icon.chevron-right,
.barbie-css div[ng-view] .psc-wizard .back-btn .icon.chevron-right {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .psc-wizard .list-item-col-side,
.barbie-css div[ng-view] .psc-wizard .list-item-col-side {
  text-align: right;
  padding: 0px;
}
.barbie-css .psc-wizard .list-item-col-side .icon,
.barbie-css div[ng-view] .psc-wizard .list-item-col-side .icon {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .list-item-col-side .icon,
  .barbie-css div[ng-view] .psc-wizard .list-item-col-side .icon {
    display: inline-block;
  }
  .barbie-css .psc-wizard .list-item-col-side button,
  .barbie-css div[ng-view] .psc-wizard .list-item-col-side button {
    display: none;
  }
}
.barbie-css .psc-wizard .large-list-table,
.barbie-css div[ng-view] .psc-wizard .large-list-table {
  border-bottom: none;
}
.barbie-css .psc-wizard .large-list-table .title,
.barbie-css div[ng-view] .psc-wizard .large-list-table .title {
  font-weight: 400;
  font-size: 18px;
}
.barbie-css .psc-wizard .large-list-table .last-row,
.barbie-css div[ng-view] .psc-wizard .large-list-table .last-row {
  border-bottom: 1px solid #DDE2E5;
  margin-bottom: 42px;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .large-list-table .last-row,
  .barbie-css div[ng-view] .psc-wizard .large-list-table .last-row {
    margin-bottom: 0px;
  }
}
.barbie-css .psc-wizard .indented,
.barbie-css div[ng-view] .psc-wizard .indented {
  margin: 0px;
}
.barbie-css .psc-wizard .select-link,
.barbie-css div[ng-view] .psc-wizard .select-link {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .select-link,
  .barbie-css div[ng-view] .psc-wizard .select-link {
    display: inline-block;
    padding-top: 20px;
    border-bottom: none;
    font-weight: 100;
    font-size: 16px;
  }
}
.barbie-css .psc-wizard .wide-form label,
.barbie-css div[ng-view] .psc-wizard .wide-form label {
  text-align: left;
}
.barbie-css .psc-wizard .wide-form li > div,
.barbie-css div[ng-view] .psc-wizard .wide-form li > div {
  display: inline-block;
  margin: 0;
}
.barbie-css .psc-wizard .bank-details .header,
.barbie-css div[ng-view] .psc-wizard .bank-details .header {
  padding-top: 42px;
  padding-bottom: 42px;
  margin-bottom: 20px;
}
.barbie-css .psc-wizard .bank-details .skip-bar,
.barbie-css div[ng-view] .psc-wizard .bank-details .skip-bar,
.barbie-css .psc-wizard .bank-details h2,
.barbie-css div[ng-view] .psc-wizard .bank-details h2 {
  display: inline-block;
  width: 50%;
  margin: 0px;
  padding: 0px;
}
.barbie-css .psc-wizard .bank-details .skip-bar button,
.barbie-css div[ng-view] .psc-wizard .bank-details .skip-bar button {
  margin-bottom: -6px;
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard h2,
  .barbie-css div[ng-view] .psc-wizard h2 {
    margin-bottom: 10px;
  }
  .barbie-css .psc-wizard .wide-form label,
  .barbie-css div[ng-view] .psc-wizard .wide-form label,
  .barbie-css .psc-wizard input.dropdown.larger,
  .barbie-css div[ng-view] .psc-wizard input.dropdown.larger,
  .barbie-css .psc-wizard span.dropdown.larger,
  .barbie-css div[ng-view] .psc-wizard span.dropdown.larger,
  .barbie-css .psc-wizard input:not(.dont-mobilise),
  .barbie-css div[ng-view] .psc-wizard input:not(.dont-mobilise),
  .barbie-css .psc-wizard ng-form ul.wide-form span:not(.dont-mobilise),
  .barbie-css div[ng-view] .psc-wizard ng-form ul.wide-form span:not(.dont-mobilise),
  .barbie-css .psc-wizard ng-form ul li > span,
  .barbie-css div[ng-view] .psc-wizard ng-form ul li > span {
    margin-left: 0px;
  }
  .barbie-css .psc-wizard .bank-details .header,
  .barbie-css div[ng-view] .psc-wizard .bank-details .header {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0px;
    margin-bottom: 10px;
  }
  .barbie-css .psc-wizard .bank-details h2,
  .barbie-css div[ng-view] .psc-wizard .bank-details h2 {
    width: 100%;
    padding-top: 38px;
  }
  .barbie-css .psc-wizard .bank-details .skip-bar,
  .barbie-css div[ng-view] .psc-wizard .bank-details .skip-bar {
    padding-top: 38px;
    text-align: left;
  }
  .barbie-css .psc-wizard .bank-details .skip-bar button,
  .barbie-css div[ng-view] .psc-wizard .bank-details .skip-bar button {
    padding: 15px 6px 15px 0px;
  }
}
.barbie-css .psc-wizard .psc-wizard-wrapper {
  max-width: 620px;
  margin: 0 auto;
}
@media (min-width: 600px) and (max-width: 900px) {
  .barbie-css .psc-wizard .psc-wizard-wrapper {
    max-width: 580px;
  }
}
@media (max-width: 600px) {
  .barbie-css .psc-wizard .psc-wizard-wrapper {
    display: block;
    width: 100%;
    background-color: #fff;
  }
}
.barbie-css .worker-header .user-portrait .circle-profile {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #c5c9cc;
}
.barbie-css .period-popup ng-form ul li.button {
  text-align: right;
}
.barbie-css .period-popup ng-form ul li label {
  width: 90px;
}
.barbie-css .period-popup ng-form ul li:last-child {
  padding-bottom: 0;
}
.barbie-css .register-worker .rtw-section label {
  vertical-align: top;
}
.barbie-css .register-worker .rtw-section .radio-label {
  text-align: left;
}
.barbie-css .register-worker .rtw-section .radio-label:before {
  position: absolute;
  top: -2px;
}
.barbie-css .register-worker .rtw-section .radio-label span {
  display: inline-block;
  margin-left: 30px;
}
.barbie-css .register-worker .rtw-section .inset {
  margin: 0 -30px;
  padding: 30px;
}
.barbie-css .register-worker .rtw-section .inset:before,
.barbie-css .register-worker .rtw-section .inset:after {
  margin: 0;
}
.barbie-css .worker-popup-holiday-scheme {
  text-align: right;
}
.barbie-css .worker-popup-holiday-scheme .wrap {
  margin-top: 15px;
}
.barbie-css .worker-popup-holiday-scheme .wrap p {
  text-align: left;
  margin: 0;
}
.barbie-css .worker-popup-holiday-scheme-change-form {
  max-width: 480px;
}
.barbie-css at-worker-payinfo-form .radio-group.descriptive {
  width: 375px;
}
.barbie-css .share-code-verification-block {
  margin-left: 10px;
}
.barbie-css .share-code-verification-block.ml0 {
  margin-left: 0;
}
.barbie-css .share-code-verification-block.mt5 {
  margin-top: 5px;
}
.barbie-css .share-code-verification-block span {
  margin-left: 0px !important;
}
.barbie-css .share-code-verification-block span.verified {
  color: #55990D;
}
.barbie-css .share-code-verification-block span.rejected {
  color: #858B8F;
}
.barbie-css .share-code-verification-block span.unverified {
  color: #F04629;
}
.barbie-css .share-code-verification-block .share-code-file {
  font-size: 14px;
  font-weight: 600;
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .share-code-verification-block .expiry {
  width: 100px !important;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content {
  margin: auto;
  color: #858B8F;
  max-width: 384px;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content.share-code h1 {
  margin: 0 0 15px 0;
  padding: 0;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .black {
  color: #000000;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .decoration {
  text-decoration: underline;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .thick-text {
  font-weight: 500;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .confirmation-section {
  background-color: #F7F8F9;
  border-top: 1px solid #DDE2E5;
  border-radius: 3px;
  margin: 5px -20px -17px -20px;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .confirmation-section .confirmation-section-content {
  padding: 24px;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .confirmation-section .confirmation-section-content p {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000000;
  text-align: left;
  font-size: 16px;
  line-height: 1.5rem;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .confirmation-section .confirmation-section-content .button-bar {
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
.barbie-css .share-code-verification-popup .share-code-verification-popup-content .confirmation-section .confirmation-section-content .button-bar .separator {
  display: inline-block;
  min-width: 16px;
}
.barbie-css .payroll-details-meta-summary.list-column-table .column label.wide {
  width: 96%;
}
.barbie-css .payroll-details-meta-summary.list-column-table.label-top .block {
  padding-left: 40px;
}
.barbie-css .payroll-details-summary h3.rowheader {
  color: #5F676F;
  margin-bottom: 15px;
}
.barbie-css .payroll-details-summary h3.rowheader.first {
  margin-top: 17px;
}
.barbie-css .payroll-details-summary div.number.second {
  margin-top: 17px;
}
.barbie-css .import-references-popup ul li label {
  float: left;
}
.barbie-css .import-references-popup ul li span {
  float: left;
  width: 200px;
}
.barbie-css .edit-pay-line-dialog {
  width: 440px;
}
.barbie-css .payroll-import-summary.block-container.indented {
  margin-left: 40px;
  margin-bottom: 12px;
}
.barbie-css .payroll-import-summary .checkbox.circle:before {
  left: -3px;
}
.barbie-css .payroll-import-summary .icon.download:before {
  left: -6px;
}
.barbie-css .payroll-import-summary ul li label {
  width: auto;
  text-align: left;
}
.barbie-css .payroll-import-summary ul.block-container.indented {
  margin-left: 40px;
  padding-bottom: 20px;
}
@media (max-width: 600px) {
  .barbie-css .payroll-import-summary ul.block-container.indented {
    margin-left: 10px;
  }
}
.barbie-css .payroll-import-summary ul.block-container.indented li {
  padding-bottom: 0px;
}
.barbie-css .payroll-import-summary ul.block-container.indented li button {
  padding-left: 0px;
}
.barbie-css .payroll-import-summary ul.block-container.indented li.smaller {
  font-size: 14px;
}
.barbie-css .payroll-import-summary .missed-payment-checkbox {
  margin-top: 8px;
}
.barbie-css .payroll-import-summary .missed-payment-checkbox .checkbox {
  margin-right: 12px;
}
.barbie-css .box-popup.payruns {
  border-color: #1d363a;
  border-color: var(--navigation-menu-border-color);
}
.barbie-css .box-popup.payruns::before {
  border-bottom-color: #1d363a;
  border-bottom-color: var(--navigation-menu-border-color);
}
.barbie-css div.list-table.payrun-data > div {
  min-width: 630px;
}
.barbie-css div.list-table.payrun-data > .body-row > div > i {
  position: relative;
  top: 2px;
}
.barbie-css div.list-table.payrun-data .body-row .action-links .icon {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css div.list-table.payrun-data .body-row .action-links .icon.mobile {
    display: block;
  }
}
.barbie-css div.list-table.payrun-data .body-row .quick-view {
  width: 100%;
  padding-left: 100px;
  padding-right: 70px;
}
@media (max-width: 600px) {
  .barbie-css div.list-table.payrun-data .body-row .quick-view {
    padding: 0;
  }
}
.barbie-css div.list-table.payrun-data .body-row .quick-view .list-table {
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css div.list-table.payrun-data .body-row .quick-view .list-table .header-row {
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css div.list-table.payrun-data .body-row .quick-view .list-table .body-row {
  padding: 0 5px;
}
.barbie-css div.list-table.payrun-data .body-row .quick-view .list-table .body-row.totals div {
  color: #afbb36;
  color: var(--main-theme-color);
}
@media (min-width: 600px) {
  .barbie-css div.list-table.payrun-data .body-row:hover div.totals,
  .barbie-css div.list-table.payrun-data .body-row.quickview-open div.totals {
    color: #afbb36;
    color: var(--main-theme-color);
  }
  .barbie-css div.list-table.payrun-data .body-row:hover .action-links,
  .barbie-css div.list-table.payrun-data .body-row.quickview-open .action-links {
    width: 4%;
  }
  .barbie-css div.list-table.payrun-data .body-row:hover .action-links .icon,
  .barbie-css div.list-table.payrun-data .body-row.quickview-open .action-links .icon {
    display: inline-block;
  }
  .barbie-css div.list-table.payrun-data .body-row:hover .action-links .icon.mobile,
  .barbie-css div.list-table.payrun-data .body-row.quickview-open .action-links .icon.mobile {
    display: none;
  }
}
.barbie-css .payrun-summary {
  line-height: 0px;
}
.barbie-css .payrun-summary .column-table {
  display: inline-block;
  line-height: 28px;
}
.barbie-css .payrun-summary .column-table .component {
  width: auto;
}
.barbie-css .payrun-summary .column-table.cell-bottom-margin .heading + * {
  padding-bottom: 12px;
}
.barbie-css .payrun-summary .column-table > div {
  margin-left: 32px;
}
.barbie-css .payrun-summary .column-table > div .heading {
  padding-top: 12px;
}
.barbie-css .payrun-summary .column-table > div .number {
  color: #2E3236;
}
.barbie-css .payrun-summary .column-table.left-table {
  width: 75%;
  text-align: right;
  border-right: 1px solid #DDE2E5;
  padding-right: 30px;
}
.barbie-css .payrun-summary .column-table.right-table {
  width: 15%;
}
.barbie-css .payrun-summary .column-table.right-table div {
  margin-left: 0px;
  width: 100%;
}
.barbie-css .payrun-summary.bordered {
  margin-bottom: 20px;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css .payrun-rekap-popup {
  padding: 10px 10px 10px 10px;
}
.barbie-css .payrun-rekap-popup .payrun-rekap-popup-content .column-table > div {
  margin-left: 0px;
  display: block;
}
.barbie-css div.list-table.payrun-list {
  min-width: 577px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(1) {
  min-width: 60px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(2) {
  min-width: 70px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(3) {
  min-width: 50px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(4) {
  min-width: 50px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(5) {
  min-width: 70px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(6) {
  min-width: 50px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(7) {
  min-width: 50px;
}
.barbie-css div.list-table.payrun-list > div > div:nth-child(8) {
  min-width: 80px;
}
.barbie-css div.list-table.leavers-list {
  min-width: 890px;
}
.barbie-css .dialog.billing-data-entry-form {
  margin-top: -20px;
}
.barbie-css .dialog.billing-data-entry-form .inset {
  margin-bottom: -10px;
  border: none;
}
.barbie-css .salaried-import-dialog .block-container.indented {
  margin-bottom: 20px;
}
.barbie-css .salaried-import-dialog .block-container.indented li {
  padding-bottom: 0px;
}
.barbie-css .salaried-import-dialog .block-container.indented li button {
  padding-left: 0px;
}
.barbie-css .salaried-import-dialog .block-container.indented li.smaller {
  font-size: 14px;
}
.barbie-css div.list-table.billing-data {
  width: auto;
}
.barbie-css div.list-table.billing-data > div {
  min-width: 860px;
}
.barbie-css .colour-picker-wrapper {
  display: inline-block;
}
.barbie-css .colour-picker {
  padding-left: 16px;
  float: right;
}
.barbie-css .colour-preview {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  border: 1px solid #eee;
}
.barbie-css .business-details ul li {
  padding-bottom: 16px;
}
.barbie-css .view-document-dialog {
  min-width: 300px;
}
.barbie-css .contact-customer-support-message {
  margin-bottom: 44px;
  padding: 28px;
  background-color: #F4F5F5;
  color: #858B8F;
  border-radius: 8px;
  text-align: center;
}
.barbie-css .contact-customer-support-message i {
  margin-top: -20px;
  font-size: 63px;
}
.barbie-css .contact-customer-support-message p {
  max-width: 50%;
  margin: 0 auto;
  font-size: 15px;
}
@media (max-width: 600px) {
  .barbie-css .contact-customer-support-message p {
    max-width: 100%;
  }
}
.barbie-css .documents-expiry-settings-dropdown {
  max-width: 178px;
}
.barbie-css .filter-container {
  padding: 10px 20px;
  border-bottom: 1px solid #A6ABAE;
  text-align: left;
  display: inline-block;
}
@media (max-width: 500px) {
  .barbie-css .filter-container {
    padding: 10px 0;
  }
}
.barbie-css .filter-container > div {
  display: inline-block;
  font-size: 18px;
  padding: 10px;
}
.barbie-css .filter-container > div label {
  display: block;
  font-size: 12px;
  font-weight: 300;
  color: #858B8F;
  text-transform: uppercase;
}
.barbie-css .filter-container > div.wide {
  width: 240px;
}
.barbie-css .filter-container > div.date {
  width: 140px;
}
.barbie-css div.list-table.payrun-cost-data > div {
  min-width: 894px;
}
.barbie-css div.list-table.payrun-cost-data > div.body-row > div {
  vertical-align: middle;
}
.barbie-css div.list-table.payrun-cost-data > div.body-row > div:nth-child(2) {
  font-size: 14px;
}
.barbie-css div.list-table.payrun-cost-data > div.body-row > div:nth-child(3),
.barbie-css div.list-table.payrun-cost-data > div.body-row > div:nth-child(7) {
  font-size: 16px;
}
.barbie-css div.list-table.payrun-cost-data > div.body-row > div:nth-child(2),
.barbie-css div.list-table.payrun-cost-data > div.body-row > div:nth-child(4),
.barbie-css div.list-table.payrun-cost-data > div.body-row > div:nth-child(5),
.barbie-css div.list-table.payrun-cost-data > div.body-row > div:nth-child(6) {
  font-weight: 200;
  font-size: 26px;
}
.barbie-css div.list-table.payrun-cost-data > div.body-row.total > div:nth-child(1) {
  text-transform: uppercase;
  text-align: right;
  padding-right: 35px;
}
.barbie-css .large-column-table.placement-totals {
  max-width: 580px;
}
.barbie-css div.button-bar.thin.task-email-list {
  padding: 5px 0;
  border-bottom: 1px solid #DDE2E5;
}
.barbie-css div.button-bar.thin.task-email-list .left {
  margin: 0 0 0 50px;
}
.barbie-css div.button-bar.thin.task-email-list .info-area {
  color: #2E3236;
}
.barbie-css div.button-bar.thin.task-email-list .info-area > div {
  padding-left: 12px;
  margin-left: 12px;
}
.barbie-css div.button-bar.thin.task-email-list .info-area .action {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .dialog div.large-list-table.task-email-list .body-row:first-child {
  border-top: none;
}
.barbie-css .dialog div.large-list-table.task-email-list .body-row .icon.attachment {
  vertical-align: middle;
  overflow: hidden;
}
.barbie-css .dialog div.large-list-table.task-email-list .body-row .info-area {
  margin: 0;
  padding: 5px;
  overflow: hidden;
}
.barbie-css .dialog div.large-list-table.task-email-list .body-row .info-area .action {
  color: #C81F02;
  top: 1px;
  position: relative;
}
.barbie-css .dialog div.large-list-table.task-email-list .body-row .info-area .action i.icon {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.barbie-css .dialog div.large-list-table.task-email-list .body-row .info-area .action i.icon:before {
  top: -19px;
  position: relative;
  font-size: 26px;
  color: #C81F02;
}
.barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column {
  width: 100%;
}
.barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column .block {
  float: none;
  overflow: hidden;
}
.barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column .block:nth-child(1) {
  width: 100% / 750 * 300;
}
.barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column .block:nth-child(2) {
  width: 100% / 750 * 150;
}
.barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column .block:nth-child(3) {
  width: 100% / 750 * 150;
}
.barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column .block:nth-child(4) {
  width: 100% / 750 * 150;
}
.barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column .block span.dropdown {
  width: 75%;
}
@media (max-width: 1000px) {
  .barbie-css div.large-list-table div.quick-view div.list-bar.task-details div.column:first-child {
    border-bottom: none;
  }
}
.barbie-css div.large-list-table.task-list .body-row {
  overflow: hidden;
}
.barbie-css div.large-list-table.task-list .body-row .hover-icon {
  display: none;
  float: right;
  border: none;
}
.barbie-css div.large-list-table.task-list .body-row .hover-icon.mobile {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css div.large-list-table.task-list .body-row .hover-icon.mobile {
    display: block;
  }
}
.barbie-css div.large-list-table.task-list .body-row.quickview-closed:hover,
.barbie-css div.large-list-table.task-list .body-row.quickview-open {
  background-color: #ECEFF1;
}
.barbie-css div.large-list-table.task-list .body-row.quickview-closed:hover div.comment-count span,
.barbie-css div.large-list-table.task-list .body-row.quickview-open div.comment-count span {
  color: #5F676F;
}
.barbie-css div.large-list-table.task-list .body-row.quickview-closed:hover div.comment-count span:before,
.barbie-css div.large-list-table.task-list .body-row.quickview-open div.comment-count span:before {
  color: #5F676F;
}
.barbie-css div.large-list-table.task-list .body-row .info-area .hover-icon {
  display: block;
  width: 0;
  -webkit-transition: width 200ms ease-in-out;
  -moz-transition: width 200ms ease-in-out;
  -ms-transition: width 200ms ease-in-out;
  -o-transition: width 200ms ease-in-out;
  height: 35px;
  overflow: hidden;
  padding-left: 0;
  margin-left: 0;
}
.barbie-css div.large-list-table.task-list .body-row .info-area .hover-icon i {
  margin-left: 10px;
}
.barbie-css div.large-list-table.task-list .body-row .info-area:hover .hover-icon {
  width: 45px;
}
@media (max-width: 760px) {
  .barbie-css div.large-list-table.task-list .body-row .info-area:hover .hover-icon {
    display: none;
  }
}
.barbie-css div.large-list-table.task-list .body-row .info-area .hover-icon.mobile {
  display: none;
}
@media (max-width: 600px) {
  .barbie-css div.large-list-table.task-list .body-row .info-area .hover-icon.mobile {
    display: block;
    width: 45px;
  }
}
.barbie-css div.large-list-table.task-list .body-row.quickview-open .info-area .hover-icon {
  width: 45px;
}
.barbie-css div.large-list-table.task-list .body-row.quickview-open .task-info {
  padding-bottom: 12px;
}
.barbie-css .timesheet-status-button-top {
  float: right;
}
.barbie-css .timesheet-status-button-top button {
  margin-bottom: 6px;
}
.barbie-css .list-table.timesheet-expense .day-of-month i.icon.postfix {
  height: auto;
}
.barbie-css div.matrix-table.expenses div.body-auto-height {
  height: auto;
}
.barbie-css div.matrix-table.expenses div.body-row {
  font-size: 16px;
}
.barbie-css div.matrix-table.expenses div.body-row div.sub-row {
  float: left;
}
.barbie-css div.matrix-table.expenses div.body-row div.attachments-list {
  display: block;
}
.barbie-css div.matrix-table.expenses div.body-row div.attachments-list ul.files {
  font-size: 12px;
  line-height: 22px;
}
.barbie-css div.matrix-table.expenses div.body-row div.attachments-list ul.files li,
.barbie-css div.matrix-table.expenses div.body-row div.attachments-list ul.files li > i {
  padding-right: 5px;
  display: inline;
  float: left;
}
.barbie-css div.matrix-table.expenses div.body-row > div.expense-content > div {
  display: block;
  clear: both;
}
.barbie-css div.matrix-table.expenses div.status-row {
  margin-top: 0;
}
.barbie-css div.matrix-table.expenses > div > div.first {
  text-align: left;
}
.barbie-css .timesheet-dotted {
  border-bottom: 1px dotted #858B8F;
}
.barbie-css .dialog.download-margin-report {
  width: 550px;
}
.barbie-css .dialog.download-margin-report .list-bar .column {
  font-size: 14px;
}
.barbie-css .dialog.download-margin-report .list-bar .column label {
  font-size: 14px;
}
.barbie-css .dialog.download-margin-report form ul li,
.barbie-css .dialog.download-margin-report ng-form ul li {
  font-size: 14px;
}
.barbie-css .dialog.download-margin-report form ul li label,
.barbie-css .dialog.download-margin-report ng-form ul li label {
  font-size: 14px;
}
.barbie-css .dialog.download-margin-report .date-selector {
  max-width: 380px;
  margin: 0 auto;
}
.barbie-css .contact-line.small {
  margin: 0;
  padding: 0;
  border: 0;
}
.barbie-css .error-message {
  display: flex;
  margin-bottom: 24px;
  flex-direction: column;
  text-align: center;
}
.barbie-css input.name.create-timesheet-ddl {
  width: 150px;
}
.barbie-css .timesheet-no-top-border {
  border-top: 0 !important;
}
.barbie-css div.matrix-table.timesheets {
  display: block;
}
.barbie-css div.matrix-table.timesheets.summary {
  width: 500px;
  display: inline-block;
}
.barbie-css div.matrix-table.timesheets.summary .header-row,
.barbie-css div.matrix-table.timesheets.summary .heading {
  color: #2E3236;
}
.barbie-css .dialog-button-bar.timesheets {
  width: 792px;
}
.barbie-css .info-area.timesheets-area {
  vertical-align: top;
}
.barbie-css .info-area.timesheets-area.single-line {
  white-space: normal;
}
.barbie-css .info-area.timesheets-area.right {
  float: right;
  margin-right: 0px;
}
.barbie-css .info-area.timesheets-area > div:last-child {
  padding-right: 0px;
}
.barbie-css .list-column-table .status {
  border-bottom: 1px dotted #858B8F;
}
.barbie-css .list-container.no-border.left-margin {
  margin-left: 25px;
}
.barbie-css .list-container .status {
  border-bottom: 1px dotted #858B8F;
}
.barbie-css .list-container > ul > li .clickable {
  color: #afbb36;
  color: var(--main-theme-color);
}
.barbie-css .list-container > ul > li .relative.clickable,
.barbie-css .list-container > ul > li .absolute.clickable {
  color: #5F676F;
  border-bottom: 1px dotted #858B8F;
}
.barbie-css .message.row {
  text-align: center;
  margin-bottom: 50px;
}
.barbie-css .message.row .column {
  margin-left: 150px;
  max-width: 430px;
}
.barbie-css .message.row .column .message-title {
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  letter-spacing: -0.01em;
  margin-top: -15px;
  margin-bottom: 10px;
}
.barbie-css .message.row .column .message-description {
  font-size: 16px;
}
.barbie-css div.matrix-table div.body-row div.action.no-vertical-top {
  vertical-align: unset;
}
@media (min-width: 840px) {
  .barbie-css .mobile {
    display: none;
  }
  .barbie-css div.list-table > div > div.mobile,
  .barbie-css div.matrix-table div > div.mobile,
  .barbie-css div.list-table > div.body-row .sub-row.mobile {
    display: none;
  }
  .barbie-css div.list-table > div.body-row .quick-view {
    -webkit-user-select: text;
            user-select: text;
  }
}
@media (max-width: 839px) {
  .barbie-css .mobile {
    display: block;
  }
  .barbie-css .timesheets-list .desktop,
  .barbie-css div.matrix-table .desktop,
  .barbie-css .create-timesheet-dialog .desktop {
    display: none;
  }
  .barbie-css .ds-heading-2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
  .barbie-css .create-timesheet-dialog .desktop {
    display: none;
  }
  .barbie-css .create-timesheet-dialog input.dropdown.name {
    width: 150px;
  }
  .barbie-css .create-timesheet-dialog div.list-table > div.body-row {
    display: flex;
    flex-wrap: wrap;
  }
  .barbie-css .create-timesheet-dialog div.list-table > div.body-row .info-wrapper {
    order: 2;
    flex: 1 0 100%;
    padding-top: 4px;
    padding-bottom: 16px;
  }
  .barbie-css .create-timesheet-dialog div.list-table > div.body-row .info-wrapper.stronger {
    color: #a6abae;
  }
  .barbie-css .create-timesheet-dialog div.list-table > div.body-row .worker-wrapper {
    padding-bottom: 0px;
    flex: 1 0 60%;
    width: auto;
  }
  .barbie-css .create-timesheet-dialog div.list-table > div.body-row .action-button-wrapper {
    flex: 1 0 40%;
    padding-bottom: 4px;
    display: flex;
    flex-direction: column;
  }
  .barbie-css .create-timesheet-dialog div.list-table > div.body-row .action-button-wrapper br {
    display: none;
  }
  .barbie-css .create-timesheet-dialog div.list-table > div.body-row .action-button-wrapper .ordered-on-mobile {
    order: 2;
  }
  .barbie-css .timesheets-list div.list-table > div.header-row {
    height: auto;
    line-height: 1.1;
  }
  .barbie-css .timesheets-list div.list-table > div.body-row .sub-row.desktop {
    display: none;
  }
  .barbie-css .timesheets-list div.list-table > div .quick-view {
    padding: 10px 5px;
  }
  .barbie-css .timesheets-list div.list-table > div .mobile-padding {
    padding-left: 5px;
  }
  .barbie-css .timesheets-list .info-bar {
    padding-bottom: 8px;
  }
  .barbie-css .timesheets-list .info-bar .inline.right-float,
  .barbie-css .timesheets-list .info-bar .info.left-margin,
  .barbie-css .timesheets-list .info-bar .info label.left-margin {
    margin-left: 0px;
  }
  .barbie-css .timesheets-list .info-bar .info {
    font-size: 14px;
  }
  .barbie-css .timesheets-list i.icon.dropdown.postfix {
    height: 20px;
    top: -5px;
  }
  .barbie-css .timesheets-list i.icon.expand.small {
    margin-right: -4px;
  }
  .barbie-css div.matrix-table.timesheets {
    width: 100%;
  }
  .barbie-css div.matrix-table.timesheets .mobile-padding {
    padding: 0 10px 0;
  }
  .barbie-css div.matrix-table.timesheets .flex-on-mobile {
    display: flex;
    align-items: center;
    height: auto;
  }
  .barbie-css div.matrix-table.timesheets .flex-on-mobile .label {
    line-height: 1.2;
  }
  .barbie-css div.matrix-table.timesheets .body-row {
    padding: 0 10px 0;
    font-size: 1rem;
  }
  .barbie-css div.matrix-table.timesheets .body-row div.heading {
    font-size: 10px;
  }
  .barbie-css div.matrix-table.timesheets .header-row {
    padding: 0 10px 0;
  }
  .barbie-css div.matrix-table.timesheets .header-row > div {
    font-size: 10px;
  }
  .barbie-css div.matrix-table.timesheets div.status-row {
    margin: 12px 10px 0;
  }
  .barbie-css div.matrix-table.timesheets a.button {
    line-height: 1.3;
  }
}
.barbie-css .cancel-bar {
  text-align: right;
}
@media (max-width: 760px) {
  .barbie-css .cancel-bar {
    padding-top: 10px;
  }
}
.barbie-css .identification-wizard .identification-form {
  font-size: 16px;
}
.barbie-css .identification-wizard .identification-form__header {
  justify-content: space-between;
  align-items: center;
}
.barbie-css .identification-wizard .identification-form h2 {
  font-weight: 500;
}
.barbie-css .identification-wizard .identification-form label:has(+ [required]):after,
.barbie-css .identification-wizard .identification-form label:has(+ .radio-group > [required]):after,
.barbie-css .identification-wizard .identification-form label:has(+ .radio-group > * > [required]):after {
  content: "*";
  font-size: 15px;
  padding-left: 4px;
  font-weight: 800;
  vertical-align: top;
  color: #D12D35;
}
.barbie-css .identification-wizard .identification-form label,
.barbie-css .identification-wizard .identification-form .lighter {
  color: #858B8F;
}
.barbie-css .identification-wizard .identification-form label.wide,
.barbie-css .identification-wizard .identification-form .lighter.wide {
  width: 197px;
}
.barbie-css .identification-wizard .identification-form .helper {
  font-size: 14px;
  margin: 0 0 30px 20px;
  padding-top: 5px;
}
.barbie-css .identification-wizard .identification-form .radio-group.larger {
  width: 100%;
  margin: 10px 0;
}
.barbie-css .identification-wizard .identification-form .radio-group.larger input[type="radio"],
.barbie-css .identification-wizard .identification-form .radio-group.larger span.input[type="radio"] {
  padding-bottom: 25px;
}
.barbie-css .identification-wizard .identification-form .overview ul {
  list-style: disc;
  padding: 10px 0 0 25px;
}
.barbie-css .identification-wizard .identification-form .overview li {
  padding-bottom: 5px;
}
.barbie-css .identification-wizard .identification-form ul.indented {
  padding-left: 20px;
}
@media (max-width: 760px) {
  .barbie-css .identification-wizard {
    padding: 0 10px !important;
  }
  .barbie-css .identification-wizard ul.manual-verification label,
  .barbie-css .identification-wizard ul.manual-verification input,
  .barbie-css .identification-wizard ul.manual-verification .file-box {
    padding-left: 0;
    margin-left: 0;
  }
  .barbie-css .identification-wizard .dropdown.large {
    width: 250px;
    margin-top: 10px;
  }
  .barbie-css .identification-wizard .step-control {
    height: 45px;
    z-index: 1;
  }
  .barbie-css .identification-wizard div.top-margin {
    margin-top: 30px;
  }
  .barbie-css .identification-wizard li.margin-bottom {
    margin-bottom: 10px;
  }
  .barbie-css .identification-wizard at-step {
    min-height: 60vh;
    padding: 20px;
  }
  .barbie-css .identification-wizard at-step .button-bar.top-margin {
    z-index: 3;
    margin-top: 10px;
  }
  .barbie-css .identification-wizard at-step .button-bar.top-margin button.solid {
    z-index: 3;
    font-size: 16px;
    padding: 10px 25px;
  }
  .barbie-css .identification-wizard at-step .button-bar.top-margin.top-margin {
    margin-top: 30px;
  }
}