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

@font-face {
    font-family: 'heebo-black';
    src: url('heebo-black.ce82817f102b3103.woff2') format('woff2'), url('Heebo-Black.321c5a727dcdf069.ttf') format('truetype'), url('heebo-black.e630b9d8a763f741.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heebo-bold';
    src: url('heebo-bold.d84427cf1c4592cc.woff2') format('woff2'), url('Heebo-Bold.15fa61365a5bf6bf.ttf') format('truetype'), url('heebo-bold.1aaecfbe65bfd444.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heebo-extrabold';
    src: url('heebo-extrabold.21f47c07320ed3bd.woff2') format('woff2'), url('Heebo-ExtraBold.59018f08f781426c.ttf') format('truetype'), url('heebo-extrabold.104bc365a608da10.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heebo-light';
    src: url('heebo-light.efe3e9d97b080966.woff2') format('woff2'), url('Heebo-Light.4c0e1d65fbcbc706.ttf') format('truetype'), url('heebo-light.bed41fc8f3ca277a.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heebo-medium';
    src: url('heebo-medium.efd0bf27cf637c59.woff2') format('woff2'), url('Heebo-Medium.545a2ff155d3322d.ttf') format('truetype'), url('heebo-medium.125a22b1fc4c02b2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heebo';
    src: url('heebo-regular.397ceded92f0ec1a.woff2') format('woff2'), url('Heebo-Regular.6ca3be98cbfd9e08.ttf') format('truetype'), url('heebo-regular.073eb06d70ba30fb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'heebo-thin';
    src: url('heebo-thin.c035aa73ccbebc2e.woff2') format('woff2'), url('Heebo-Thin.c83ceaa196c50018.ttf') format('truetype'), url('heebo-thin.ca66979863adae26.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/*********************RESET*******************************/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
  display: block;
}

a,
hr {
  padding: 0;
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}

ins,
mark {
  background-color: #ff9;
  color: #000;
}

body {
  line-height: 1;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

a {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
}

input,
select {
  vertical-align: middle;
}

a,
abbr,
address,
article,
blockquote,
caption,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
table,
td,
tr,
strong,
bold {
  color: var(--global-font-color);
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-decoration: none;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-smoothing: antialiased;
}

.bmo-overlay-dark {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.75);
  display: none;
}
.bmo-overlay-dark.active {
  display: block;
  z-index: var(--zindex-overlay);
}

.bmo-overlay-light {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  display: none;
}
.bmo-overlay-light.active {
  display: block;
  z-index: var(--zindex-overlay);
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/************************************************GRID STYLES************************************/
.demo-span {
  border: 2px dotted grey;
  min-height: 32px;
  display: block;
  margin: 8px 0;
}

.bmo-container {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  display: block;
  max-width: var(--default-screen-max);
}
.bmo-container:after {
  clear: both;
  content: "";
  display: block;
}

.row {
  min-height: 1px;
  clear: both;
  display: block;
}

.row:after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (max-width: 5000px) and (min-width: 1168px) {
  .grid-container {
    max-width: 1280px;
    width: 100%;
  }
}
@media only screen and (max-width: 1503px) and (min-width: 0px) {
  .bmo-container {
    min-width: 320px;
  }
}
.grid {
  display: block;
  float: left;
  transition: 0.3s all ease;
  padding: 0 var(--each-grid-gutter);
  box-sizing: border-box;
}
.grid:after {
  display: block;
  clear: both;
  content: "";
}
.grid.col-100 {
  width: 100%;
}
.grid.col-90 {
  width: 90%;
}
.grid.col-80 {
  width: 80%;
}
.grid.col-75 {
  width: 75%;
}
.grid.col-70 {
  width: 70%;
}
.grid.col-66 {
  width: 66.666666666%;
}
.grid.col-60 {
  width: 60%;
}
.grid.col-50 {
  width: 50%;
}
.grid.col-40 {
  width: 40%;
}
.grid.col-33 {
  width: 33.333333333%;
}
.grid.col-30 {
  width: 30%;
}
.grid.col-25 {
  width: 25%;
}
.grid.col-20 {
  width: 20%;
}
.grid.col-16 {
  width: 16.666666666%;
}
.grid.col-12 {
  width: 12.5%;
}
.grid.col-10 {
  width: 10%;
}
.grid.col-8 {
  width: 8.3333333333%;
}

@media only screen and (max-width: 1279px) {
  .grid {
    padding-left: var(--each-grid-gutter);
    padding-right: var(--each-grid-gutter);
  }
  .grid:after {
    display: block;
    clear: both;
    content: "";
  }
  .grid.xl-col-100 {
    width: 100%;
  }
  .grid.xl-col-90 {
    width: 90%;
  }
  .grid.xl-col-80 {
    width: 80%;
  }
  .grid.xl-col-75 {
    width: 75%;
  }
  .grid.xl-col-70 {
    width: 70%;
  }
  .grid.xl-col-66 {
    width: 66.666666666%;
  }
  .grid.xl-col-60 {
    width: 60%;
  }
  .grid.xl-col-50 {
    width: 50%;
  }
  .grid.xl-col-40 {
    width: 40%;
  }
  .grid.xl-col-33 {
    width: 33.333333333%;
  }
  .grid.xl-col-30 {
    width: 30%;
  }
  .grid.xl-col-25 {
    width: 25%;
  }
  .grid.xl-col-20 {
    width: 20%;
  }
  .grid.xl-col-16 {
    width: 16.666666666%;
  }
  .grid.xl-col-12 {
    width: 12.5%;
  }
  .grid.xl-col-10 {
    width: 10%;
  }
  .grid.xl-col-8 {
    width: 8.3333333333%;
  }
}
@media only screen and (max-width: 1023px) {
  .grid {
    display: block;
    float: left;
    box-sizing: border-box;
    padding-left: var(--each-grid-gutter);
    padding-right: var(--each-grid-gutter);
  }
  .grid:after {
    display: block;
    clear: both;
    content: "";
  }
  .grid.lg-col-100 {
    width: 100%;
  }
  .grid.lg-col-90 {
    width: 90%;
  }
  .grid.lg-col-80 {
    width: 80%;
  }
  .grid.lg-col-75 {
    width: 75%;
  }
  .grid.lg-col-70 {
    width: 70%;
  }
  .grid.lg-col-66 {
    width: 66.666666666%;
  }
  .grid.lg-col-60 {
    width: 60%;
  }
  .grid.lg-col-50 {
    width: 50%;
  }
  .grid.lg-col-40 {
    width: 40%;
  }
  .grid.lg-col-33 {
    width: 33.333333333%;
  }
  .grid.lg-col-30 {
    width: 30%;
  }
  .grid.lg-col-25 {
    width: 25%;
  }
  .grid.lg-col-20 {
    width: 20%;
  }
  .grid.lg-col-16 {
    width: 16.666666666%;
  }
  .grid.lg-col-12 {
    width: 12.5%;
  }
  .grid.lg-col-10 {
    width: 10%;
  }
  .grid.lg-col-8 {
    width: 8.3333333333%;
  }
}
@media only screen and (max-width: 767px) {
  .grid {
    padding-left: var(--md-each-grid-gutter);
    padding-right: var(--md-each-grid-gutter);
  }
  .grid:after {
    display: block;
    clear: both;
    content: "";
  }
  .grid.md-col-100 {
    width: 100%;
  }
  .grid.md-col-90 {
    width: 90%;
  }
  .grid.md-col-80 {
    width: 80%;
  }
  .grid.md-col-75 {
    width: 75%;
  }
  .grid.md-col-70 {
    width: 70%;
  }
  .grid.md-col-66 {
    width: 66.666666666%;
  }
  .grid.md-col-60 {
    width: 60%;
  }
  .grid.md-col-50 {
    width: 50%;
  }
  .grid.md-col-40 {
    width: 40%;
  }
  .grid.md-col-33 {
    width: 33.333333333%;
  }
  .grid.md-col-30 {
    width: 30%;
  }
  .grid.md-col-25 {
    width: 25%;
  }
  .grid.md-col-20 {
    width: 20%;
  }
  .grid.md-col-16 {
    width: 16.666666666%;
  }
  .grid.md-col-12 {
    width: 12.5%;
  }
  .grid.md-col-10 {
    width: 10%;
  }
  .grid.md-col-8 {
    width: 8.3333333333%;
  }
}
@media only screen and (max-width: 599px) {
  .bmo-container {
    padding: 0 8px;
  }
  .grid {
    padding-left: var(--sm-each-grid-gutter);
    padding-right: var(--sm-each-grid-gutter);
  }
  .grid.sm-col-100 {
    width: 100%;
  }
  .grid.sm-col-75 {
    width: 75%;
  }
  .grid.sm-col-66 {
    width: 66.6666666667%;
  }
  .grid.sm-col-50 {
    width: 50%;
  }
  .grid.sm-col-33 {
    width: 33.3333333333%;
  }
  .grid.sm-col-25 {
    width: 25%;
  }
}
@media only screen and (max-width: 374px) {
  .grid.xsm-col-100 {
    width: 100%;
  }
  .grid.xsm-col-75 {
    width: 75%;
  }
  .grid.xsm-col-66 {
    width: 66.6666666667%;
  }
  .grid.xsm-col-50 {
    width: 50%;
  }
  .grid.xsm-col-33 {
    width: 33.3333333333%;
  }
  .grid.xsm-col-25 {
    width: 25%;
  }
}
.no-margin {
  margin: 0 !important;
}

:root {
  --badge-default-bg: var(--brand-dark-blue);
  --badge-default-text: var(--brand-white);
  --badge-negative-bg: var(--brand-negative);
  --badge-negative-text: var(--brand-white);
  --badge-positive-bg: var(--brand-positive);
  --badge-positive-text: var(--brand-white);
  --badge-light-grey-bg: var(--brand-light-grey);
  --badge-light-grey-text: var(--brand-black);
  --badge-sky-blue-bg: var(--bmo-sky-blue);
  --badge-sky-blue-text: var(--brand-white);
  --badge-poolside-bg: var(--bmo-poolside);
  --badge-poolside-text: var(--brand-white);
  --badge-lilac-bg: #4D71A8;
  --badge-lilac-text: var(--brand-white);
  --badge-retrospect-bg: #00977B;
  --badge-retrospect-text: var(--brand-white);
  --badge-olive-bg: #C3C070;
  --badge-olived-text: #001928;
  --badge-sunflower-bg: #FFC700;
  --badge-sunflower-text: #001928;
  --badge-orchid-bg: #B1357D;
  --badge-orchid-text: var(--brand-white);
}

.badge {
  text-transform: uppercase;
  text-align: center;
  border-radius: 4px;
  display: inline-block;
  color: var(--brand-white);
  box-sizing: border-box;
  padding: 0 16px;
  line-height: 26px;
  font-size: 1.4rem;
  height: 32px;
  border-radius: 4px;
  line-height: 32px;
  font-weight: 700;
  margin-right: 16px;
  background-color: var(--brand-dark-blue);
}
.badge.small {
  font-size: 1rem;
  height: 16px;
  border-radius: 2px;
  line-height: 16px;
  vertical-align: top;
  margin-right: 8px;
  padding: 0 4px;
}
.badge.light-grey {
  background: var(--brand-light-grey);
  color: var(--badge-light-grey-text);
}
.badge.sky-blue {
  background-color: var(--badge-sky-blue-bg);
  color: var(--badge-sky-blue-text);
}
.badge.poolside {
  background-color: var(--badge-poolside-bg);
  color: var(--badge-poolside-text);
}
.badge.lilac {
  background-color: var(--badge-lilac-bg);
  color: var(--badge-lilac-text);
}
.badge.retrospect {
  background-color: var(--badge-retrospect-bg);
  color: var(--badge-retrospect-text);
}
.badge.olive {
  background-color: var(--badge-olive-bg);
  color: var(--badge-olive-text);
}
.badge.sunflower {
  background-color: var(--badge-sunflower-bg);
  color: var(--badge-sunflower-text);
  color: var(--badge-sunflower-text);
}
.badge.orchid {
  background-color: var(--badge-orchid-bg);
  color: var(--badge-orchid-text);
}
.badge.negative {
  background-color: var(--badge-negative-bg);
  color: var(--badge-negative-text);
}
.badge.positive {
  background-color: var(--badge-positive-bg);
  color: var(--badge-positive-text);
}
.badge:focus {
  outline: 0;
  box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.65);
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/***********************************************************************************************/
/************************************************GRID STYLES************************************/
/***********************************************************************************************/
.bmo-container {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.bmo-container.padding {
  padding-left: 16px;
  padding-right: 16px;
}
.bmo-container:after {
  clear: both;
  content: "";
  display: block;
}

.row {
  min-height: 1px;
  clear: both;
  display: block;
}

.row:after {
  clear: both;
  content: "";
  display: block;
}

@media only screen and (max-width: 5000px) and (min-width: 1168px) {
  .bmo-container {
    max-width: 1280px;
    width: 100%;
  }
}
/******************************************************MOBILE FIRST GRID*************************************************/
@media only screen and (min-width: 0px) {
  .mf.grid {
    display: block;
    float: left;
    box-sizing: border-box;
    transition: all 0.3s ease;
    padding: 0 8px;
  }
  .mf.grid:after {
    display: block;
    clear: both;
    content: "";
  }
  .mf.grid.col-100 {
    width: 100%;
  }
  .mf.grid.col-75 {
    width: 75%;
  }
  .mf.grid.col-50 {
    width: 50%;
  }
  .mf.grid.col-33 {
    width: 33.333333333%;
  }
  .mf.grid.col-25 {
    width: 25%;
  }
}
@media only screen and (min-width: 375px) {
  .mf.grid.sm-col-100 {
    width: 100%;
  }
  .mf.grid.sm-col-50 {
    width: 50%;
  }
  .mf.grid.sm-col-33 {
    width: 33.333333%;
  }
  .mf.grid.sm-col-25 {
    width: 25%;
  }
}
@media only screen and (min-width: 600px) {
  .mf.grid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mf.grid:after {
    display: block;
    clear: both;
    content: "";
  }
  .mf.grid.md-col-100 {
    width: 100%;
  }
  .mf.grid.md-col-90 {
    width: 90%;
  }
  .mf.grid.md-col-80 {
    width: 80%;
  }
  .mf.grid.md-col-75 {
    width: 75%;
  }
  .mf.grid.md-col-70 {
    width: 70%;
  }
  .mf.grid.md-col-66 {
    width: 66.666666666%;
  }
  .mf.grid.md-col-60 {
    width: 60%;
  }
  .mf.grid.md-col-50 {
    width: 50%;
  }
  .mf.grid.md-col-40 {
    width: 40%;
  }
  .mf.grid.md-col-33 {
    width: 33.333333333%;
  }
  .mf.grid.md-col-30 {
    width: 30%;
  }
  .mf.grid.md-col-25 {
    width: 25%;
  }
  .mf.grid.md-col-20 {
    width: 20%;
  }
  .mf.grid.md-col-16 {
    width: 16.666666666%;
  }
  .mf.grid.md-col-12 {
    width: 12.5%;
  }
  .mf.grid.md-col-10 {
    width: 10%;
  }
  .mf.grid.md-col-8 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 768px) {
  .mf.grid {
    display: block;
    float: left;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
  }
  .mf.grid:after {
    display: block;
    clear: both;
    content: "";
  }
  .mf.grid.lg-col-100 {
    width: 100%;
  }
  .mf.grid.lg-col-90 {
    width: 90%;
  }
  .mf.grid.lg-col-80 {
    width: 80%;
  }
  .mf.grid.lg-col-75 {
    width: 75%;
  }
  .mf.grid.lg-col-70 {
    width: 70%;
  }
  .mf.grid.lg-col-66 {
    width: 66.666666666%;
  }
  .mf.grid.lg-col-60 {
    width: 60%;
  }
  .mf.grid.lg-col-50 {
    width: 50%;
  }
  .mf.grid.lg-col-40 {
    width: 40%;
  }
  .mf.grid.lg-col-33 {
    width: 33.333333333%;
  }
  .mf.grid.lg-col-30 {
    width: 30%;
  }
  .mf.grid.lg-col-25 {
    width: 25%;
  }
  .mf.grid.lg-col-20 {
    width: 20%;
  }
  .mf.grid.lg-col-16 {
    width: 16.666666666%;
  }
  .mf.grid.lg-col-12 {
    width: 12.5%;
  }
  .mf.grid.lg-col-10 {
    width: 10%;
  }
  .mf.grid.lg-col-8 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 1024px) {
  .mf.grid {
    display: block;
    float: left;
    box-sizing: border-box;
    margin-left: 16px;
    margin-right: 16px;
  }
  .mf.grid:after {
    display: block;
    clear: both;
    content: "";
  }
  .mf.grid.xl-col-100 {
    width: 100%;
  }
  .mf.grid.xl-col-90 {
    width: 90%;
  }
  .mf.grid.xl-col-80 {
    width: 80%;
  }
  .mf.grid.xl-col-75 {
    width: 75%;
  }
  .mf.grid.xl-col-70 {
    width: 70%;
  }
  .mf.grid.xl-col-66 {
    width: 66.666666666%;
  }
  .mf.grid.xl-col-60 {
    width: 60%;
  }
  .mf.grid.xl-col-50 {
    width: 50%;
  }
  .mf.grid.xl-col-40 {
    width: 40%;
  }
  .mf.grid.xl-col-33 {
    width: 33.333333333%;
  }
  .mf.grid.xl-col-30 {
    width: 30%;
  }
  .mf.grid.xl-col-25 {
    width: 25%;
  }
  .mf.grid.xl-col-20 {
    width: 20%;
  }
  .mf.grid.xl-col-16 {
    width: 16.666666666%;
  }
  .mf.grid.xl-col-12 {
    width: 12.5%;
  }
  .mf.grid.xl-col-10 {
    width: 10%;
  }
  .mf.grid.xl-col-8 {
    width: 8.3333333333%;
  }
}
@media only screen and (min-width: 1280px) {
  .mf.grid.max-col-100 {
    width: 100%;
  }
  .mf.grid.max-col-90 {
    width: 90%;
  }
  .mf.grid.max-col-80 {
    width: 80%;
  }
  .mf.grid.max-col-75 {
    width: 75%;
  }
  .mf.grid.max-col-70 {
    width: 70%;
  }
  .mf.grid.max-col-66 {
    width: 66.666666%;
  }
  .mf.grid.max-col-60 {
    width: 60%;
  }
  .mf.grid.max-col-50 {
    width: 50%;
  }
  .mf.grid.max-col-40 {
    width: 40%;
  }
  .mf.grid.max-col-33 {
    width: 33.333333%;
  }
  .mf.grid.max-col-30 {
    width: 30%;
  }
  .mf.grid.max-col-25 {
    width: 25%;
  }
  .mf.grid.max-col-20 {
    width: 20%;
  }
  .mf.grid.max-col-16 {
    width: 16%;
  }
  .mf.grid.max-col-12 {
    width: 12%;
  }
  .mf.grid.max-col-10 {
    width: 10%;
  }
  .mf.grid.max-col-8 {
    width: 8%;
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
.bmo-container-flex {
  display: flex;
  max-width: 1280px;
  margin: auto;
}

.flex-row {
  display: flex;
}

.flex-fill {
  flex: 1;
}

.flex-equal {
  flex: 1 0 auto;
}

.flex-col-expand {
  flex: 1 1 auto;
}

.flex-equal-fixed {
  flex: 0 0 auto;
}

.flow-row {
  flex-direction: row;
}

.flow-column {
  flex-direction: column;
}

.flow-wrap {
  flex-wrap: wrap;
}

.flow-nowrap {
  flex-wrap: nowrap;
}

/* --- END --- Classes for declaring flex parent, default orientation and wrap --- */
.jc-start {
  justify-content: flex-start;
}

.jc-end {
  justify-content: flex-end;
}

.jc-center {
  justify-content: center;
}

.jc-between {
  justify-content: space-between;
}

.jc-around {
  justify-content: space-around;
}

.ai-start {
  align-items: flex-start;
}

.ai-end {
  align-items: flex-end;
}

.ai-center {
  align-items: center;
}

.ai-baseline {
  align-items: baseline;
}

.ai-stretch {
  align-items: stretch;
}

.ac-start {
  align-content: flex-start;
}

.ac-end {
  align-content: flex-end;
}

.ac-center {
  align-content: center;
}

.ac-between {
  align-content: space-between;
}

.ac-around {
  align-content: space-around;
}

.ac-stretch {
  align-content: stretch;
}

.flex {
  transition: 0.3s all ease;
  padding: 0 var(--each-grid-gutter);
  box-sizing: border-box;
}
.flex.col-100 {
  flex: 0 0 100%;
  max-width: 100%;
}
.flex.col-90 {
  flex: 0 0 90%;
  max-width: 90%;
}
.flex.col-80 {
  flex: 0 0 80%;
  max-width: 80%;
}
.flex.col-75 {
  flex: 0 0 75%;
  max-width: 75%;
}
.flex.col-70 {
  flex: 0 0 70%;
  max-width: 70%;
}
.flex.col-66 {
  flex: 0 0 66.666666666%;
  max-width: 66.6666%;
}
.flex.col-60 {
  flex: 0 0 60%;
}
.flex.col-50 {
  flex: 0 0 50%;
}
.flex.col-40 {
  flex: 0 0 40%;
}
.flex.col-33 {
  flex: 0 0 33.333333333%;
}
.flex.col-30 {
  flex: 0 0 30%;
}
.flex.col-25 {
  flex: 0 0 25%;
}
.flex.col-20 {
  flex: 0 0 20%;
}
.flex.col-16 {
  flex: 0 0 16.666666666%;
}
.flex.col-12 {
  flex: 0 0 12.5%;
}
.flex.col-10 {
  flex: 0 0 10%;
}
.flex.col-8 {
  flex: 0 0 8.3333333333%;
}

@media only screen and (max-width: 1279px) {
  .flex {
    padding: 0 var(--each-grid-gutter);
    box-sizing: border-box;
  }
  .flex.xl-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex.xl-col-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex.xl-col-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex.xl-col-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex.xl-col-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex.xl-col-66 {
    flex: 0 0 66.666666666%;
    max-width: 66.666666%;
  }
  .flex.xl-col-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex.xl-col-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex.xl-col-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex.xl-col-33 {
    flex: 0 0 33.333333333%;
    max-width: 33.3333333%;
  }
  .flex.xl-col-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex.xl-col-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex.xl-col-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex.xl-col-16 {
    flex: 0 0 16.666666666%;
    max-width: 16.66666666%;
  }
  .flex.xl-col-12 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .flex.xl-col-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex.xl-col-8 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333%;
  }
}
@media only screen and (max-width: 1023px) {
  .flex.lg-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex.lg-col-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex.lg-col-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex.lg-col-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex.lg-col-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex.lg-col-66 {
    flex: 0 0 66.666666666%;
    max-width: 66.66666666%;
  }
  .flex.lg-col-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex.lg-col-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex.lg-col-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex.lg-col-33 {
    flex: 0 0 33.333333333%;
    max-width: 33.3333333%;
  }
  .flex.lg-col-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex.lg-col-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex.lg-col-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex.lg-col-16 {
    flex: 0 0 16.666666666%;
    max-width: 16.6666666%;
  }
  .flex.lg-col-12 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .flex.lg-col-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex.lg-col-8 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333%;
  }
}
@media only screen and (max-width: 767px) {
  .flex {
    padding: 0 var(--md-each-grid-gutter);
    box-sizing: border-box;
  }
  .flex.md-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex.md-col-90 {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .flex.md-col-80 {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .flex.md-col-75 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .flex.md-col-70 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .flex.md-col-66 {
    flex: 0 0 66.666666666%;
    max-width: 66.6666666%;
  }
  .flex.md-col-60 {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .flex.md-col-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex.md-col-40 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .flex.md-col-33 {
    flex: 0 0 33.333333333%;
    max-width: 33.3333333%;
  }
  .flex.md-col-30 {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .flex.md-col-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .flex.md-col-20 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .flex.md-col-16 {
    flex: 0 0 16.666666666%;
    max-width: 16.666666666%;
  }
  .flex.md-col-12 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .flex.md-col-10 {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .flex.md-col-8 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media only screen and (max-width: 599px) {
  .bmo-container-flex {
    padding: 0 var(--sm-each-grid-gutter);
    min-width: 320px;
  }
  .flex {
    padding: 0 8px;
    box-sizing: border-box;
  }
  .flex.sm-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex.sm-col-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex.sm-col-33 {
    flex: 0 0 33.3333333%;
    max-width: 33.333333%;
  }
  .flex.sm-col-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (max-width: 374px) {
  .flex.xsm-col-100 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .flex.xsm-col-50 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .flex.xsm-col-33 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .flex.xsm-col-25 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
/**************FONTS*****************/
:root {
  --display-1: 4.4rem;
  --display-2: 3.6rem;
  --headline-1: 2.8rem;
  --title-1: 2.4rem;
  --sub-heading: 2.2rem;
  --body-1: 1.8rem;
  --body-2: 1.6rem;
  --body-3: 1.4rem;
  --disclaimer-1: 1.2rem;
  --disclaimer-2: 1.0rem;
}

@media only screen and (max-width: 599px) {
  :root {
    --display-1: 3.6rem;
    --display-2: 3.6rem;
    --headline-1: 2.8rem;
    --title-1: 2.4rem;
    --sub-heading: 1.8rem;
    --body-1: 1.6rem;
    --body-2: 1.6rem;
    --body-3: 1.4rem;
    --disclaimer-1: 1.2rem;
    --disclaimer-2: 1.0rem;
  }
}
.black {
  color: var(--brand-black);
}

.white {
  color: var(--brand-white);
}

.blue {
  color: var(--brand-pri);
}

.ultramarine {
  color: var(--brand-dark-blue);
}

.positive {
  color: var(--brand-positive);
}

.negative {
  color: var(--brand-negative);
}

.granite {
  color: var(--brand-dark-grey);
}

display-1,
display-2,
headline-1,
title-1,
sub-heading,
body-1,
body-2,
body-3,
disclaimer-1,
disclaimer-2 {
  display: block;
}

.display-1 {
  font-size: var(--display-1);
  line-height: calc(var(--display-1) * 1.5);
}

.display-2 {
  font-size: var(--display-2);
  line-height: calc(var(--display-2) * 1.5);
  letter-spacing: -0.35px;
}

.headline-1 {
  font-size: var(--headline-1);
  line-height: calc(var(--headline-1) * 1.5);
}

.title-1 {
  font-size: var(--title-1);
  line-height: calc(var(--title-1) * 1.5);
}

.sub-heading {
  font-size: var(--sub-heading);
  line-height: calc(var(--sub-heading) * 1.5);
  letter-spacing: 0px;
}

.body-1 {
  font-size: var(--body-1);
  line-height: calc(var(--body-1) * 1.5);
  letter-spacing: 0px;
}

.body-2 {
  font-size: var(--body-2);
  line-height: calc(var(--body-2) * 1.5);
  letter-spacing: 0.15px;
}

.disclaimer-1 {
  font-size: var(--disclaimer-1);
  line-height: calc(var(--disclaimer-1) * 1.5);
  letter-spacing: 0.25px;
}

.disclaimer-2 {
  font-size: var(--disclaimer-2);
  line-height: calc(var(--disclaimer-2) * 1.5);
  letter-spacing: 0.3px;
}

.bold {
  font-weight: 700;
}

.medium {
  font-weight: 500;
}

.light {
  font-weight: 300;
}

/* CSS Document */
/****************************************************************************************/
/**********************************HEADER STYLES*****************************************/
/****************************************************************************************/
.bmo-header {
  background: var(--brand-pri);
  height: 80px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  width: 100%;
}
.bmo-header .bmo-container {
  max-width: 1280px;
  width: auto;
  margin: auto;
}
.bmo-header .bmo-logo {
  padding-left: 16px;
}

.bmo-header .bmo-container .hidden-label:focus {
  position: absolute;
  background: var(--brand-pri);
  color: var(--brand-white);
  display: block;
  z-index: var(--zindex-dropdown);
  margin-top: 80px;
  padding: 4px 8px;
  clip: auto;
}

.bmo-header .bmo-logo a {
  width: 116px;
  display: block;
  float: left;
  height: 80px;
  padding: 20px 24px 20px 0;
  box-sizing: border-box;
}

.bmo-header a {
  font-size: 1.4rem;
  color: var(--brand-white);
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  padding: 24px 24px;
}

.bmo-header .primary-nav a:hover,
.bmo-header .primary-nav a:focus {
  background: var(--brand-white);
  color: var(--brand-black);
}

.bmo-header .primary-nav a:focus {
  border-radius: 4px;
  box-shadow: var(--global-focus-shadow);
}

.bmo-header a.active {
  background: var(--brand-white);
  color: var(--brand-black);
}

.bmo-header nav ul {
  margin: 0;
}

.bmo-header nav li {
  display: block;
  float: left;
  height: 80px;
}

.bmo-header nav li a {
  display: block;
}

.bmo-header button.profile-menu-button {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  margin: 16px 0 16px 16px;
  border-radius: 4px;
  line-height: 40px;
  text-transform: capitalize;
  background-color: transparent;
  border: 2px solid rgba(0, 121, 193, 0);
  color: var(--brand-white);
  padding: 0 40px;
  background-color: var(--brand-dark-blue);
  cursor: pointer;
}
.bmo-header button.profile-menu-button .icon.profile {
  position: absolute;
  left: 8px;
}
.bmo-header button.profile-menu-button .icon.baby-chevy-down {
  position: absolute;
  right: 12px;
  top: 14px;
}

.bmo-header button.profile-menu-button:hover {
  background-color: var(--brand-dark-blue);
}

.bmo-header .profile-menu {
  height: 46px;
  width: 190px;
  border-radius: 4px;
  background-color: var(--brand-dark-blue);
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  position: absolute;
  margin-top: -64px;
  z-index: 2000;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0s linear, height 0.3s ease-in, width 0.3s ease-in, margin 0.3s ease-in, background-color 0.3s ease-in;
  -moz-transition: visibility 0s, opacity 0s linear, height 0.3s ease-in, width 0.3s ease-in, margin 0.3s ease-in, background-color 0.3s ease-in;
  -webkit-transition: visibility 0s, opacity 0s linear, height 0.3s ease-in, width 0.3s ease-in, margin 0.3s ease-in, background-color 0.3s ease-in;
  margin-left: 18px;
  padding: 4px 16px 6px 16px;
  box-sizing: border-box;
  overflow: hidden;
  color: var(--bmo-white);
  margin-left: 44px;
}

.bmo-header .profile-menu.active {
  background-color: var(--bmo-white);
  height: 216px;
  width: 285px;
  visibility: visible;
  opacity: 1;
  z-index: var(--zindex-dropdown);
  margin-left: -56px;
}

.bmo-header .profile-menu-header {
  min-height: 50px;
  border-bottom: 1px solid var(--bmo-light-grey);
  padding-bottom: 8px;
}
.bmo-header .profile-menu-header .icon.profile {
  position: absolute;
  left: 16px;
  top: 8px;
}
.bmo-header .profile-menu-header .icon.baby-chevy-down {
  position: absolute;
  right: 14px;
  top: 12px;
}

.bmo-header .profile-menu-header h2 {
  padding-left: 40px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 4px;
}

.bmo-header .profile-menu-header h2 span.signed-in-to {
  display: block;
  font-size: 1.4rem;
  margin-top: -2px;
  height: 24px;
  line-height: 24px;
  color: var(--bmo-granite);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bmo-header .profile-menu ul li {
  width: 100%;
  display: block;
  height: 56px;
  border-bottom: 1px solid var(--bmo-light-grey);
  box-sizing: border-box;
}

.bmo-header .profile-menu ul li a {
  color: var(--brand-dark-blue);
  display: block;
  text-align: left;
  padding: 8px 16px;
  font-weight: bold;
  text-indent: 24px;
  line-height: 36px;
  box-sizing: border-box;
  height: 56px;
}

.bmo-header .profile-menu ul li a.sign-out {
  color: var(--global-font-color);
  position: relative;
}
.bmo-header .profile-menu ul li a.sign-out .icon {
  position: absolute;
  left: 0px;
  top: 12px;
}

.bmo-header .profile-menu ul li a.dash-settings-icon {
  color: var(--global-font-color);
  position: relative;
}
.bmo-header .profile-menu ul li a.dash-settings-icon .icon {
  position: absolute;
  left: 0px;
  top: 12px;
}

.bmo-header .profile-menu ul li a:hover {
  color: var(--brand-black);
}

.bmo-header .profile-menu .sign-out-link {
  border-top: 1px solid var(--bmo-light-grey);
  margin-top: 8px;
  padding-top: 8px;
}

.profile-nav span.last-login {
  display: block;
  text-align: center;
  padding-bottom: 8px;
  color: var(--bmo-grey);
  clear: both;
  font-size: 1.2rem;
  padding-top: 12px;
}

nav.mobile-task-bar ul {
  display: none;
}

.bmo-header .sub-nav-container {
  position: absolute;
  background: var(--brand-white);
  left: 0;
  width: 100%;
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  height: 0;
  visibility: hidden;
  overflow-y: hidden;
}
.bmo-header .sub-nav-container.expanded {
  height: 64px;
  visibility: visible;
}
.bmo-header .sub-nav-container .sub-nav {
  position: absolute;
}
.bmo-header .sub-nav-container .sub-nav li:first-of-type {
  margin-left: 112px;
}
.bmo-header .sub-nav-container .sub-nav li a {
  color: var(--brand-black);
  border-bottom: 4px solid var(--brand-white);
  line-height: 12px;
}
.bmo-header .sub-nav-container .sub-nav li a.active {
  border-bottom: 4px solid var(--brand-pri);
}
.bmo-header .sub-nav-container .sub-nav li a:hover {
  background-color: var(--brand-white);
  border-bottom: 4px solid var(--brand-pri);
}

@media only screen and (max-width: 1279px) {
  .bmo-header .profile-menu {
    right: 16px;
    margin-right: 0;
  }
  .bmo-header .profile-menu.active {
    right: 16px;
    margin-right: 0;
  }
  .bmo-header button.profile-menu-button {
    margin-right: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .bmo-header .profile-menu {
    right: 16px;
    margin-right: 0;
  }
  .bmo-header .profile-menu.active {
    right: 16px;
    margin-right: 0;
  }
  .bmo-header {
    background-color: var(--brand-pri);
    z-index: 999;
  }
  .bmo-header,
  .bmo-header .bmo-container {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  .bmo-header {
    height: 80px;
  }
  .bmo-header .bmo-logo {
    padding-left: 16px;
  }
  .bmo-header .bmo-logo a {
    width: 96px;
    display: block;
    float: left;
    height: 56px;
    padding: 16px 24px 16px 0;
    box-sizing: border-box;
  }
  nav.mobile-task-bar ul {
    display: block;
    height: 56px;
    width: 88px;
    float: right;
    padding: 8px 0 0 0;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    right: 16px;
  }
  nav.mobile-task-bar ul li {
    display: inline-block;
    height: 36px;
    width: 36px;
    margin-right: 8px;
  }
  nav.mobile-task-bar ul li a {
    width: 36px;
    height: 36px;
    box-sizing: border-box;
  }
  nav.mobile-task-bar ul li a.user-menu-trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  nav.mobile-task-bar ul li a.user-menu-trigger .icon {
    position: absolute;
  }
  nav.mobile-task-bar ul li a.user-menu-trigger:hover .icon {
    filter: var(--brand-white-filter);
  }
  nav.mobile-task-bar ul li a.contact {
    background: url('24-profile.28a6e21ff4172674.svg') no-repeat center center;
    filter: var(--brand-white-filter);
    background-size: 24px 24px;
  }
  nav.mobile-task-bar ul li a.mobile-menu-button {
    background: url('24-hamburger-menu.8e63faf2f5d0bcd6.svg') no-repeat center center;
    background-size: 24px 24px;
  }
  nav.mobile-task-bar ul li a.mobile-menu-button.active {
    background: url('24-close.cd9c04645bbd3054.svg');
    filter: var(--brand-white-filter);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  nav.mobile-task-bar ul li ul.mobile-nav-list {
    padding: 0 16px;
  }
  nav.mobile-task-bar ul li ul.mobile-nav-list.first-drawer,
  nav.mobile-task-bar ul li ul.mobile-nav-list.first-drawer ul.mobile-nav-list.second-drawer {
    position: fixed;
    right: -100%;
    height: calc(100vh - 64px);
    top: 64px;
    background-color: var(--brand-white);
    width: 100%;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  nav.mobile-task-bar ul li ul.mobile-nav-list.first-drawer.active,
  nav.mobile-task-bar ul li ul.mobile-nav-list.first-drawer ul.mobile-nav-list.second-drawer.active {
    display: block;
    right: 0;
    width: 100%;
    background-color: var(--brand-white);
    max-width: 400px;
    z-index: var(--zindex-dropdown);
  }
  nav.mobile-task-bar ul li ul li {
    display: block;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #D9DCE1;
    height: 64px;
  }
  nav.mobile-task-bar ul li ul li a.mobile-menu-expandable {
    position: relative;
  }
  nav.mobile-task-bar ul li ul li a.mobile-menu-expandable .icon {
    position: absolute;
    right: 0px;
    top: 24px;
  }
  nav.mobile-task-bar ul li ul li ul li a.drawer-header-back {
    text-align: right;
    color: var(--global-font-color);
    position: relative;
  }
  nav.mobile-task-bar ul li ul li ul li a.drawer-header-back .icon {
    position: absolute;
    left: 0px;
    top: 24px;
  }
  nav.mobile-task-bar ul li ul li a {
    color: var(--brand-black);
    width: 100%;
    text-align: left;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 16px 0;
    height: 100%;
    clear: both;
    display: block;
    box-sizing: border-box;
  }
  nav.mobile-task-bar .mobile-menu-fixed-nav-bar {
    position: fixed;
    background: var(--brand-white);
    height: 36px;
    bottom: 0;
    width: 100%;
    max-width: 480px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    margin-left: 100%;
    padding-bottom: 16px;
  }
  nav.mobile-task-bar .mobile-menu-fixed-nav-bar.active {
    left: 0;
    margin-left: 0;
  }
  nav.mobile-task-bar .mobile-menu-fixed-nav-bar ul {
    width: 100%;
  }
  nav.mobile-task-bar .mobile-menu-fixed-nav-bar ul li {
    display: inline-block;
    width: 33.3333%;
    margin-right: 0;
  }
  nav.mobile-task-bar .mobile-menu-fixed-nav-bar ul li a {
    display: inline-block;
    width: 100%;
    padding: 8px;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 16px;
    box-sizing: border-box;
    height: 48px;
    text-align: left;
  }
  nav.mobile-task-bar .mobile-menu-fixed-nav-bar ul li a.active {
    color: var(--brand-black);
  }
  nav.mobile-task-bar .mobile-menu-fixed-nav-bar ul li a.mobile-menu-fixed-nav-contact {
    text-align: right;
  }
  .mobile-menu-fixed-nav-bar ul {
    float: left;
  }
  .mobile-menu-fixed-nav-bar ul li {
    display: inline-block;
  }
  .mobile-menu-fixed-nav-bar ul li a {
    color: var(--brand-pri);
  }
  .bmo-header .user-setting-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: var(--bmo-albicant);
    right: -400px;
    max-width: 400px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  .bmo-header .user-setting-menu.active {
    top: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    border-left: 1px solid var(--bmo-light-grey);
  }
  .bmo-header .user-setting-menu .profile-image {
    margin: 48px auto 24px;
    display: block;
  }
  .bmo-header .user-setting-menu-header {
    background: var(--bmo-bluea);
    color: #fff;
    height: 64px;
    box-sizing: border-box;
  }
  .bmo-header .user-setting-menu ul.user-setting-menu-list {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: 16px;
    position: static;
    display: block;
    padding: 0;
  }
  .bmo-header .user-setting-menu ul.user-setting-menu-list li {
    display: block;
    width: 100%;
    height: 56px;
  }
  .bmo-header .user-setting-menu ul.user-setting-menu-list li a {
    display: block;
    background: var(--bmo-white);
    border-top: 1px solid var(--bmo-light-grey);
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    color: var(--global-font-color);
    font-size: 1.6rem;
    text-align: left;
    height: 56px;
    padding-left: 88px;
    line-height: 24px;
  }
  .bmo-header .user-setting-menu ul.user-setting-menu-list li a.settings {
    position: relative;
  }
  .bmo-header .user-setting-menu ul.user-setting-menu-list li a.settings .icon {
    position: absolute;
    left: 48px;
    top: 16px;
  }
  .bmo-header .user-setting-menu ul.user-setting-menu-list li a.sign-out {
    position: relative;
  }
  .bmo-header .user-setting-menu ul.user-setting-menu-list li a.sign-out .icon {
    position: absolute;
    left: 48px;
    top: 16px;
  }
  .bmo-header .user-setting-menu-header-back {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 8px;
    top: 10px;
    background-image: url('24-arrow-left.4c5c32fa8f585284.svg');
    filter: var(--brand-white-filter);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    padding: 0;
    cursor: pointer;
  }
  .bmo-header .user-setting-menu-header-title {
    text-align: center;
    color: var(--bmo-white);
    display: block;
    height: 24px;
    font-size: 1.6rem;
    line-height: 24px;
    text-align: center;
    font-family: var(--global-font);
    font-weight: 500;
    padding-top: 20px;
  }
  .bmo-header .user-setting-menu-name {
    height: 24px;
    color: var(--bmo-slat);
    font-family: var(--global-font);
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 24px;
    text-align: center;
    display: block;
  }
  .bmo-header .user-setting-signed-in {
    height: 24px;
    color: var(--bmo-granite);
    font-size: 1.4rem;
    line-height: 24px;
    text-align: center;
    display: block;
  }
  .bmo-header .user-setting-last-login {
    height: 24px;
    color: var(--bmo-granite);
    font-family: var(--global-font);
    font-size: 1.4rem;
    line-height: 24px;
    margin-left: 16px;
    margin-top: 72px;
    display: inline-block;
  }
}
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: var(--zindex-overlay);
  top: 0;
  left: 0;
  display: none;
}

:root {
  --circle-list-bullet: url('8-bullet.68686d6b53e559a8.svg');
  --circle-list-bullet-nested: url('8-nested-bullet.2624bd1b841c97ca.svg');
}

.ul {
  list-style-position: inside;
}
.ul.bullet-list {
  list-style-type: none;
}
.ul.bullet-list .li {
  background-image: var(--circle-list-bullet);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px;
  line-height: 28px;
}
.ul.bullet-list .bullet-list-nested {
  margin-left: 16px;
  list-style-type: none;
}
.ul.bullet-list .bullet-list-nested .li {
  background-image: var(--circle-list-bullet-nested);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 16px;
  line-height: 24px;
  margin-left: 20px;
}

.ol {
  list-style-position: inside;
  word-break: break-all;
}
.ol .li {
  line-height: 28px;
}
.ol .li:before {
  content: "";
  display: inline-block;
  width: 4px;
}
.ol .nested {
  list-style-type: lower-roman;
  margin-left: 24px;
  list-style-position: outside;
  padding-left: 28px;
}
.ol .nested .li {
  line-height: 24px;
}

.mat-ul {
  background-color: var(--brand-white);
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  padding: 0 16px;
  box-sizing: border-box;
  overflow: hidden;
  list-style: none;
}
.mat-ul .mat-li {
  border-bottom: 1px solid #D9DCE1;
  padding: 3px 0;
}
.mat-ul .mat-li:last-of-type {
  border-bottom: 0px solid #D9DCE1;
}
.mat-ul .mat-li a {
  width: 100%;
  box-sizing: border-box;
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
a:hover > .icon,
button:hover > .icon.blue,
.button:hover > .icon.blue {
  filter: var(--brand-pri-filter-over);
}

a.button.primary:focus > .icon.white,
a.button.primary:hover > .icon.white,
a.button.tertiary:focus > .icon.white,
a.button.tertiary:hover > .icon.white {
  color: var(--brand-white) !important;
  filter: var(--brand-white-filter);
}

a:focus > .icon,
button:focus > .icon.blue,
.button:focus > .icon.blue {
  filter: var(--brand-pri-filter-over);
}

a:focus > .icon.white,
button:focus > .icon.white,
.button:focus > .icon.white {
  filter: var(--brand-white-filter);
}

@supports (-ms-ime-align: auto) {
  button:focus > .icon.blue {
    filter: var(--brand-pri-filter-over);
  }
}
.icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  filter: var(--brand-pri-filter);
}
.icon:hover {
  filter: var(--brand-pri-filter-over);
}
.icon.error-red, .icon.announcement-blue, .icon.warning-yellow, .icon.success-green, .icon.inline-error, .icon.positive, .icon.negative {
  filter: grayscale(0) invert(0) brightness(100%);
}
.icon.blue {
  filter: var(--brand-pri-filter);
}
.icon.blue:hover {
  filter: var(--brand-pri-filter-over);
}
.icon.blue.error-red, .icon.blue.announcement-blue, .icon.blue.warning-yellow, .icon.blue.success-green, .icon.blue.inline-error, .icon.blue.positive, .icon.blue.negative {
  filter: grayscale(0) invert(0) brightness(100%);
}
.icon.white {
  filter: var(--brand-white-filter);
  background-color: transparent;
}
.icon.white:hover, .icon.white:focus {
  filter: var(--brand-white-filter);
  background-color: transparent;
}
.icon.white.error-red, .icon.white.announcement-blue, .icon.white.warning-yellow, .icon.white.success-green, .icon.white.inline-error, .icon.white.positive, .icon.white.negative {
  filter: grayscale(0) invert(0) brightness(100%);
}
.icon.granite {
  filter: var(--brand-dark-grey-filter);
  background-color: transparent;
}
.icon.granite:hover {
  filter: var(--brand-dark-grey-filter);
  background-color: transparent;
}
.icon.granite.error-red, .icon.granite.announcement-blue, .icon.granite.warning-yellow, .icon.granite.success-green, .icon.granite.inline-error, .icon.granite.positive, .icon.granite.negative {
  filter: grayscale(0) invert(0) brightness(100%);
}

@supports (-ms-ime-align: auto) {
  .icon,
  .icon.blue {
    filter: var(--brand-pri-filter);
  }
  .icon:hover,
  .icon.blue:hover {
    filter: invert(24%) sepia(38%) saturate(4910%) hue-rotate(186deg) brightness(96%) contrast(97%);
  }
}
.icon:focus {
  box-shadow: 0 0 4px 3px rgba(115, 195, 235, 0.65);
  outline: 0;
}

.icon.small {
  width: 16px;
  height: 16px;
  display: inline-block;
}

.icon.medium {
  width: 24px;
  height: 24px;
  display: inline-block;
}

.icon.large {
  width: 48px;
  height: 48px;
  display: inline-block;
}

/*****************************SMALL ICON STYLES*********************/
.icon.small.checkmark {
  background-image: url('16-checkmark.e2a67b50bf6194b2.svg');
}
.icon.small.baby-chevy-down {
  background-image: url('16-baby-chevy-down.0a28fcd7293c04fe.svg');
}
.icon.small.baby-chevy-up {
  background-image: url('16-baby-chevy-up.2e26a4856d20eea0.svg');
}
.icon.small.baby-chevy-right {
  background-image: url('16-baby-chevy-right.e76a598f058904d7.svg');
}
.icon.small.baby-chevy-left {
  background-image: url('16-baby-chevy-left.21ab9357d8607e94.svg');
}
.icon.small.chevron-down {
  background-image: url('16-chevron-down.ded3f25a6082213d.svg');
}
.icon.small.chevron-left {
  background-image: url('16-chevron-left.f26c236f9ead2fba.svg');
}
.icon.small.chevron-up {
  background-image: url('16-chevron-up.24d6978f02eabe10.svg');
}
.icon.small.chevron-right {
  background-image: url('16-chevron-right.6107e5c0745f4aa9.svg');
}
.icon.small.filter {
  background-image: url('16-filter.2571c2e1319528cd.svg');
}
.icon.small.fingerprint {
  background-image: url('16-fingerprint.82ec377344a9f09b.svg');
}
.icon.small.star {
  background-image: url('16-star.33a8c50be0ead071.svg');
}
.icon.small.recurring {
  background-image: url('16-recurring.6613f9b109b5205f.svg');
}
.icon.small.inline-error {
  background-image: url('16-inline-error.3ee43ca87e08454c.svg');
  filter: var(--brand-negative-filter);
}

/****************************MEDIUM ICON STYLES*********************/
.icon.medium {
  /* &.announcement {
      background-image: url(~/assets/bmo-design-system/img/icons/24/24-announcement.svg);
  }*/
}
.icon.medium.airplane {
  background-image: url('24-airplane.7fcc3649959651b7.svg');
}
.icon.medium.alert {
  background-image: url('24-alert.ea88f93d7b67071b.svg');
}
.icon.medium.arrow-left {
  background-image: url('24-arrow-left.4c5c32fa8f585284.svg');
}
.icon.medium.arrow-right {
  background-image: url('24-arrow-right.2c2faf8b514ae8df.svg');
}
.icon.medium.arrow-up {
  background-image: url('24-arrow-up.31790cc2b29148bf.svg');
}
.icon.medium.arrow-up-positive {
  background-image: url('24-arrow-up-positive.8b278283243e88f7.svg');
  filter: var(--brand-positive-filter);
}
.icon.medium.arrow-down {
  background-image: url('24-arrow-down.e72cd5c34cd2d68c.svg');
}
.icon.medium.arrow-down-negative {
  background-image: url('24-arrow-down.e72cd5c34cd2d68c.svg');
  filter: var(--brand-negative-filter);
}
.icon.medium.bar-graph {
  background-image: url('24-bar-graph.dc813954216c7bf9.svg');
}
.icon.medium.bill {
  background-image: url('24-bill.b06cfe7621d71339.svg');
}
.icon.medium.book {
  background-image: url('24-book.a22666131b19e69a.svg');
}
.icon.medium.business {
  background-image: url('24-business.b31db2b2b2cb5850.svg');
}
.icon.medium.calculator {
  background-image: url('24-calculator.bff5aa702a48a981.svg');
}
.icon.medium.calendar {
  background-image: url('24-calendar.df15bb8ae4ce1f67.svg');
}
.icon.medium.camera {
  background-image: url('24-camera.03a9655cbd36c0cb.svg');
}
.icon.medium.card {
  background-image: url('24-card.d50b9f66e9d32853.svg');
}
.icon.medium.car {
  background-image: url('24-car.a25c8a599f0f6297.svg');
}
.icon.medium.celebration {
  background-image: url('24-celebration.da79fcbe9cd2ebba.svg');
}
.icon.medium.checkmark {
  background-image: url('24-checkmark.d03d1d900b1effb1.svg');
}
.icon.medium.chevron-down {
  background-image: url('24-chevron-down.204596cb3bff5014.svg');
}
.icon.medium.chevron-up {
  background-image: url('24-chevron-up.63a9b2c65e21cf30.svg');
}
.icon.medium.chevron-right {
  background-image: url('24-chevron-right.c6eeb9b89645d525.svg');
}
.icon.medium.chevron-left {
  background-image: url('24-chevron-left.0cf17b510863d230.svg');
}
.icon.medium.close {
  background-image: url('24-close.cd9c04645bbd3054.svg');
}
.icon.medium.collapse {
  background-image: url('24-collapse.4da8d3dd2b1f73a4.svg');
}
.icon.medium.contact {
  background-image: url('24-contact.36befed70df533e4.svg');
}
.icon.medium.controls {
  background-image: url('24-controls.1f92629db9fb7047.svg');
}
.icon.medium.copy {
  background-image: url('24-copy.20eabba053331840.svg');
}
.icon.medium.document {
  background-image: url('24-document.2b57b19e22c35f44.svg');
}
.icon.medium.document-download {
  background-image: url('24-document-download.df1c34a3ab06f30f.svg');
}
.icon.medium.download {
  background-image: url('24-download.f0f9e6b01f3ff908.svg');
}
.icon.medium.edit {
  background-image: url('24-edit.6e361b51c4bca570.svg');
}
.icon.medium.education {
  background-image: url('24-education.e0dd86271575a47c.svg');
}
.icon.medium.enclosed-add {
  background-image: url('24-enclosed-add.308a77f8ad68f56f.svg');
}
.icon.medium.enclosed-check {
  background-image: url('24-enclosed-check.e9676fe9a7033631.svg');
}
.icon.medium.enclosed-close {
  background-image: url('24-enclosed-close.68da9f56e7c162d1.svg');
}
.icon.medium.enclosed-help {
  background-image: url('24-enclosed-help.59d191cd5d4e4797.svg');
}
.icon.medium.enclosed-minus {
  background-image: url('24-enclosed-minus.66df1ab17b044df7.svg');
}
.icon.medium.enclosed-more {
  background-image: url('24-enclosed-more.4f83cf9e47e2e23b.svg');
}
.icon.medium.external-link {
  background-image: url('24-external-link.df5a67ff8cd07544.svg');
}
.icon.medium.exit {
  background-image: url('24-exit.2eb3da96d8be8dd1.svg');
}
.icon.medium.expand {
  background-image: url('24-expand.498b916a8c5e6d01.svg');
}
.icon.medium.globe {
  background-image: url('24-globe.0d5d2a177160a19c.svg');
}
.icon.medium.home {
  background-image: url('24-home.e755f3c26591d316.svg');
}
.icon.medium.hamburger-menu {
  background-image: url('24-hamburger-menu.8e63faf2f5d0bcd6.svg');
}
.icon.medium.information {
  background-image: url('24-information.2ea5f3048782aeb2.svg');
}
.icon.medium.insurance {
  background-image: url('24-insurance.f6d36b87ff54ea6a.svg');
}
.icon.medium.lightbulb {
  background-image: url('24-lightbulb.f55f61079acf9593.svg');
}
.icon.medium.loading {
  background-image: url('24-loading.4fa55681d821d0a8.svg');
}
.icon.medium.location {
  background-image: url('24-location.5f6a504a52ab5b23.svg');
}
.icon.medium.lock {
  background-image: url('24-lock.56d0debed01e02fa.svg');
}
.icon.medium.mail {
  background-image: url('24-mail.479705323844cfa9.svg');
}
.icon.medium.maintenance {
  background-image: url('24-maintenance.38c861aea7d8e7f1.svg');
}
.icon.medium.medical {
  background-image: url('24-medical.a55d563eebc74701.svg');
}
.icon.medium.mail {
  background-image: url('24-mail.479705323844cfa9.svg');
}
.icon.medium.microphone {
  background-image: url('24-microphone.219677e71b2e8690.svg');
}
.icon.medium.mobile-phone {
  background-image: url('24-mobile-phone.278ff9ffa442cd41.svg');
}
.icon.medium.money-bag {
  background-image: url('24-money-bag.341a735c630d8ede.svg');
}
.icon.medium.money {
  background-image: url('24-money.f47cecc4db7b3ce3.svg');
}
.icon.medium.more-horizontal {
  background-image: url('24-more-horizontal.b5a2ccfda5c755e2.svg');
}
.icon.medium.more-vertical {
  background-image: url('24-more-vertical.8fb2310e500efb49.svg');
}
.icon.medium.part-time {
  background-image: url('24-part-time.f3c2c990f5f87c86.svg');
}
.icon.medium.percentage {
  background-image: url('24-percentage.94dedaed36607c75.svg');
}
.icon.medium.phone {
  background-image: url('24-phone.fd637c1b0a78a1c4.svg');
}
.icon.medium.pie-chart {
  background-image: url('24-pie-chart.21959c72b9f40025.svg');
}
.icon.medium.profile {
  background-image: url('24-profile.28a6e21ff4172674.svg');
}
.icon.medium.reload {
  background-image: url('24-reload.e9d59a13fcefcaae.svg');
}
.icon.medium.rewards {
  background-image: url('24-rewards.df02d9db2f0a42b8.svg');
}
.icon.medium.search {
  background-image: url('24-search.2548f9cbedcaf8b2.svg');
}
.icon.medium.send-plane {
  background-image: url('24-send-plane.eeba510e6485283c.svg');
}
.icon.medium.settings {
  background-image: url('24-settings.f500ce1bb6f099fd.svg');
}
.icon.medium.social-messenger {
  background-image: url('24-social-messenger.4c398279b714ab23.svg');
}
.icon.medium.social-twitter {
  background-image: url('24-social-twitter.058cef351382c6c4.svg');
}
.icon.medium.spouse {
  background-image: url('24-spouse.8b12387adf7baa55.svg');
}
.icon.medium.start-date {
  background-image: url('24-start-date.ab006faff5ee1dd3.svg');
}
.icon.medium.suitcase {
  background-image: url('24-suitcase.d046cf1c1b86fe0f.svg');
}
.icon.medium.time {
  background-image: url('24-time.4288203f384e2b1d.svg');
}
.icon.medium.transfer {
  background-image: url('24-transfer-arrow.964286e8a219db5e.svg');
}
.icon.medium.trash {
  background-image: url('24-trash.bb7c8ed5f9376be7.svg');
}
.icon.medium.unlock {
  background-image: url('24-unlock.039a5991dd71e710.svg');
}
.icon.medium.upload {
  background-image: url('24-upload.2a4092c86b413869.svg');
}
.icon.medium.wallet {
  background-image: url('24-wallet.e0124c53ca30c359.svg');
}
.icon.medium.error-red {
  background-image: url('24-error-red.31162582c60080e6.svg');
  filter: var(--brand-negative-filter);
}
.icon.medium.success-green {
  background-image: url('24-success-green.f8f77e109eef971a.svg');
  filter: var(--brand-positive-filter);
}
.icon.medium.warning-yellow {
  background-image: url('24-warning-yellow.7a5ca704a503f108.svg');
  filter: var(--brand-warning-filter);
}
.icon.medium.info-blue {
  background-image: url('24-announcement-blue.5bca8c394378484b.svg');
}

/***********************LARGE ICONS****************/
.icon.large.alert {
  background-image: url('48-alert.60c2f476bc051c90.svg');
}
.icon.large.camera {
  background-image: url('48-camera.45e77184e046d347.svg');
}
.icon.large.chat {
  background-image: url('48-chat.61f4d342da839d9a.svg');
}
.icon.large.chevron-down {
  background-image: url('48-chevron-down.7378364dc0148435.svg');
}
.icon.large.chevron-left {
  background-image: url('48-chevron-left.9e8c1ee81ddd3b21.svg');
}
.icon.large.chevron-right {
  background-image: url('48-chevron-right.81a460c5095019b1.svg');
}
.icon.large.chevron-up {
  background-image: url('48-chevron-up.fbb90d8e9c231488.svg');
}
.icon.large.close {
  background-image: url('48-close.c3709abd4fed9bd8.svg');
}
.icon.large.download {
  background-image: url('48-download.a3045248f29eae83.svg');
}
.icon.large.edit {
  background-image: url('48-edit.aae15d1bed5b9f60.svg');
}
.icon.large.enclosed-add {
  background-image: url('48-enclosed-add.73ca68422235baae.svg');
}
.icon.large.external-link {
  background-image: url('48-external-link.dc4a68ed8e728f8d.svg');
}
.icon.large.location {
  background-image: url('48-location.e7806e16a5f9035c.svg');
}
.icon.large.mail {
  background-image: url('48-mail.407ed0f4dc07e459.svg');
}
.icon.large.phone {
  background-image: url('48-phone.2811302f49a807b5.svg');
}
.icon.large.profile {
  background-image: url('48-profile.d2758aa68ba1d04c.svg');
}
.icon.large.phone {
  background-image: url('48-phone.2811302f49a807b5.svg');
}
.icon.large.search {
  background-image: url('48-search.b248a0344d7db224.svg');
}
.icon.large.send-plane {
  background-image: url('48-send-plane.65ae515a3a3a4d97.svg');
}
.icon.large.transfer {
  background-image: url('48-transfer.ce25f74d019114e3.svg');
}
.icon.large.enclosed-minus {
  background-image: url('48-enclosed-minus.a0788c59fd79d0dd.svg');
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
a {
  color: var(--global-link-color);
}
a:hover, a:focus {
  color: var(--global-link-color-over);
}
a.p-link {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: 700;
  text-decoration: underline;
  padding: 0;
}
a.link {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.25px;
  line-height: 30px;
  padding: 0 2px 2px 2px;
  display: inline-block;
  text-transform: uppercase;
  margin-right: 24px;
  border-radius: 4px;
}
a.link:focus, a.link:hover {
  outline: 0;
  text-decoration: underline;
}
a.link .icon {
  background-position: left center;
  position: relative;
  top: 6px;
  margin-right: 4px;
  line-height: 32px;
}

.link-group {
  display: flex;
}
.link-group.stacked {
  flex-direction: column;
}
.link-group.stacked .link {
  width: fit-content;
}

@media only screen and (max-width: 599px) {
  .link-group {
    display: flex;
    flex-direction: column;
  }
  .link-group .link {
    width: fit-content;
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
.bread-crumb {
  padding: 24px 0;
}
.bread-crumb li {
  display: inline-block;
}
.bread-crumb li:first-child a {
  padding-left: 0;
}
.bread-crumb li:last-child a {
  background-image: none;
}
.bread-crumb li:last-child a:hover {
  background-image: none;
  color: var(--brand-black);
  cursor: default;
}
.bread-crumb li .bread-crumb-link {
  padding: 6px 0;
  padding-right: 32px;
  padding-left: 8px;
  font-size: 1.4rem;
  color: var(--brand-pri);
  font-weight: 700;
  display: flex;
  position: relative;
  align-items: center;
  cursor: pointer;
  line-height: 24px;
  /*&.last {
  	background-image: none;
  	&:hover {
  		background-image: none;

  		cursor: default;
  	}
  }*/
}
.bread-crumb li .bread-crumb-link .icon.baby-chevy-right {
  position: absolute;
  right: 3px;
}
.bread-crumb li .bread-crumb-link:focus .icon {
  filter: var(--brand-pri-filter-over);
}
.bread-crumb li .bread-crumb-link.first-of-type {
  padding-left: 0;
}
.bread-crumb li .bread-crumb-link:hover .icon {
  filter: var(--brand-pri-filter-over);
}
.bread-crumb li .bread-crumb-link.active {
  color: var(--brand-black);
}
.bread-crumb li .bread-crumb-link.active .icon {
  display: none;
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/**********************************BUTTON STYLES*****************************************/
:root {
  /***global button variables***/
  --button-border-radius: 28px;
  --button-border-radius-default: 32px;
  --button-border-radius-small: 28px;
  --button-border-radius-micro: 4px;
  --button-border-radius-icon: 4px;
  --button-padding: 0 32px;
  --button-font-size: 1.4rem;
  /***primary***/
  --primary-bg-color: var(--brand-pri);
  --primary-bg-color-disabled: var(--disabled-bg);
  --primary-bg-color-over: var(--brand-dark-blue);
  --primary-text-color: var(--brand-white);
  --primary-text-color-disabled: var(--disabled-text);
  --primary-text-color-over: var(--brand-white);
  --primary-border-color: var(--brand-pri);
  --primary-border-color-over: var(--brand-dark-blue);
  --primary-border-color-focus: var(--brand-dark-blue);
  --primary-border-color-disabled: var(--disabled-bg);
  --primary-micro-text-color: var(--brand-pri);
  --primary-micro-text-color-disabled: var(--disabled-text);
  --primary-micro-text-color-over: var(--brand-dark-blue);
  /***secondary***/
  --secondary-bg-color: transparent;
  --secondary-bg-color-disabled: transparent;
  --secondary-bg-color-over: transparent;
  --secondary-text-color: var(--brand-pri);
  --secondary-text-color-disabled: var(--disabled-text);
  --secondary-text-color-over: var(--brand-dark-blue);
  --secondary-border-color: var(--brand-pri);
  --secondary-border-color-over: var(--brand-dark-blue);
  --secondary-border-color-disabled: var(--disabled-bg);
  --secondary-micro-text-color: var(--brand-pri);
  --secondary-micro-text-color-disabled: var(--disabled-text);
  --secondary-micro-text-color-over: var(--brand-dark-blue);
  /***tertiary***/
  --tertiary-bg-color: transparent;
  --tertiary-bg-color-disabled: transparent;
  --tertiary-text-color: var(--brand-pri);
  --tertiary-text-color-over: var(--brand-dark-blue);
  --tertiary-text-color-disabled: var(--disabled-text);
  --tertiary-bg-color-over: transparent;
}

bmo-button[styled=icon-button] {
  margin: unset;
}

button.primary,
.button.primary {
  background: var(--primary-bg-color);
  border: 2px solid var(--primary-border-color);
  color: var(--primary-text-color);
  display: inline-block;
  border-radius: var(--button-border-radius-default);
  padding: var(--button-padding);
  font-family: var(--global-font);
  font-weight: 700;
  font-size: var(--button-font-size);
  cursor: pointer;
  text-transform: uppercase;
  line-height: 52px;
  overflow: hidden;
  margin: 8px 32px 8px 0;
  position: relative;
  transition: 0.3s all ease;
  box-sizing: border-box;
  min-width: 132px;
  text-align: center;
}
button.primary:hover, button.primary:focus,
.button.primary:hover,
.button.primary:focus {
  background: var(--primary-bg-color-over);
  border: 2px solid var(--primary-border-color-over);
  color: var(--primary-text-color-over);
  box-sizing: border-box;
}
button.primary:hover .icon, button.primary:focus .icon,
.button.primary:hover .icon,
.button.primary:focus .icon {
  filter: var(--brand-white-filter);
}
button.primary:disabled, button.primary.disabled,
.button.primary:disabled,
.button.primary.disabled {
  background-color: var(--disabled-bg);
  color: var(--disabled-text);
  border: 2px solid var(--primary-border-color-disabled);
  cursor: none;
}
button.primary:disabled:hover, button.primary.disabled:hover,
.button.primary:disabled:hover,
.button.primary.disabled:hover {
  background-color: var(--disabled-bg);
  border: 2px solid var(--primary-border-color-disabled);
  cursor: default;
  color: var(--disabled-text);
}
button.primary:disabled .icon, button.primary.disabled .icon,
.button.primary:disabled .icon,
.button.primary.disabled .icon {
  filter: var(--primary-disabled-icon-filter);
}
button.primary.small,
.button.primary.small {
  border-radius: var(--button-border-radius-small);
  font-style: normal;
  font-weight: 500;
  height: unset;
  line-height: 16px;
  padding: 8px 8px;
  min-width: 80px;
  margin-right: 16px;
}
button.primary.micro,
.button.primary.micro {
  height: 32px;
  line-height: 16px;
  padding: 6px 8px;
  background-color: transparent;
  border-radius: var(--button-border-radius-micro);
  color: var(--primary-micro-text-color);
  min-width: auto;
  border: 2px solid transparent;
  margin-right: 16px;
}
button.primary.micro:hover, button.primary.micro:focus,
.button.primary.micro:hover,
.button.primary.micro:focus {
  background-color: transparent;
  color: var(--primary-micro-text-color-over);
}
button.primary.micro:hover,
.button.primary.micro:hover {
  border: 2px solid transparent;
}
button.primary.micro:disabled, button.primary.micro.disabled,
.button.primary.micro:disabled,
.button.primary.micro.disabled {
  color: var(--primary-micro-text-color-disabled);
  cursor: default;
}
button.primary.micro:disabled:hover, button.primary.micro.disabled:hover,
.button.primary.micro:disabled:hover,
.button.primary.micro.disabled:hover {
  color: var(--primary-micro-text-color-disabled);
}
button.primary .icon.medium,
.button.primary .icon.medium {
  position: relative;
  top: 12px;
  margin-right: 8px;
  margin-left: -6px;
  float: left;
}
button.primary.no-marg,
.button.primary.no-marg {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}
button.primary.no-marg.small,
.button.primary.no-marg.small {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}
button.primary.no-marg.micro,
.button.primary.no-marg.micro {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}

button.secondary,
.button.secondary {
  font-family: var(--global-font);
  background: var(--secondary-bg-color);
  border: 2px solid var(--secondary-border-color);
  color: var(--secondary-text-color);
  height: 56px;
  border-radius: var(--button-border-radius-default);
  padding: var(--button-padding);
  font-weight: 700;
  font-size: var(--button-font-size);
  cursor: pointer;
  text-transform: uppercase;
  line-height: 52px;
  position: relative;
  overflow: hidden;
  margin: 8px 32px 8px 0;
  transition: 0.3s all ease;
  box-sizing: border-box;
  min-width: 132px;
  text-align: center;
}
button.secondary:hover,
.button.secondary:hover {
  background: rgba(255, 255, 255, 0);
  border: 2px solid var(--secondary-border-color-over);
  color: var(--secondary-text-color-over);
}
button.secondary:focus,
.button.secondary:focus {
  border: 2px solid var(--brand-dark-blue);
  color: var(--secondary-text-color-over);
}
button.secondary:disabled, button.secondary.disabled,
.button.secondary:disabled,
.button.secondary.disabled {
  background: rgba(0, 0, 0, 0);
  border: 2px solid var(--secondary-border-color-disabled);
  cursor: default;
  color: var(--secondary-text-color-disabled);
}
button.secondary:disabled:hover, button.secondary.disabled:hover,
.button.secondary:disabled:hover,
.button.secondary.disabled:hover {
  background: rgba(0, 0, 0, 0);
  border: 2px solid var(--secondary-border-color-disabled);
  cursor: default;
  color: var(--secondary-text-color-disabled);
}
button.secondary .icon.medium,
.button.secondary .icon.medium {
  position: relative;
  top: 12px;
  margin-right: 8px;
  margin-left: -6px;
  float: left;
}
button.secondary.small,
.button.secondary.small {
  border-radius: var(--button-border-radius-small);
  font-style: normal;
  font-weight: 500;
  height: unset;
  line-height: 16px;
  padding: 8px 8px;
  min-width: 80px;
  margin-right: 16px;
}
button.secondary.micro,
.button.secondary.micro {
  height: 32px;
  line-height: 16px;
  padding: 6px 8px;
  background-color: transparent;
  border-radius: var(--button-border-radius-micro);
  color: var(--secondary-micro-text-color);
  border: 2px solid transparent;
  min-width: auto;
  font-weight: 400;
  margin-right: 16px;
}
button.secondary.micro:hover, button.secondary.micro:focus,
.button.secondary.micro:hover,
.button.secondary.micro:focus {
  background-color: transparent;
  color: var(--secondary-micro-text-color-over);
}
button.secondary.micro:hover,
.button.secondary.micro:hover {
  border: 2px solid transparent;
}
button.secondary.micro:disabled, button.secondary.micro.disabled,
.button.secondary.micro:disabled,
.button.secondary.micro.disabled {
  color: var(--tertiary-text-color-disabled);
  cursor: default;
}
button.secondary.micro:disabled:hover, button.secondary.micro.disabled:hover,
.button.secondary.micro:disabled:hover,
.button.secondary.micro.disabled:hover {
  color: var(--tertiary-text-color-disabled);
  border: 2px solid transparent;
}
button.secondary.no-marg,
.button.secondary.no-marg {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}
button.secondary.no-marg.small,
.button.secondary.no-marg.small {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}
button.secondary.no-marg.micro,
.button.secondary.no-marg.micro {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}

button.tertiary,
.button.tertiary {
  background-color: var(--tertiary-bg-color);
  border: 2px solid transparent;
  color: var(--tertiary-text-color);
  height: 56px;
  border-radius: var(--button-border-radius-default);
  padding: var(--button-padding);
  font-weight: 700;
  font-size: var(--button-font-size);
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  line-height: 52px;
  overflow: hidden;
  margin: 8px 32px 8px 0;
  transition: 0.3s all ease;
  box-sizing: border-box;
  min-width: 132px;
  text-align: center;
}
button.tertiary span,
.button.tertiary span {
  color: var(--tertiary-text-color);
  line-height: 20px;
  display: inline-block;
  border-bottom: 2px solid transparent;
}
button.tertiary:hover span,
.button.tertiary:hover span {
  color: var(--tertiary-text-color-over);
  line-height: 20px;
  display: inline-block;
  border-bottom: 2px solid var(--tertiary-text-color-over);
}
button.tertiary:hover .icon,
.button.tertiary:hover .icon {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  filter: var(--brand-pri-filter-over);
}
button.tertiary:focus span,
.button.tertiary:focus span {
  color: var(--tertiary-text-color-over);
}
button.tertiary:focus .icon,
.button.tertiary:focus .icon {
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  filter: var(--brand-pri-filter-over);
}
button.tertiary.disabled, button.tertiary:disabled,
.button.tertiary.disabled,
.button.tertiary:disabled {
  cursor: default;
  color: var(--tertiary-text-color-disabled);
}
button.tertiary.disabled:hover, button.tertiary:disabled:hover,
.button.tertiary.disabled:hover,
.button.tertiary:disabled:hover {
  cursor: default;
  color: var(--tertiary-text-color-disabled);
}
button.tertiary.disabled:hover .icon, button.tertiary:disabled:hover .icon,
.button.tertiary.disabled:hover .icon,
.button.tertiary:disabled:hover .icon {
  border-bottom: 2px solid transparent;
}
button.tertiary.disabled span, button.tertiary:disabled span,
.button.tertiary.disabled span,
.button.tertiary:disabled span {
  border: none;
  cursor: default;
  color: var(--tertiary-text-color-disabled);
  background-color: transparent;
}
button.tertiary.disabled .icon, button.tertiary:disabled .icon,
.button.tertiary.disabled .icon,
.button.tertiary:disabled .icon {
  border-bottom: 2px solid transparent;
  filter: var(--disabled-icon-filter);
}
button.tertiary.small,
.button.tertiary.small {
  border-radius: var(--button-border-radius-small);
  height: 36px;
  box-sizing: border-box;
  line-height: 16px;
  padding: 0 8px;
  min-width: 80px;
  margin-right: 16px;
}
button.tertiary .icon.medium,
.button.tertiary .icon.medium {
  position: relative;
  top: 12px;
  margin-right: 8px;
  margin-left: -6px;
  float: left;
}
button.tertiary.no-marg,
.button.tertiary.no-marg {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}
button.tertiary.no-marg.small,
.button.tertiary.no-marg.small {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}
button.tertiary.no-marg.micro,
.button.tertiary.no-marg.micro {
  margin: unset;
  margin-left: unset;
  margin-right: unset;
  margin-top: unset;
  margin-bottom: unset;
}

/********************BUTTON ANIMATIONS***************************/
.primary::-moz-focus-inner,
.secondary::-moz-focus-inner,
.tertiary::-moz-focus-inner,
.tertiary-icon::-moz-focus-inner,
.icon-button::-moz-focus-inner {
  border: 0;
}

a.button {
  display: block;
  float: left;
}

.primary:after,
.secondary:after,
.tertiary:after,
.tertiary-icon:after,
a.button:after {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: rgb(1, 1, 1);
  border-radius: 100%;
  opacity: 0.3;
  transform: scale(0);
}

@keyframes ripple {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
.primary:not(:active):after,
.secondary:not(:active):after,
.tertiary:not(:active):after,
.tertiary-icon:not(:active):after,
a.button:not(:active):after {
  animation: ripple 0.3s ease-in;
}

.primary:after,
.secondary:after,
.tertiary:after,
.tertiary-icon:after,
a.button:after {
  visibility: hidden;
}

.primary:focus:after,
.secondary:focus:after,
.tertiary:focus:after,
.tertiary-icon:focus:after,
a.button:focus:after {
  visibility: visible;
}

.icon-button {
  border-radius: var(--button-border-radius-icon);
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-top: unset;
  margin-bottom: unset;
  padding: 0;
  font-size: 0;
  display: inline-block;
}
.icon-button.small {
  width: 16px;
  height: 16px;
}
.icon-button.medium {
  width: 24px;
  height: 24px;
}
.icon-button.large {
  width: 24px;
  height: 24px;
}
.icon-button:focus > .icon {
  filter: var(--brand-pri-filter-over);
}

@media only screen and (max-width: 599px) {
  a.button,
  button.primary,
  a.button.primary,
  button.secondary,
  a.button.secondary,
  button.tertiary,
  a.button.tertiary {
    min-width: 232px;
    margin: 8px auto;
    float: none;
    display: block;
    max-width: fit-content;
    text-align: center;
  }
  button .icon.medium,
  .button .icon.medium {
    top: 6px !important;
    float: none !important;
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
.profile-image {
  display: inline-block;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  border: 1px solid #D8D8D8;
  margin-right: 16px;
  overflow: hidden;
}
.profile-image.avatar {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.profile-image.avatar.a {
  background-image: url('a.0eea9720a1e7520b.svg');
}
.profile-image.avatar.b {
  background-image: url('b.b8d1147998ae3347.svg');
}
.profile-image.avatar.c {
  background-image: url('c.536a36ae519f9997.svg');
}
.profile-image.avatar.d {
  background-image: url('d.6050a0a5ba4cde82.svg');
}
.profile-image.avatar.e {
  background-image: url('e.b8b317c38d4b7d51.svg');
}
.profile-image.avatar.f {
  background-image: url('f.6a1d25fdc50093a8.svg');
}
.profile-image.avatar.g {
  background-image: url('g.37b74983213e793a.svg');
}
.profile-image.avatar.h {
  background-image: url('h.f108bc0cd93bc48b.svg');
}
.profile-image.avatar.i {
  background-image: url('i.bca1b0753f99f65b.svg');
}
.profile-image.avatar.j {
  background-image: url('j.4b18b1edccdf88b4.svg');
}
.profile-image.avatar.k {
  background-image: url('k.17e8e08e0653c8ef.svg');
}
.profile-image.avatar.l {
  background-image: url('l.7047bcb8a6d52e97.svg');
}
.profile-image.avatar.m {
  background-image: url('m.bf0c10b10e7e0a1f.svg');
}
.profile-image.avatar.n {
  background-image: url('n.93855c0a59229c53.svg');
}
.profile-image.avatar.o {
  background-image: url('o.5d56f1b30e8c6926.svg');
}
.profile-image.avatar.p {
  background-image: url('p.4d3ec0a588c1b13c.svg');
}
.profile-image.avatar.q {
  background-image: url('q.1eb9bc074e3bce3d.svg');
}
.profile-image.avatar.r {
  background-image: url('r.b42113c26e2fadcc.svg');
}
.profile-image.avatar.s {
  background-image: url('s.1ab9ea6f9b2ee25f.svg');
}
.profile-image.avatar.t {
  background-image: url('t.30c9934852e428af.svg');
}
.profile-image.avatar.u {
  background-image: url('u.edcdd6e794a61bc1.svg');
}
.profile-image.avatar.v {
  background-image: url('v.d9baac7039e66754.svg');
}
.profile-image.avatar.w {
  background-image: url('w.e3e73e90db389fb0.svg');
}
.profile-image.avatar.x {
  background-image: url('x.76c4d7c31ab9b224.svg');
}
.profile-image.avatar.y {
  background-image: url('y.6db4db8e8f3cef31.svg');
}
.profile-image.avatar.z {
  background-image: url('z.53cce210689fbd72.svg');
}
.profile-image.avatar img {
  width: 100%;
}

@media only screen and (max-width: 599px) {
  .profile-image {
    height: 48px;
    width: 48px;
  }
}
:root {
  --select-input-font-size: 1.8rem;
  --select-input-width: 100%;
  --select-input-height: 36px;
  --select-input-line-height: 40px;
  --select-input-padding: 0;
  --select-input-margin: 7px 0 0 0;
  --select-input-border: none;
  --select-input-error-border: none;
  --select-input-border-radius: none;
  --select-input-color: var(--global-font-color);
  --select-input-bg-color: transparent;
  --select-input-focus: unset;
  --help-text-font-size: 1.6rem;
  --help-text-line-height: 16px;
  --help-text-color: var(--brand-dark-grey);
  --help-text-margin: 8px 0 0 0;
  --label-font-size: 1.8rem;
  --label-active-font-size: 1.4rem;
  --label-color: var(--brand-pri);
  --label-padding: 18px 0 0 0;
  --label-height: 42px;
  --error-message-font-size: 1.4rem;
  --error-message-line-height: 16px;
  --error-message-color: var(--brand-negative);
  --error-message-margin: 10px 0 6px 0;
  --error-message-padding: 0px 32px 0px 19px;
  --error-message-icon-path: url('16-inline-error-red.9f63181a7e3d2c81.svg') ;
}

.form-field.mercury {
  --select-input-font-size: 1.6rem;
  --select-input-width: 100%;
  --select-input-height: 32px;
  --select-input-line-height: 32px;
  --select-input-padding: 0 0 0 8px;
  --select-input-margin: 7px 0 0 0;
  --select-input-border: 1px solid var(--brand-dark-grey);
  --select-input-error-border: 1px solid var(--brand-negative);
  --select-input-border-radius: 4px;
  --select-input-color: var(--global-font-color);
  --select-input-bg-color: transparent;
  --select-input-focus: var(--global-focus-shadow);
  --label-font-size: 1.4rem;
  --label-active-font-size: 1.4rem;
  --help-text-line-height: 16px;
  --help-text-color: var(--brand-dark-grey);
  --help-text-margin: 8px 0 0 0;
  --label-font-size: 1.4rem;
  --label-active-font-size: 1.4rem;
  --label-color: var(--global-font-color);
  --label-padding: 18px 0 0 0;
  --label-height: 42px;
  --error-message-font-size: 1.4rem;
  --error-message-line-height: 16px;
  --error-message-color: var(--brand-negative);
  --error-message-margin: 8px 0 6px 0;
  --error-message-padding: 0px 32px 0px 19px;
  --error-message-icon-path: url('16-inline-error-red.9f63181a7e3d2c81.svg') ;
}

.form-field .select {
  font-family: var(--global-font);
  font-size: var(--select-input-font-size);
  color: var(--global-font-color);
  line-height: var(--select-input-line-height);
  height: var(--select-input-height);
  margin: var(--select-input-margin);
  padding: var(--select-input-padding);
  border: var(--select-input-border);
  background-color: var(--select-input-bg-color);
  border-radius: var(--select-input-border-radius);
  transition: all 0.3s ease-out;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: var(--select-bg-position);
  background-size: 16px 16px;
  appearance: none;
  width: var(--select-input-width);
  white-space: nowrap;
  transition: all 0.3s ease-out;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-margin-start: 0px;
  position: relative;
}
.form-field .select:focus {
  box-shadow: var(--select-input-focus);
}
.form-field .select:disabled {
  color: var(--brand-dark-grey);
  cursor: default;
}
.form-field .select:focus + .slide-label .label-text {
  padding: 0px;
  font-size: 14px;
  margin-top: -4px;
}
.form-field .select:focus + .slide-label:before {
  visibility: visible;
  transform: scaleX(1);
}
.form-field .select:disabled {
  color: var(--brand-disabled-text);
}
.form-field .select:first-letter {
  text-transform: capitalize;
}
.form-field .select :focus + label.slide-label:before {
  visibility: visible;
  transform: scaleX(1);
}
.form-field .select::-ms-expand {
  display: none;
}
.form-field .select:focus::-ms-value {
  color: #3d3c4c;
  background-color: transparent;
}
.form-field .select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-field .select option {
  color: var(--brand-black);
  background-color: var(--global-bg-color);
  font-size: 1.6rem;
  padding-left: 8px;
  font-family: "heebo";
}
.form-field .slide-label {
  z-index: 2;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  pointer-events: none;
  height: 42px;
  cursor: pointer;
  border-radius: 4px 0px 0px 4px;
}
.form-field .slide-label:before {
  z-index: 4;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--brand-pri);
  transform: scaleX(0);
  transition: all 0.3s linear;
  top: 44px;
}
.form-field .slide-label:after {
  z-index: 3;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--brand-light-grey);
  top: 44px;
}
.form-field .slide-label .label-text {
  display: block;
  padding: 18px 0px 0px 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: var(--label-font-size);
  color: var(--brand-pri-text);
  transition: 0.3s ease-out;
}
.form-field .slide-label.active-label:after {
  background: var(--brand-grey);
}
.form-field .slide-label.active-label .label-text {
  padding: 0px;
  font-size: var(--label-active-font-size);
  margin-top: -4px;
}
.form-field .slide-label:before {
  z-index: 4;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--brand-pri);
  transform: scaleX(0);
  transition: all 0.3s linear;
  top: 44px;
}
.form-field .slide-label:after {
  z-index: 3;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--brand-light-grey);
  top: 44px;
}
.form-field .slide-label.error-field:before {
  background-color: var(--brand-negative);
}
.form-field .slide-label.error-field:after {
  background-color: var(--brand-negative);
}
.form-field .slide-label.disabled span.label-text {
  color: var(--brand-dark-grey);
}
.form-field .slide-label.disabled + .icon {
  filter: var(--disabled-icon-filter);
}
.form-field .slide-label + .icon {
  position: absolute;
  right: 8px;
  top: 18px;
  pointer-events: none;
}
.form-field .slide-label .error-message.select-error {
  margin: var(--error-message-margin);
  padding-bottom: var(--error-message-padding);
  background-size: 16px 16px;
  background-image: url('16-inline-error-red.9f63181a7e3d2c81.svg');
  background-repeat: no-repeat;
  background-position: left top;
}
.form-field .slide-label .input-helper-text.select-helper {
  position: relative;
  margin: var(--help-text-margin);
}
.form-field.mercury .select:focus + .slide-label.select-label {
  margin-top: 18px;
}
.form-field.mercury .select:focus + .slide-label.select-label .label-text {
  margin-top: unset;
  font-size: var(--label-font-size);
}
.form-field.mercury .select:focus + .slide-label.select-label.active-label {
  margin-top: -4px;
}
.form-field.mercury .select:focus + .slide-label.select-label.active-label .label-text {
  margin-top: unset;
  font-size: var(--label-active-font-size);
}
.form-field.mercury .select.error {
  border: var(--select-input-error-border);
}
.form-field.mercury .slide-label.select-label {
  position: absolute;
  transition: unset;
  top: -32px;
  color: var(--label-color);
  font-size: var(--label-font-size);
  /***************KILL MATERIAL ANIMATIONS********/
}
.form-field.mercury .slide-label.select-label:before {
  z-index: unset;
  content: "";
  position: unset;
  width: unset;
  height: unset;
  bottom: unset;
  left: unset;
  background: unset;
  transform: unset;
  transition: unset;
  top: unset;
}
.form-field.mercury .slide-label.select-label:after {
  z-index: unset;
  content: "";
  position: unset;
  width: unset;
  height: unset;
  bottom: unset;
  left: unset;
  background: unset;
  top: unset;
}
.form-field.mercury .slide-label.select-label.active-label {
  transition: none;
  top: -10px;
}
.form-field.mercury .slide-label.select-label.active-label:after {
  background: var(--bmo-granite);
}
.form-field.mercury .slide-label.select-label.active-label .label-text {
  transition: none;
  padding: 0px;
  font-size: var(--select-input-font-size);
  color: var(--label-color);
}
.form-field.mercury .slide-label.select-label + .icon {
  position: absolute;
  right: 8px;
  top: 16px;
  pointer-events: none;
}
.form-field.mercury .slide-label.select-label .label-text {
  color: var(--label-color);
}

@-moz-document url-prefix() {
  .select {
    height: 55px;
    font-family: "heebo";
  }
  .error-message.select-error {
    margin-top: -16px;
  }
}
:root {
  --text-input-font-size: 1.8rem;
  --text-input-width: 100%;
  --text-input-height: 36px;
  --text-input-line-height: 40px;
  --text-input-padding: 0;
  --text-input-margin: 7px 0 0 0;
  --text-input-border: none;
  --text-input-error-border: none;
  --text-input-border-radius: none;
  --text-input-color: var(--global-font-color);
  --text-input-bg-color: transparent;
  --text-input-focus: unset;
  --help-text-font-size: 1.6rem;
  --help-text-line-height: 16px;
  --help-text-color: var(--brand-dark-grey);
  --help-text-margin: 8px 0 0 0;
  --label-font-size: 1.8rem;
  --label-color: var(--brand-pri);
  --label-padding: 18px 0 0 0;
  --label-height: 42px;
  --error-message-font-size: 1.4rem;
  --error-message-line-height: 16px;
  --error-message-color: var(--brand-negative);
  --error-message-margin: 12px 0 6px 0;
  --error-message-padding: 0px 32px 0px 19px;
  --error-message-icon-path: url('16-inline-error-red.9f63181a7e3d2c81.svg') ;
}

.form-field.mercury {
  --text-input-font-size: 1.6rem;
  --text-input-width: 100%;
  --text-input-height: 32px;
  --text-input-line-height: 24px;
  --text-input-padding: 0 0 0 8px;
  --text-input-margin: 7px 0 0 0;
  --text-input-border: 1px solid var(--brand-dark-grey);
  --text-input-error-border: 1px solid var(--brand-negative);
  --text-input-border-radius: 4px;
  --text-input-color: var(--global-font-color);
  --text-input-bg-color: transparent;
  --text-input-focus: var(--global-focus-shadow);
  --help-text-font-size: 1.4rem;
  --help-text-line-height: 16px;
  --help-text-color: var(--brand-dark-grey);
  --help-text-margin: 8px 0 0 0;
  --label-font-size: 1.4rem;
  --label-color: var(--global-font-color);
  --label-padding: 18px 0 0 0;
  --label-height: 42px;
  --error-message-font-size: 1.4rem;
  --error-message-line-height: 16px;
  --error-message-color: var(--brand-negative);
  --error-message-margin: 8px 0 6px 0;
  --error-message-padding: 0px 32px 0px 19px;
  --error-message-icon-path: url('16-inline-error-red.9f63181a7e3d2c81.svg') ;
}

.form-field {
  display: flex;
  flex-flow: row;
  position: relative;
  padding: 0 0 16px;
}
.form-field .form-label-group {
  flex: 1 1 auto;
  position: relative;
  padding: 0px 0px 6px 0px;
}
.form-field .input {
  width: var(--text-input-width);
  height: var(--text-input-height);
  line-height: var(--text-input-line-height);
  margin: var(--text-input-margin);
  padding: var(--text-input-padding);
  white-space: nowrap;
  border: var(--text-input-border);
  background-color: var(--text-input-bg-color);
  transition: all 0.3s ease-out;
  font-size: var(--text-input-font-size);
  color: var(--global-font-color);
  border-radius: var(--text-input-border-radius);
  /* Firefox */
}
.form-field .input.error {
  border: var(--text-input-error-border);
}
.form-field .input:focus {
  box-shadow: var(--text-input-focus);
}
.form-field .input:first-letter {
  text-transform: uppercase;
}
.form-field .input:disabled {
  color: var(--brand-dark-grey);
}
.form-field .input:focus + .slide-label .label-text {
  padding: 0px;
  font-size: 14px;
  margin-top: -4px;
}
.form-field .input:focus + .slide-label:before {
  visibility: visible;
  transform: scaleX(1);
}
.form-field .input::-webkit-outer-spin-button, .form-field .input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-field .input[type=number] {
  -moz-appearance: textfield;
}
.form-field .input-helper-text {
  color: var(--brand-dark-grey);
  font-size: var(--help-text-font-size);
  line-height: var(--help-text-line-height);
  display: block;
  margin: var(--help-text-margin);
}
.form-field .icon.inline-error {
  position: absolute;
  top: 54px;
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.form-field .icon.inline-error.error {
  visibility: visible;
  opacity: 1;
  height: 16px;
  position: absolute;
}
.form-field .error-message {
  width: 100%;
  min-width: 150px;
  padding: var(--error-message-padding);
  font-size: var(--error-message-font-size);
  line-height: var(--error-message-line-height);
  color: var(--error-message-color);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  margin: var(--error-message-margin);
  display: none;
  background-image: var(--error-message-icon-path);
  background-repeat: no-repeat;
  background-position: left top;
}
.form-field .error-message span {
  display: block;
}
.form-field .error-message.select {
  margin-top: 2px;
}
.form-field .error-message.error {
  visibility: visible;
  opacity: 1;
  display: block;
}
.form-field .slide-label {
  z-index: 2;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  pointer-events: none;
  height: var(--label-height);
  cursor: pointer;
  border-radius: 4px 0px 0px 4px;
}
.form-field .slide-label:before {
  z-index: 4;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--brand-pri);
  transform: scaleX(0);
  transition: all 0.3s linear;
  top: 44px;
}
.form-field .slide-label:after {
  z-index: 3;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--bmo-granite);
  top: 44px;
}
.form-field .slide-label .label-text {
  display: block;
  padding: var(--label-padding);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: var(--label-font-size);
  color: var(--label-color);
  transition: 0.3s ease-out;
}
.form-field .slide-label.active-label:after {
  background: var(--bmo-granite);
}
.form-field .slide-label.active-label .label-text {
  padding: 0px;
  font-size: 1.4rem;
  margin-top: -4px;
}
.form-field .slide-label:before {
  z-index: 4;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--brand-pri);
  transform: scaleX(0);
  transition: all 0.3s linear;
  top: 44px;
}
.form-field .slide-label:after {
  z-index: 3;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  background: var(--bmo-granite);
  top: 44px;
}
.form-field .slide-label.error-field:before {
  background-color: var(--brand-negative);
}
.form-field .slide-label.error-field:after {
  background-color: var(--brand-negative);
}
.form-field .slide-label.disabled span.label-text {
  color: var(--brand-dark-grey);
}
.form-field .half-input-width {
  width: 50%;
  float: left;
  box-sizing: border-box;
  margin-top: 3px;
}
.form-field .half-input-width .input-helper-text-pass-fail {
  display: block;
  color: var(--brand-dark-grey);
  font-size: 1.4rem;
  line-height: 24px;
  padding: 4px 0 4px 32px;
  background-image: url('24-close-granite.93fc5bd760e01631.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
}
.form-field .half-input-width .input-helper-text-pass-fail.pass {
  background-image: url('24-checkmark-green.d0be002de1037650.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  color: #646C76;
}
.form-field .half-input-width .input-helper-text-pass-fail.fail {
  background-image: url('24-cross-red.032f2e390feb8362.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px 24px;
  color: #646C76;
}
.form-field.mercury .input:focus + .slide-label {
  margin-top: 18px;
}
.form-field.mercury .input:focus + .slide-label .label-text {
  margin-top: unset;
}
.form-field.mercury .input:focus + .slide-label.active-label {
  margin-top: -4px;
}
.form-field.mercury .input:focus + .slide-label.active-label .label-text {
  margin-top: unset;
}
.form-field.mercury .slide-label {
  position: absolute;
  transition: unset;
  top: -32px;
  /***************KILL MATERIAL ANIMATIONS********/
}
.form-field.mercury .slide-label:before {
  z-index: unset;
  content: "";
  position: unset;
  width: unset;
  height: unset;
  bottom: unset;
  left: unset;
  background: unset;
  transform: unset;
  transition: unset;
  top: unset;
}
.form-field.mercury .slide-label:after {
  z-index: unset;
  content: "";
  position: unset;
  width: unset;
  height: unset;
  bottom: unset;
  left: unset;
  background: unset;
  top: unset;
}
.form-field.mercury .slide-label.active-label {
  transition: none;
  top: -10px;
}
.form-field.mercury .slide-label.active-label:after {
  background: var(--bmo-granite);
}
.form-field.mercury .slide-label.active-label .label-text {
  transition: none;
  padding: 0px;
  font-size: 1.4rem;
}
.form-field.mercury .slide-label .label-text {
  color: var(--label-color);
}

.mercury * {
  transition: none !important;
}

:root {
  --textarea-input-font-size: 1.8rem;
  --textarea-input-width: 100%;
  --textarea-input-height: unset;
  --textarea-input-line-height: normal;
  --textarea-input-padding: 4px 0 0 0;
  --textarea-input-margin: 7px 0 0 0;
  --textarea-input-border: none;
  --textarea-input-error-border: none;
  --textarea-input-border-radius: none;
  --textarea-input-color: var(--global-font-color);
  --textarea-input-bg-color: transparent;
  --textarea-input-focus: unset;
  --help-text-font-size: 1.6rem;
  --help-text-line-height: 16px;
  --help-text-color: var(--brand-grey);
  --help-text-margin-textarea: 4px 0 0 0;
  --label-font-size: 1.8rem;
  --label-color: var(--brand-pri);
  --label-padding: 18px 0 0 0;
  --label-height: 42px;
  --error-message-font-size: 1.4rem;
  --error-message-line-height: 16px;
  --error-message-color: var(--brand-negative);
  --error-message-margin-textrea: 4px 0 6px 0;
  --error-message-padding: 0px 32px 0px 19px;
  --error-message-icon-path: url('16-inline-error-red.9f63181a7e3d2c81.svg') ;
}

.form-field.mercury {
  --textarea-input-font-size: 1.6rem;
  --textarea-input-width: 100%;
  --textarea-input-height: 32px;
  --textarea-input-line-height: 24px;
  --textarea-input-padding: 0 0 0 8px;
  --textarea-input-margin: 7px 0 0 0;
  --textarea-input-border: 1px solid var(--brand-dark-grey);
  --textarea-input-error-border: 1px solid var(--brand-negative);
  --textarea-input-border-radius: 4px;
  --textarea-input-color: var(--global-font-color);
  --textarea-input-bg-color: transparent;
  --textarea-input-focus: var(--global-focus-shadow);
  --help-text-font-size: 1.4rem;
  --help-text-line-height: 16px;
  --help-text-color: var(--brand-dark-grey);
  --help-text-margin: 8px 0 0 0;
  --label-font-size: 1.4rem;
  --label-color: var(--global-font-color);
  --label-padding: 18px 0 0 0;
  --label-height: 42px;
  --error-message-font-size: 1.4rem;
  --error-message-line-height: 16px;
  --error-message-color: var(--brand-negative);
  --error-message-margin: 8px 0 6px 0;
  --error-message-padding: 0px 32px 0px 19px;
  --error-message-icon-path: url('16-inline-error-red.9f63181a7e3d2c81.svg') ;
}

.form-field.textarea-field .textarea {
  height: 24px;
  overflow: hidden;
  transition: all 0.3s ease;
  resize: none;
  min-height: 40px;
  max-height: 50vh;
  overflow-y: auto;
  white-space: pre-wrap;
  box-sizing: border-box;
  width: var(--text-input-width);
  height: var(--textarea-input-height);
  line-height: var(--textarea-input-line-height);
  margin: var(--textarea-input-margin);
  padding: var(--textarea-input-padding);
  border: var(--textarea-input-border);
  background-color: var(--textarea-input-bg-color);
  transition: all 0.3s ease-out;
  font-size: var(--textarea-input-font-size);
  color: var(--global-font-color);
  border-radius: var(--textarea-input-border-radius);
  font-family: "heebo";
}
.form-field.textarea-field .textarea.error {
  border-color: var(--brand-negative);
}
.form-field.textarea-field .textarea {
  background-color: rgba(225, 225, 225, 0);
  transition: all 0.3s ease-out;
}
.form-field.textarea-field .textarea::-webkit-input-placeholder {
  height: 24px;
  color: var(--brand-grey);
  font-size: 1.8rem;
  line-height: 24px;
}
.form-field.textarea-field .textarea::-moz-placeholder {
  height: 24px;
  color: var(--brand-grey);
  font-size: 1.8rem;
  line-height: 24px;
}
.form-field.textarea-field .textarea:-ms-input-placeholder {
  height: 24px;
  color: var(--brand-grey);
  font-size: 1.8rem;
  line-height: 24px;
}
.form-field.textarea-field .textarea:-moz-placeholder {
  height: 24px;
  color: var(--brand-grey);
  font-size: 1.8rem;
  line-height: 24px;
}
.form-field.textarea-field .textarea:placeholder {
  font-family: "heebo";
}
.form-field.textarea-field .textarea + .slide-label {
  position: static;
}
.form-field.textarea-field .textarea + .slide-label span {
  position: absolute;
  top: 0;
}
.form-field.textarea-field .textarea + .slide-label:after, .form-field.textarea-field .textarea + .slide-label:before {
  margin-top: -3px;
  position: relative;
  top: unset;
  display: block;
}
.form-field.textarea-field .textarea + .slide-label:before {
  float: left;
}
.form-field.textarea-field:disabled + label.slide-label span {
  color: var(--brand-dark-grey);
}
.form-field.textarea-field .textarea:focus + label.slide-label:before {
  visibility: visible;
  transform: scaleX(1);
}
.form-field.textarea-field .textarea:focus + label.slide-label span.label-text {
  padding: 0px;
  font-size: 14px;
  margin-top: -4px;
}
.form-field.textarea-field .error-message {
  margin: var(--error-message-margin-textrea);
}
.form-field.textarea-field .input-helper-text {
  margin: var(--help-text-margin-textarea);
}
.form-field.textarea-field.mercury .textarea:focus + .slide-label {
  margin-top: 18px;
}
.form-field.textarea-field.mercury .textarea:focus + .slide-label .label-text {
  margin-top: unset;
}
.form-field.textarea-field.mercury .textarea:focus + .slide-label.active-label {
  margin-top: -4px;
}
.form-field.textarea-field.mercury .textarea:focus + .slide-label.active-label .label-text {
  margin-top: unset;
}
.form-field.textarea-field.mercury .slide-label {
  position: absolute;
  transition: unset;
  top: -32px;
  /***************KILL MATERIAL ANIMATIONS********/
}
.form-field.textarea-field.mercury .slide-label:before {
  z-index: unset;
  content: "";
  position: unset;
  width: unset;
  height: unset;
  bottom: unset;
  left: unset;
  background: unset;
  transform: unset;
  transition: unset;
  top: unset;
}
.form-field.textarea-field.mercury .slide-label:after {
  z-index: unset;
  content: "";
  position: unset;
  width: unset;
  height: unset;
  bottom: unset;
  left: unset;
  background: unset;
  top: unset;
}
.form-field.textarea-field.mercury .slide-label.active-label {
  transition: none;
  top: -10px;
}
.form-field.textarea-field.mercury .slide-label.active-label:after {
  background: var(--bmo-granite);
}
.form-field.textarea-field.mercury .slide-label.active-label .label-text {
  transition: none;
  padding: 0px;
  font-size: 1.4rem;
}
.form-field.textarea-field.mercury .slide-label .label-text {
  color: var(--label-color);
}

/************************************************INPUT Radio STYLTES****************************/
:root {
  --radio-disabled-bg-color: #D5D8DE;
}

bmo-radio {
  display: block;
}

.radio-group .error-message {
  width: 100%;
  min-width: 150px;
  padding: 0px 32px 0px 19px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 16px;
  color: var(--bmo-negative);
  background-image: url('16-inline-error-red.9f63181a7e3d2c81.svg');
  background-repeat: no-repeat;
  background-position: left top;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  margin-top: 24px;
  display: none;
  margin-bottom: 6px;
}
.radio-group .error-message.has-error {
  visibility: visible;
  opacity: 1;
  display: block;
}

.input-wrap .legend {
  font-size: 1.8rem;
  line-height: 24px;
  display: block;
  width: auto;
  width: fit-content;
  padding: 2px 8px 2px 2px;
  font-weight: 500;
}
.input-wrap.input-radio {
  margin: 0;
}
.input-wrap.input-radio input {
  position: relative;
  left: -5px;
  opacity: 0;
  margin-top: -4px;
  width: 0;
  height: 0;
  appearance: none;
  border: 2px solid var(--brand-dark-grey);
  border-radius: 24px;
}
.input-wrap.input-radio input:checked {
  opacity: 0;
}
.input-wrap.input-radio label {
  position: relative;
  margin-left: 12px;
  color: var(--brand-black);
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 24px;
  width: 100%;
  display: block;
}
.input-wrap.input-radio label::before {
  content: "";
  position: relative;
  top: 8px;
  left: -12px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 2px solid var(--brand-dark-grey);
  border-radius: 24px;
  box-sizing: border-box;
  transition: background-color ease-in-out 250ms;
  transition: border ease-in-out 250ms;
}
.input-wrap.input-radio label:hover {
  cursor: pointer;
}
.input-wrap.input-radio input:checked + label::before {
  background-color: var(--brand-whitey);
  border: 6px solid var(--brand-pri);
  /*!important*/
}
.input-wrap.input-radio input.has-error + label::before {
  border: 2px solid var(--brand-negative);
}
.input-wrap.input-radio input:disabled + label::before {
  border: 2px solid var(--brand-dark-grey);
  background-color: var(--radio-disabled-bg-color);
  cursor: default;
}
.input-wrap.input-radio input:disabled + label {
  color: var(--bmo-granite);
  cursor: default;
}
.input-wrap.input-radio input:checked:disabled + label::before {
  background-color: var(--brand-light-grey);
  border: 6px solid var(--brand-dark-grey);
  /*!important*/
}
.input-wrap.input-radio input:focus + label::before {
  background-color: transparent;
  border: 2px solid var(--brand-grey);
  box-shadow: var(--global-focus-shadow);
}
.input-wrap.input-radio input[type=radio]:checked:focus + label::before {
  background-color: var(--brand-whitey);
  border: 6px solid var(--brand-pri);
  /*!important*/
}
.input-wrap.input-radio input[type=radio]:disabled + label::before {
  background-color: var(--bmo-light-grey);
}

/*****************BOX RADIO STYLES**************/
.input-wrap .box-radio {
  display: inline-block;
  opacity: 0;
}
.input-wrap .box-radio + label.box-radio-label {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--brand-pri);
  border: 2px solid var(--brand-dark-grey);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 6px 14px;
  margin-left: -16px;
  margin-right: 12px;
  text-transform: capitalize;
  line-height: 16px;
  letter-spacing: 0.25px;
  width: unset;
  margin-top: 24px;
  position: relative;
  left: 8px;
}
.input-wrap .box-radio + label.box-radio-label.has-error {
  border: 2px solid var(--brand-negative);
}
.input-wrap .box-radio + label.box-radio-label:disabled {
  border: 2px solid var(--brand-dark-grey);
  color: var(--brand-dark-grey);
}
.input-wrap .box-radio + label.box-radio-label:before {
  content: unset;
}
.input-wrap .box-radio + label.box-radio-label:focus {
  background: var(--brand-pri);
  border: 2px solid var(--brand-pri);
  color: var(--brand-white);
}
.input-wrap .box-radio:hover + label,
.input-wrap .box-radio:checked + label,
.input-wrap .box-radio:checked:focus + label {
  background: var(--brand-pri);
  border: 2px solid var(--brand-pri);
  color: var(--brand-white);
}
.input-wrap .box-radio:focus + label,
.input-wrap .box-radio:checked:focus + label {
  box-shadow: var(--global-focus-shadow);
}
.input-wrap .box-radio:disabled + label {
  border: 2px solid var(--brand-grey);
  color: var(--brand-dark-grey);
  cursor: default;
  background-color: transparent;
}
.input-wrap .box-radio:checked:disabled + label {
  border: 2px solid var(--brand-dark-grey);
  color: var(--brand-white);
  background-color: var(--brand-dark-grey);
}

:root {
  --card-checkbox-label-box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  --card-checkbox-hover-label-box-shadow: 0 0 8px 0 rgba(0, 25, 40, 0.12), 0 4px 24px 0 rgba(0, 25, 40, 0.07);
}

.check-group .error-message {
  width: 100%;
  min-width: 150px;
  padding: 0px 32px 0px 19px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 16px;
  color: var(--bmo-negative);
  background-image: url('16-inline-error-red.9f63181a7e3d2c81.svg');
  background-repeat: no-repeat;
  background-position: left top;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  margin-top: 24px;
  display: none;
  margin-bottom: 6px;
  position: relative;
  left: -28px;
}
.check-group .error-message.has-error {
  visibility: visible;
  opacity: 1;
  display: block;
}

.input-wrap.input-checkbox {
  align-items: center;
  padding-left: 32px;
  padding-top: 0;
}
.input-wrap.input-checkbox label {
  cursor: pointer;
  position: relative;
  top: 0px;
  left: 12px;
  color: var(--brand-black);
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0.15px;
  line-height: 24px;
  display: block;
  width: auto;
  width: fit-content;
  padding: 4px 0;
}
.input-wrap.input-checkbox .check-legend {
  position: relative;
  left: -32px;
}
.input-wrap.input-checkbox input[type=checkbox] {
  position: relative;
  width: 0px;
  height: 0px;
  opacity: 0;
}
.input-wrap.input-checkbox input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -40px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  width: 24px;
  height: 24px;
  border: 2px solid var(--brand-dark-grey);
  border-radius: 4px;
  box-sizing: border-box;
}
.input-wrap.input-checkbox input[type=checkbox] + label:before:hover {
  cursor: pointer;
}
.input-wrap.input-checkbox input[type=checkbox]:checked + label:before {
  content: "";
  background-color: var(--brand-pri);
  background-image: url('16-checkmark-white.0bdaf36c364c4273.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 15px;
  border-color: var(--brand-pri);
  cursor: pointer;
  border: 2px solid var(--brand-pri);
  padding-bottom: 0;
  box-sizing: border-box;
}
.input-wrap.input-checkbox input[type=checkbox]:checked + label:before:focus + label:before {
  border: 2px solid var(--brand-pri);
}
.input-wrap.input-checkbox input[type=checkbox]:focus + label:before {
  box-shadow: var(--global-focus-shadow);
}
.input-wrap.input-checkbox input[type=checkbox]:checked:focus + label:before {
  box-shadow: var(--global-focus-shadow);
}
.input-wrap.input-checkbox input[type=checkbox].has-error + label:before {
  border: 2px solid var(--brand-negative);
}
.input-wrap.input-checkbox input[type=checkbox]:disabled + label:before {
  background-color: var(--brand-light-grey);
  border: 2px solid var(--brand-dark-grey);
  /*!important*/
}
.input-wrap.input-checkbox input[type=checkbox]:disabled + label {
  color: var(--brand-dark-grey);
  cursor: default;
}
.input-wrap.input-checkbox input[type=checkbox]:checked:disabled + label:before {
  background-color: var(--brand-dark-grey);
  background-image: url('16-checkmark-white.0bdaf36c364c4273.svg');
  border: 2px solid var(--brand-dark-grey);
  /*!important*/
  cursor: default;
}

.input-wrap.input-checkbox bmo-check label {
  padding: 0;
}

.input-wrap.input-checkbox input[type=checkbox]:focus {
  border: 2px solid var(--brand-dark-blue);
  padding-bottom: 0;
  box-shadow: 0 0 2px 1px rgba(115, 195, 235, 0.65);
}

/******************* CARD CHECKBOXES *****************/
.check-card-wrap {
  position: relative;
  left: -40px;
}
.check-card-wrap:after {
  content: "";
  display: block;
  clear: both;
}
.check-card-wrap + .error-message.has-error {
  position: relative;
  top: -24px;
  margin-bottom: 8px;
}

.grid .bmo-card-checkbox {
  display: flex;
  flex-flow: row;
}

.checkbox-cards input[type=checkbox] {
  display: none;
}

.bmo-card-checkbox.check-fixed-cards {
  margin: 0px 0px 16px 0px;
  display: block;
  float: left;
}

.input-checkbox .bmo-card-checkbox.check-fixed-cards label {
  display: flex;
  flex-flow: column;
  position: relative;
  width: 234px;
  height: 100%;
  min-height: 80px;
  margin: 0px 8px;
  padding: 17px 8px;
  border: 3px solid var(--brand-white);
  border-radius: 4px;
  cursor: pointer;
  background: var(--brand-white);
  transition: all 0.3s ease-out;
  box-shadow: var(--card-checkbox-label-box-shadow);
  justify-content: center;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards label:first-of-type {
  margin-left: 0;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards label::before {
  content: unset !important;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards .card-check-label-text {
  text-align: center;
  font-weight: 700;
  font-size: 1.6rem;
  color: var(--global-font-color);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards .card-check-image {
  padding: 16px 0;
  text-align: center;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards .card-check-image + .card-check-label-text {
  padding-bottom: 24px;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards label span.image {
  text-align: center;
  width: 96px;
  height: 72px;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards label span.image img {
  pointer-events: none;
  /* - Fix for IE11 (tile not clickable on image) - */
  -moz-user-select: none;
  /* - Fix for Firefox (image auto selected when clicking on image - only when "pointer-events: none;
  " is set) - */
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards label span.description {
  text-align: center;
  padding: 8px 0px 0px 0px;
  font-size: 1.6rem;
  color: var(--brand-black);
  font-weight: 700;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards label span.check {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -1px;
  /* - Fix for IE11 - keep -1px, not 0px */
  right: -1px;
  /* - Fix for IE11 - keep -1px, not 0px */
  width: 24px;
  height: 24px;
  border-radius: 0px 0px 0px 4px;
  background-image: url('16-checkmark-white.0bdaf36c364c4273.svg');
  background-repeat: no-repeat;
  background-color: var(--brand-pri);
  background-size: 16px 16px;
  background-position: center center;
  transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox] {
  opacity: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:checked + label span.check {
  opacity: 1;
  visibility: visible;
  background: var(--brand-pri) url('16-checkmark-white.0bdaf36c364c4273.svg') 8px no-repeat;
  background-position: center center;
  background-size: 16px;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards.error-field label {
  border: 3px solid var(--brand-negative);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:checked + label,
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:focus + label,
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:checked:focus + label {
  border: 3px solid var(--brand-pri);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:disabled:checked + label {
  border: 3px solid var(--brand-dark-grey);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:disabled + label {
  filter: grayscale(100);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:focus + label {
  box-shadow: var(--global-focus-shadow);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:checked:focus + label {
  box-shadow: var(--global-focus-shadow);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:checked:focus + label span.check {
  display: block;
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:hover + label {
  box-shadow: var(--card-checkbox-hover-label-box-shadow);
}
.input-checkbox .bmo-card-checkbox.check-fixed-cards input[type=checkbox]:disabled:hover + label {
  box-shadow: var(--card-checkbox-label-box-shadow);
  cursor: default;
}

/************************************************Parent Child Checkbox STYLTES**************************/
/***********************************************************************************************/
.parent-checkbox.input-wrap.input-checkbox input[type=checkbox][aria-checked=mixed] + label:before {
  background-color: var(--brand-pri);
  background-image: url('16-dash.a4a89885ccc52932.svg');
}

.parent-checkbox.input-wrap.input-checkbox input[type=checkbox][aria-checked=false] + label:before {
  background-color: none;
  background-image: none;
}

.parent-checkbox.input-wrap.input-checkbox input[type=checkbox][aria-checked=true] + label:before {
  background-color: var(--brand-pri);
  background-image: url('16-checkmark-white.0bdaf36c364c4273.svg');
}

.parent-checkbox + ul.checkboxes {
  padding-left: 24px;
}
.parent-checkbox + ul.checkboxes li {
  list-style: none;
}
.parent-checkbox + ul.checkboxes li .input-wrap.input-checkbox {
  padding-top: 0px;
}

input[type=date] {
  width: 100%;
  height: 36px;
  line-height: 40px;
  margin: 7px 0 0 0;
  padding: 0;
  white-space: nowrap;
  border: none;
  background-color: rgba(225, 225, 225, 0);
  transition: all 0.3s ease-out;
}

.date-picker {
  /* a.icon-button {
  	border-radius: 0;
  } */
}
.date-picker input:not(:focus) ~ .input-helper-text {
  visibility: visible;
}
.date-picker label.slide-label:not(.active-label) ~ .input-helper-text {
  visibility: visible;
}
.date-picker .form-field-button {
  padding: 12px 0 0 8px;
}
.date-picker .icon-button.widget-trigger:disabled span {
  filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%) !important;
  cursor: default;
}
.date-picker .icon-button.widget-trigger:hover span {
  filter: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
}
.date-picker.mercury input[type=text] {
  width: calc(100% - 8px);
}

.calendar-widget-container {
  position: relative;
}
.calendar-widget-container .calendar-widget {
  box-sizing: border-box;
  padding: 0 16px;
  transition: top 0.3s ease-in-out, opacity 0.3s linear;
  border-radius: 0;
  font-size: 1.8rem;
  min-height: 472px;
  max-height: 472px;
  overflow: hidden;
  width: 402px;
  opacity: 0;
  position: absolute;
  z-index: 1040;
  top: 20px;
  /* &[aria-expanded="true"] {
  	display: block;
  } */
}
.calendar-widget-container .calendar-widget.active {
  opacity: 1;
  top: 4px;
}
.calendar-widget-container .calendar-widget .head {
  padding: 12px 0;
  text-align: center;
  position: relative;
  border-bottom: var(--bmo-light-grey) solid 2px;
}
.calendar-widget-container .calendar-widget .head .icon-button.close-btn {
  position: absolute;
  right: 0;
}
.calendar-widget-container .calendar-widget .head span {
  -webkit-user-select: none;
          user-select: none;
  line-height: 24px;
}
.calendar-widget-container .calendar-widget .dp-body {
  padding: 24px 16px;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler {
  text-align: center;
  position: relative;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button {
  vertical-align: middle;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button.chvy-left:disabled {
  filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%) !important;
  cursor: default;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button.chvy-right:disabled {
  filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%) !important;
  cursor: default;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button.blue {
  cursor: pointer;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler > span {
  line-height: 24px;
  min-width: 170px;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler div[role=alert] {
  font-size: 0;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(7, 1fr);
}
.calendar-widget-container .calendar-widget .dp-body .grid-template.mt-small {
  margin-top: 32px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div {
  min-height: 44px;
  padding-top: 8px;
  font-size: 1.6rem;
  text-align: center;
  box-sizing: border-box;
  font-family: var(--global-font);
  font-weight: 500;
  border: transparent solid 2px;
  border-radius: 4px;
  color: var(--bmo-grey);
  -webkit-user-select: none;
          user-select: none;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div[tabindex="0"]:focus {
  box-shadow: var(--global-focus-shadow);
  outline: 0;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.weekday {
  font-size: 1.2rem;
  padding: 32px 0 12px;
  min-height: unset;
  color: var(--global-font-color);
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.today {
  border: var(--bmo-grey) solid 2px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.today:after {
  content: "TODAY";
  font-size: 10px;
  display: block;
  font-family: inherit;
  padding-top: 3px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable {
  color: var(--bmo-bluea);
  cursor: pointer;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable:hover {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable.selected {
  background-color: var(--bmo-bluea);
  color: var(--global-bg-color-raised);
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable.today {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.not-this-month {
  color: var(--bmo-light-grey);
  font-size: 1.4rem;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div:not(.selectable) {
  cursor: default;
  outline: none;
  box-shadow: none;
}
.calendar-widget-container .calendar-widget.long-term {
  min-height: 0;
}
.calendar-widget-container .calendar-widget.long-term.active {
  min-height: 382px;
  max-height: 382px;
}
.calendar-widget-container .calendar-widget.long-term .head .icon-button.larr {
  position: absolute;
  left: 0;
}
.calendar-widget-container .calendar-widget.long-term .head .icon-button.larr:disabled {
  display: none;
}
.calendar-widget-container .calendar-widget.long-term .grid-template > div {
  color: var(--bmo-bluea);
  cursor: pointer;
}
.calendar-widget-container .calendar-widget.long-term .grid-template > div:hover {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget.long-term .grid-template > div.selected {
  background-color: var(--bmo-bluea);
  color: var(--global-bg-color-raised);
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(3, 1fr);
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div {
  min-height: 44px;
  padding-top: 8px;
  font-size: 1.6rem;
  text-align: center;
  box-sizing: border-box;
  font-family: var(--global-font);
  font-weight: 500;
  border: transparent solid 2px;
  border-radius: 4px;
  color: var(--bmo-grey);
  -webkit-user-select: none;
          user-select: none;
  padding-top: 12px;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"]:focus {
  box-shadow: var(--global-focus-shadow);
  outline: 0;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"] {
  color: var(--bmo-bluea);
  cursor: pointer;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"]:hover {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"].selected {
  background-color: var(--bmo-bluea);
  color: var(--global-bg-color-raised);
}
.calendar-widget-container .calendar-widget:is(.fr, .fr-ca) .today:after {
  content: "AUJ" !important;
}
.calendar-widget-container .calendar-widget.mercury {
  top: 12px;
}
.calendar-widget-container .calendar-widget.mercury.active {
  top: -4px;
}

.input-helper-text, span.error-message {
  -webkit-user-select: none;
          user-select: none;
}

@media only screen and (max-width: 599px) {
  .calendar-widget-container {
    position: static;
  }
  .calendar-widget-container .calendar-widget {
    top: 0 !important;
    left: 0 !important;
    margin: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    box-sizing: border-box;
    box-shadow: none;
    overflow-y: auto;
    min-height: auto;
    max-height: unset !important;
    border: none;
  }
  .calendar-widget-container .calendar-widget .dp-body {
    padding: 24px 0;
  }
  .calendar-widget-container .calendar-widget button {
    margin: unset !important;
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
:root {
  --cards-bg-color: var(--global-bg-color-raised);
  --cards-border-color: var(--brand-light-grey);
  --cards-box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  --cards-box-shadow-over: 0 0 8px 0 rgba(0, 25, 40, 0.12), 0 4px 24px 0 rgba(0, 25, 40, 0.07);
  /***Non-color-variables***/
  --cards-border-radius: 4px;
}

.ios {
  --cards-box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px;
  --cards-border-color: none;
  --cards-border-radius: 8px;
}

.md {
  --cards-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
  --cards-border-color: none;
}

.bmo-card {
  border: 1px solid var(--cards-border-color);
  box-shadow: var(--cards-box-shadow);
  border-radius: var(--cards-border-radius);
  background-color: var(--cards-bg-color);
  box-sizing: border-box;
  display: inline-block;
  min-height: 40px;
  margin: 8px 0;
  padding: 8px 16px;
  width: 100%;
  transition: 0.3s box-shadow ease;
}
.bmo-card.hover:hover {
  box-shadow: var(--cards-box-shadow-over);
  cursor: pointer;
}
.bmo-card.flat {
  box-shadow: unset;
  border: 0px solid #fff;
}
.bmo-card:after {
  display: block;
  content: "";
  clear: both;
}
.bmo-card.no-pad {
  padding: 0;
}
.bmo-card .top-of-card-link {
  box-sizing: border-box;
  padding: 8px 16px 8px;
  display: block;
  width: 100%;
}
.bmo-card .top-of-card-link:focus {
  box-shadow: var(--global-focus-shadow);
  outline: 0;
}

/**********************ACCOUNT CARD STYLES********************/
.card-account-nickname {
  color: var(--global-font-color);
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 32px;
  display: block;
  float: left;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-account-total {
  color: var(--brand-pri);
  font-size: 1.8rem;
  line-height: 32px;
  text-align: right;
  display: block;
  float: right;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-account-total .card-account-currency {
  color: var(--brand-dark-grey);
  font-family: Heebo;
  font-size: 1.2rem;
  line-height: 32px;
  text-align: right;
  display: inline-block;
  margin-right: 4px;
}

.card-account-name {
  color: var(--brand-dark-grey);
  font-size: 1.6rem;
  line-height: 24px;
  display: block;
  float: left;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-gain-loss {
  font-size: 1.6rem;
  line-height: 24px;
  text-align: right;
  display: block;
  float: right;
  position: relative;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 50px;
  box-sizing: border-box;
}
.account-gain-loss.gain {
  color: var(--brand-positive);
}
.account-gain-loss.gain .icon {
  filter: var(--brand-positive-filter);
}
.account-gain-loss.loss {
  color: var(--brand-negative);
}
.account-gain-loss.loss .icon {
  filter: var(--brand-negative-filter);
}
.account-gain-loss .icon {
  position: absolute;
  margin-left: -20px;
  margin-top: 0px;
  width: 24px;
  height: 16px;
  background-size: 24px 24px;
  background-position: center top 2px;
}

.card-account-avail-credit {
  float: right;
  color: var(--brand-dark-grey);
  font-size: 1.6rem;
  line-height: 24px;
  text-align: right;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-account-avail-credit .availble-label {
  color: var(--brand-dark-grey);
  font-weight: 500;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 24px;
  text-align: right;
}

.keyline {
  margin: 4px 0 8px;
  width: 56px;
  height: 4px;
  border-right: 4px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  border-top: 0;
  display: block;
}
.keyline.investments {
  background: var(--bmo-lilac);
}
.keyline.credit-card {
  background: var(--bmo-retrospect);
}
.keyline.chequing {
  background: var(--bmo-sky-blue);
}
.keyline.savings {
  background: var(--bmo-sky-blue);
}
.keyline.line-of-credit {
  background: var(--bmo-sunflower);
}
.keyline.mortgage, .keyline.loan {
  background: var(--bmo-olive);
}

.below-keyline-left {
  color: var(--brand-dark-grey);
  font-weight: 500;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 24px;
  display: block;
  float: left;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.below-keyline-right {
  color: var(--brand-dark-grey);
  font-size: 1.6rem;
  line-height: 24px;
  text-align: right;
  display: block;
  float: right;
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-card-divide {
  border-bottom: 1px solid var(--brand-light-grey);
  display: block;
  margin: 4px 16px;
}

.account-card-action-list {
  list-style: none;
  margin: 8px 16px 8px;
  display: block;
}
.account-card-action-list li {
  display: inline-block;
}
.account-card-action-list li a.link {
  margin: 0 16px 0 0;
}

.bank-card {
  min-height: 100px;
  border: 1px solid var(--cards-border-color);
  box-shadow: var(--cards-box-shadow);
  display: inline-block;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bank-card.blue {
  background-image: url('card-bmo-blue.5b624353582574a4.svg');
}
.bank-card.ultramarine {
  background-image: url('card-ultramarine.881f46af7bc2a1e0.svg');
}
.bank-card.mixed {
  background-image: url('card-mixed-blue.e8f2610338ee4539.svg');
}

:root {
  --modal-border: #ffffff;
}

.modal {
  max-width: 744px;
  width: 100%;
  border-radius: 4px;
  background-color: var(--global-bg-color-raised);
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  padding: 48px 32px;
  position: fixed;
  left: 50%;
  margin-left: -372px;
  top: 18%;
  z-index: var(--zindex-modal);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
  box-sizing: border-box;
  border: 2px solid var(--modal-border);
}
.modal .body-scroll.scrollbar {
  overflow-y: scroll;
  clear: both;
  max-height: 50vh;
}
.modal:focus {
  box-shadow: unset;
  box-sizing: border-box;
}
.modal.active {
  top: 20%;
  visibility: visible;
  opacity: 1;
  border: 2px solid var(--modal-border);
}
.modal .modal-close {
  position: absolute;
  left: calc(100% - 44px);
  margin-top: -36px;
}

@media only screen and (max-width: 767px) {
  .bmo-overlay-dark.active {
    background-color: rgba(0, 0, 0, 0);
  }
  .modal {
    left: 0px;
    margin-left: unset;
    height: 100%;
    max-width: 768px;
    top: 0;
    border-radius: 0;
  }
  .modal.active {
    top: 0;
  }
  .modal .body-scroll.scrollbar {
    overflow-y: scroll;
    clear: both;
    max-height: 80vh;
  }
  .modal .icon-button.modal-close {
    position: absolute;
    left: 16px;
  }
  .modal .modal-title {
    font-size: 1.6rem;
    letter-spacing: 0.11px;
    line-height: 24px;
  }
  .modal .modal-body {
    padding-right: 16px;
  }
  .modal.md {
    padding: 0;
    top: calc(0px + 20vh);
    transition: all 0.3s;
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
  .modal.md.active {
    top: 0px;
  }
  .modal.md .modal-body {
    padding-left: 56px;
  }
  .modal.md .modal-header {
    background-color: var(--brand-pri);
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
  }
  .modal.md .modal-header:after {
    display: block;
    content: "";
    clear: both;
  }
  .modal.md .modal-header .modal-title-text {
    text-align: left;
    font-size: 1.6rem;
    font-family: "heebo";
    line-height: 24px;
    padding: 12px 0 12px 40px;
    color: var(--brand-white);
  }
  .modal.md .icon-button {
    left: 16px;
    top: 20px;
    margin-top: 0;
  }
  .modal.md .icon-button .icon {
    filter: var(--brand-white-filter);
  }
  .modal.ios {
    padding: 0;
    top: calc(0px + 100vh);
    transition: all 0.5s;
    transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
  }
  .modal.ios.active {
    top: 0px;
  }
  .modal.ios .modal-header {
    background-color: var(--brand-lightes-grey);
    border-bottom: 1px solid var(--brand-light-grey);
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
  }
  .modal.ios .modal-header:after {
    display: block;
    content: "";
    clear: both;
  }
  .modal.ios .modal-header .modal-title-text {
    text-align: center;
    font-size: 1.4rem;
    font-family: "heebo";
    line-height: 24px;
    padding: 2px 0;
  }
  .modal.ios .icon-button {
    left: 16px;
    top: 8px;
    margin-top: 0;
  }
  .modal.ios .modal-body {
    padding: 0 16px;
    width: unset;
  }
  .modal.ios .body-scroll {
    overflow-y: scroll;
    max-height: calc(100vh - 44px);
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/**************SWITCH CHECKBOX ***************/
:root {
  /*** Color values***/
  --switch-button-bg-color: var(--brand-light-grey);
  --switch-button-bg-color-active: var(--brand-pri);
  --switch-rail-bg-color: var(--brand-dark-grey);
  --switch-rail-bg-color-active: var(--brand-highlight);
  /*** Non-color values***/
  --switch-label-font-size: 1.6rem;
  --switch-label-line-height: 24px;
  --switch-rail-border-radius: 8px;
  --switch-rail-height: 16px;
  --switch-rail-width: 34px;
  --switch-button-width-height: 24px;
  --switch-button-border-radius: 12px;
}

.ios {
  --switch-label-font-size: 1.6rem;
  --switch-label-line-height: 28px;
  --switch-rail-border-radius: 14px;
  --switch-rail-height: 27px;
  --switch-rail-width: 46px;
  --switch-button-width-height: 23px;
  --switch-button-border-radius: 12px;
}

.bmo-switch-wrap {
  width: 32px;
  cursor: pointer;
  width: auto;
  width: fit-content;
}
.bmo-switch-wrap:after {
  display: block;
  clear: both;
  content: "";
}
.bmo-switch-wrap .switch-label {
  font-size: 1.6rem;
  width: fit-content;
  display: inline-block;
  line-height: 24px;
  letter-spacing: 0.15px;
  cursor: pointer;
}
.bmo-switch-wrap .switch-label::first-letter {
  text-transform: capitalize;
}
.bmo-switch-wrap .switch-label.left {
  margin-right: 20px;
  position: relative;
  top: -2px;
}
.bmo-switch-wrap .switch-label.left.ios {
  top: -9px;
}
.bmo-switch-wrap .switch-label.right {
  left: -8px;
  position: relative;
  top: -2px;
}
.bmo-switch-wrap .switch-label.right.ios {
  top: -9px;
}
.bmo-switch-wrap input {
  display: inline-block;
  float: right;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}
.bmo-switch-wrap .bmo-switch-rail {
  height: var(--switch-rail-height);
  border-radius: var(--switch-rail-border-radius);
  background-color: var(--switch-rail-bg-color);
  width: 100%;
  width: var(--switch-rail-width);
  display: inline-block;
  transition: 0.3s all ease;
}
.bmo-switch-wrap .bmo-switch-rail.active {
  background-color: var(--switch-rail-bg-color-active);
}
.bmo-switch-wrap .bmo-switch-rail.ios {
  height: var(--switch-rail-height);
  width: var(--switch-rail-width);
  border-radius: var(--switch-rail-border-radius);
}
.bmo-switch-wrap .bmo-switch {
  height: var(--switch-button-width-height);
  width: var(--switch-button-width-height);
  min-width: var(--switch-button-width-height);
  max-width: var(--switch-button-width-height);
  border-radius: var(--switch-button-border-radius);
  background-color: var(--switch-button-bg-color);
  transition: 0.3s all ease;
  padding: 0;
  border: none;
  box-sizing: border-box;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
  position: relative;
  top: 4px;
  left: -40px;
  display: inline-block;
  cursor: pointer;
}
.bmo-switch-wrap .bmo-switch.ios {
  height: var(--switch-button-width-height);
  width: var(--switch-button-width-height);
  min-width: var(--switch-button-width-height);
  max-width: var(--switch-button-width-height);
  border-radius: var(--switch-button-border-radius);
  top: -2px;
  left: -44px;
}
.bmo-switch-wrap .bmo-switch.ios.active {
  left: -26px;
}
.bmo-switch-wrap .bmo-switch.active {
  background-color: var(--switch-button-bg-color-active);
  left: -20px;
}
.bmo-switch-wrap .bmo-switch:focus {
  box-shadow: var(--global-focus-shadow);
  transition: 0s all ease;
}
.bmo-switch-wrap.dual .bmo-switch {
  background-color: var(--switch-button-bg-color-active);
}
.bmo-switch-wrap.dual .bmo-switch-rail {
  background-color: var(--switch-rail-bg-color-active);
}
.bmo-switch-wrap.full-width {
  width: 100%;
}
.bmo-switch-wrap.full-width .switch-label.left {
  position: relative;
  top: -2px;
  float: left;
}
.bmo-switch-wrap.full-width .switch-label.ios {
  top: 0;
}
.bmo-switch-wrap.full-width .bmo-switch-rail {
  float: right;
}
.bmo-switch-wrap.full-width .bmo-switch {
  float: right;
  top: -4px;
  left: 16px;
}
.bmo-switch-wrap.full-width .bmo-switch.active {
  top: -4px;
  left: 40px;
}
.bmo-switch-wrap.full-width .bmo-switch.ios {
  top: 2px;
  left: 25px;
}
.bmo-switch-wrap.full-width .bmo-switch.ios.active {
  left: 43px;
}

:root {
  --tab-color: var(--brand-dark-grey);
  --tab-active-color: var(--brand-black);
  --tab-color-over: var(--brand-pri);
  --tab-bg-color: transparent;
  --tab-indicator-color: var(--brand-light-grey);
  --tab-indicator-active-color: var(--brand-pri);
  /***non colour variables***/
  --tabs-padding: 12px 16px;
  --tabs-font-size: 1.6rem;
  --tabs-border: 4px solid var(--brand-light-grey);
  --tabs-border-radius: 2px;
  --tabs-list-border: 4px solid var(--brand-light-grey);
  --tabs-list-border-radius: 2px;
  --tabs-list-focus-border-radius: 4px;
}

[theme=dark] {
  --tab-color: var(--brand-dark-grey);
  --tab-active-color: var(--brand-black);
  --tab-color-over: var(--brand-pri);
  --tab-bg-color: transparent;
  --tab-indicator-color: var(--brand-light-grey);
  --tab-indicator-active-color: var(--brand-pri);
  --tabs-border: 4px solid var(--brand-light-grey);
  --tabs-list-border: 4px solid var(--brand-light-grey);
}

.bmo-tabs-wrap {
  overflow-x: scroll;
  display: block;
  float: left;
  white-space: nowrap;
  margin: 32px 0 0 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  position: relative;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
  /* for true centeredness when using "offsetLeft" */
}
.bmo-tabs-wrap::-webkit-scrollbar {
  width: 0 !important;
}
.bmo-tabs-wrap .tab-list {
  border-bottom: var(--tabs-list-border);
  margin-bottom: 24px;
  min-width: auto;
  min-width: fit-content;
  border-top-right-radius: unset;
  border-top-left-radius: unset;
  border-bottom-right-radius: var(--tabs-list-border-radius);
  border-bottom-left-radius: var(--tabs-list-border-radius);
  /* .tablist-guideline {
      height: 4px;
      background-color: $bmo-light-grey;
      border-radius: 2px;
      position: relative;
      top: 40px;
      display: block;
  }*/
}
.bmo-tabs-wrap .tab-list:before {
  content: "";
  display: inline-block;
}
.bmo-tabs-wrap .tab-list::after {
  content: "";
  display: inline-block;
}
.bmo-tabs-wrap .tab-list .tab {
  display: inline-block;
  font-size: var(--tabs-font-size);
  cursor: pointer;
  transition: 0.3s all ease;
  font-weight: 500;
  color: var(--tab-color);
  padding: var(--tabs-padding);
  position: relative;
  top: 4px;
  margin: 0;
  border-bottom: var(--tabs-border);
  border-bottom-right-radius: var(--tabs-border-radius);
  border-bottom-left-radius: var(--tabs-border-radius);
  /*.tab-indicator {
      display: block;
      position: relative;
      top: 8px;
      width: calc(100% + 34px);
      left: -17px;
      height: 4px;
      background-color: $bmo-light-grey;
  }*/
}
.bmo-tabs-wrap .tab-list .tab:first-letter {
  text-transform: uppercase;
}
.bmo-tabs-wrap .tab-list .tab:first-of-type {
  margin-left: -1px;
}
.bmo-tabs-wrap .tab-list .tab:focus {
  color: var(--tab-color-over);
  box-shadow: none;
  border-radius: var(--tabs-list-focus-border-radius);
  border: none;
}
.bmo-tabs-wrap .tab-list .tab:hover {
  color: var(--tab-color-over);
}
.bmo-tabs-wrap .tab-list .tab.active-tab-label {
  color: var(--tab-active-color);
  text-align: center;
  border-bottom: 4px solid var(--brand-pri);
  /* .tab-indicator {
      background-color: var(--brand-pri);
      width: calc(100% + 32px);
      left: -16px;
      border-radius: 2px;
  }*/
}

.tab-panel {
  transition: opacity 1.5s ease-out;
  display: none;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.tab-panel.active-tab-content {
  opacity: 1;
  display: block;
  height: auto;
  font-size: 1.6rem;
  padding: 0 4px 0 0;
  box-sizing: border-box;
  width: 100%;
  overflow: unset;
}

@media only screen and (max-width: 767px) {
  .bmo-tabs-wrap {
    padding: 0 12px;
  }
}
@media only screen and (max-width: 599px) {
  .bmo-tabs-wrap {
    padding: 0 8px;
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
.table {
  background-color: transparent;
  width: 100%;
}
.table thead {
  width: 100%;
  display: table-header-group;
  border-bottom: 2px solid var(--brand-grey);
}
.table thead .table-heading {
  font-weight: 700;
  font-size: 1.4rem;
  display: table-cell;
  text-align: left;
  padding: 16px 16px 16px 16px;
  box-sizing: border-box;
}
.table tbody .table-row {
  border-bottom: 1px solid var(--brand-light-grey);
  width: 100%;
  padding: 0;
}
.table tbody .table-row .table-data {
  font-size: 1.6rem;
  vertical-align: middle;
  display: table-cell;
  line-height: 32px;
  padding: 8px 16px;
  box-sizing: border-box;
}
.table thead .table-row .table-heading .input-wrap.input-checkbox,
.table tbody .table-row .table-data .input-wrap.input-checkbox {
  padding-left: 0;
}
.table thead .table-row .table-heading .input-wrap.input-checkbox input[type=checkbox] + label:before,
.table tbody .table-row .table-data .input-wrap.input-checkbox input[type=checkbox] + label:before {
  top: 0px;
  left: -24px;
}
.table thead .table-row .table-heading .input-wrap.input-checkbox input[type=checkbox],
.table tbody .table-row .table-data .input-wrap.input-checkbox input[type=checkbox] {
  top: 12px;
  left: 0px;
  display: block;
  margin: 0px;
}
.table thead .table-row .table-heading .input-wrap.input-checkbox input[type=checkbox]:first-of-type,
.table tbody .table-row .table-data .input-wrap.input-checkbox input[type=checkbox]:first-of-type {
  margin-top: -20px;
}
.table thead .table-row .table-heading .input-wrap.input-checkbox label,
.table tbody .table-row .table-data .input-wrap.input-checkbox label {
  top: -8px;
  left: 24px;
}
.table thead .table-row .table-heading .input-wrap.input-checkbox label {
  text-indent: 8px;
  font-family: var(--global-font);
  font-weight: 700;
  padding-left: 8px;
  font-size: 1.4rem;
}
.table tbody .table-row .table-data .input-wrap.input-checkbox input[type=checkbox] + label:before,
.table tbody .table-row .table-data .input-wrap.input-checkbox input[type=checkbox] {
  width: 24px;
  height: 24px;
  position: relative;
  top: 6px;
}
.table thead .table-row .table-heading .input-wrap.input-checkbox input[type=checkbox] + label:before,
.table thead .table-row .table-heading .input-wrap.input-checkbox input[type=checkbox] {
  margin-right: 16px;
}
.table caption {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
.table.sortable thead .table-heading:not(.no-sort) {
  cursor: default;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
.table.sortable thead .table-heading:not(.no-sort):focus {
  box-shadow: var(--global-focus-shadow);
  outline: 0;
}
.table.sortable thead .table-heading:not(.no-sort):not(.sorted):not(.reverse):after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('16-baby-chevy-down.0a28fcd7293c04fe.svg') no-repeat;
  opacity: 0.6;
  vertical-align: middle;
  margin-left: 4px;
  filter: var(--brand-dark-grey-filter);
}
.table.sortable thead .table-heading:not(no-sort):not(.no-sort):not(.reverse):hover:after {
  opacity: 1;
  background: url('16-baby-chevy-down.0a28fcd7293c04fe.svg') no-repeat;
  filter: var(--brand-pri-filter);
}
.table.sortable thead .table-heading span#sorttable_sortrevind,
.table.sortable thead .table-heading span#sorttable_sortfwdind {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 16px;
  height: 16px;
}
.table.sortable thead .table-heading span#sorttable_sortfwdind {
  background: url('16-baby-chevy-down.0a28fcd7293c04fe.svg') no-repeat;
  filter: var(--brand-pri-filter);
}
.table.sortable thead .table-heading span#sorttable_sortrevind {
  background: url('16-baby-chevy-up.2e26a4856d20eea0.svg') no-repeat;
  filter: var(--brand-pri-filter);
}
.table.sortable thead .table-heading span#sorttable_sortrevind {
  background: url('16-baby-chevy-up.2e26a4856d20eea0.svg') no-repeat;
}

.responsive-table-wrap {
  overflow: scroll;
}
.responsive-table-wrap .table.responsive-table {
  min-width: 1240px;
}

.sticky-left-table-wrap {
  overflow: scroll;
  max-height: 300px;
}
.sticky-left-table-wrap .sticky-left-table {
  width: 100%;
  max-width: 1280px;
  margin: auto;
  min-width: 1240px;
}
.sticky-left-table-wrap .sticky-left-table .table-head {
  border: none;
}
.sticky-left-table-wrap .sticky-left-table .table-head .table-row .table-heading {
  border-bottom: 2px solid var(--bmo-grey);
  background-color: var(--global-bg-color);
}
.sticky-left-table-wrap .sticky-left-table .table-head .table-row .table-heading.dead-zone {
  position: sticky;
  left: 0;
  z-index: 999;
  border-bottom: 2px solid var(--bmo-grey);
}
.sticky-left-table-wrap .sticky-left-table .table-body {
  overflow: scroll;
}
.sticky-left-table-wrap .sticky-left-table .table-body .table-row .table-heading {
  text-align: left;
  vertical-align: middle;
  padding-left: 16px;
  position: sticky;
  left: 0;
  background-color: var(--global-bg-color);
}

.double-sticky-table-wrap {
  overflow: scroll;
  max-height: 300px;
}
.double-sticky-table-wrap .double-sticky {
  width: 100%;
  max-width: 1280px;
  margin: auto;
  min-width: 1240px;
}
.double-sticky-table-wrap .double-sticky .table-head {
  border: none;
}
.double-sticky-table-wrap .double-sticky .table-head .table-row .table-heading {
  position: sticky;
  top: 0;
  border-bottom: 2px solid var(--bmo-grey);
  background-color: var(--global-bg-color);
}
.double-sticky-table-wrap .double-sticky .table-head .table-row .table-heading.dead-zone {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 999;
  border-bottom: 2px solid var(--bmo-grey);
}
.double-sticky-table-wrap .double-sticky .table-body {
  overflow: scroll;
}
.double-sticky-table-wrap .double-sticky .table-body .table-row .table-heading {
  text-align: left;
  vertical-align: middle;
  padding-left: 16px;
  position: sticky;
  left: 0;
  background-color: var(--global-bg-color);
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
root {
  --popover-border: var(--brand-white) ;
}

/*********************************POPOVER STYLES**********************/
pop-wrap {
  display: inline-block;
}

.popover-wrapper {
  position: relative;
}

.popover {
  position: absolute;
  width: 250px;
  background: var(--global-bg-color-raised);
  border-radius: 4px;
  box-sizing: border-box;
  padding: 16px 40px 16px 16px;
  font-size: 1.4rem;
  line-height: 18px;
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  box-sizing: border-box;
  transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  opacity: 0;
  visibility: hidden;
  margin-left: 50px;
  text-align: left;
  z-index: var(--zindex-popover);
  display: none;
  border: 1px solid var(--popover-border);
}
.popover.active {
  opacity: 1;
  width: 250px;
  visibility: visible;
  margin-left: 0px;
  display: block;
}
.popover:focus {
  box-shadow: unset;
}
.popover.top {
  margin-top: -145px;
  margin-left: -18px;
}
.popover.top::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  margin-left: 4px;
  margin-top: 6px;
  background-color: var(--global-bg-color-raised);
  clip-path: inset(2px 0px 0px 2px);
  border: 1px solid var(--popover-border);
}
.popover.bottom {
  margin-left: -18px;
  margin-top: 5px;
}
.popover.bottom::after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  margin-left: 4px;
  top: -8px;
  background-color: var(--global-bg-color-raised);
  clip-path: inset(0px 2px 2px 0px);
  border: 1px solid var(--popover-border);
}
.popover.right {
  margin-left: 30px;
  margin-top: -50px;
}
.popover.right::after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  margin-left: -24px;
  top: 28px;
  background-color: var(--global-bg-color-raised);
  clip-path: inset(2px 2px 0px 0px);
  border: 1px solid var(--popover-border);
}
.popover.left {
  margin-top: -45px;
  margin-left: -258px;
}
.popover.left::after {
  width: 16px;
  height: 16px;
  display: block;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  box-shadow: 0 0 2px 0 rgba(0, 25, 40, 0.12), 0 2px 2px 0 rgba(0, 25, 40, 0.07);
  margin-left: 223px;
  top: 22px;
  background-color: var(--global-bg-color-raised);
  clip-path: inset(0px 0px 2px 2px);
  border: 1px solid var(--popover-border);
}

.popover .popover-header {
  content: attr(data-popover-header);
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 18px;
}

.popover .popover-content {
  content: attr(data-popover-content);
  font-size: 1.4rem;
  line-height: 18px;
  max-width: 100%;
  padding-top: 8px;
}

.popover .icon-button {
  width: 24px;
  height: 24px;
  margin: 0;
  display: block;
  float: right;
  border: none;
  min-width: 24px;
  padding: 0;
  cursor: pointer;
  margin-top: -4 px;
  margin-left: 0;
  position: absolute;
}

@media only screen and (max-width: 599px) {
  .popover.left,
  .popover.right,
  .popover.top,
  .popover.bottom {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 16px 56px 16px 16px;
    font-size: 1.4rem;
    line-height: 18px;
    margin-left: 0;
    border-radius: 0;
  }
  .popover.left:after,
  .popover.right:after,
  .popover.top:after,
  .popover.bottom:after {
    display: none;
  }
  .popover .icon {
    width: 24px;
    height: 24px;
    margin: 0;
    display: block;
    float: right;
    border: none;
    min-width: 24px;
    padding: 0;
    cursor: pointer;
    margin-top: -8px;
    margin-left: 0;
    right: 16px;
    position: absolute;
  }
}
.popover button.icon-button.medium.pull-right {
  float: right;
  position: relative;
  left: 20px;
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
:root {
  --alert-close-filter: var(--disabled-icon-filter);
  --notification-success-bg-color: rgba(11, 130, 36, 0.1);
  --notification-success-border-color: var(--brand-positive);
  --notification-info-bg-color: rgba(0, 121, 193, 0.1);
  --notification-info-border-color: var(--brand-pri);
  --notification-warning-bg-color: #FFFAEB;
  --notification-warning-border-color: var(--brand-warning);
  --notification-danger-bg-color: rgba(237, 28, 36, 0.1);
  --notification-danger-border-color: var(--brand-negative);
}

.alert-notification {
  display: block;
  padding: 16px 16px;
  box-sizing: border-box;
}
.alert-notification:after {
  content: "";
  display: block;
  clear: both;
}
.alert-notification .bmo-container {
  background-size: 24px 24px;
  background-position: 16px 0;
  background-repeat: no-repeat;
  padding-left: 32px;
}
.alert-notification .bmo-container .tertiary,
.alert-notification .bmo-container a.button.tertiary {
  margin-left: -12px;
}
.alert-notification .bmo-container .primary.micro, .alert-notification .bmo-container a.primary.micro {
  margin-left: -8px;
}
.alert-notification .bmo-container .notification-icon {
  display: inline-block;
  float: left;
  position: relative;
  left: -16px;
}
.alert-notification .alert-message-wrap {
  box-sizing: border-box;
  float: left;
  width: 75%;
}
.alert-notification p {
  margin: 0;
  font-size: 1.4rem;
  line-height: 24px;
}
.alert-notification.alert-success {
  background: var(--notification-success-bg-color);
  border-bottom: 2px solid var(--notification-success-border-color);
}
.alert-notification.alert-info {
  background: var(--notification-info-bg-color);
  border-bottom: 2px solid var(--notification-info-border-color);
}
.alert-notification.alert-warning {
  background: var(--notification-warning-bg-color);
  border-bottom: 2px solid var(--notification-warning-border-color);
}
.alert-notification.alert-danger {
  background: var(--notification-danger-bg-color);
  border-bottom: 2px solid var(--notification-danger-border-color);
}
.alert-notification .alert-close {
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin: 0;
  display: block;
  float: right;
  border: none;
  background-color: transparent;
  background-image: url('24-close.cd9c04645bbd3054.svg');
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  min-width: 24px;
  padding: 0;
}
.alert-notification .alert-close .icon {
  filter: var(--alert-close-filter);
}

@media only screen and (max-width: 599px) {
  .alert-notification button.tertiary,
  .alert-notification a.button.tertiary {
    margin-left: -32px;
    width: auto;
  }
  .alert-notification .alert-message-wrap {
    width: calc(100% - 48px);
  }
  .alert-notification .alert-close {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 0;
    display: block;
    float: right;
    border: none;
    background-color: transparent;
    background-image: url('24-close-granite.93fc5bd760e01631.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
    min-width: 24px;
    padding: 0;
    position: relative;
    right: -8px;
  }
}
:root {
  --accordion-trigger-font-size: 2.2rem;
  --accordion-trigger-font-weight: 700;
  --accordion-trigger-line-height: 64px;
  --accordion-trigger-bottom-border: unset;
  --accordion-trigger-desktop-offset: 40px;
  --accordion-trigger-icon-top-offset: 4px;
  --accordion-trigger-border-radius: 4px;
  --short-border-float: right;
  --panel-content-padding: 16px 16px 16px 40px;
  --accordion-compact-panel-short-border-width: 0;
}
:root [icon-right] {
  --accordion-trigger-desktop-offset: 0;
  --accordion-trigger-icon-top-offset: 16px;
  --panel-content-padding: 16px 16px 16px 0px;
  --short-border-float: none;
  --accordion-compact-panel-short-border-width: 100%;
}

[compact] {
  --accordion-trigger-font-size: 1.8rem;
  --accordion-trigger-font-weight: 700;
  --accordion-trigger-line-height: 40px;
  --accordion-trigger-bottom-border: 1px solid #d9dce1;
  --accordion-trigger-desktop-offset: 0;
  --accordion-trigger-icon-top-offset: 2px;
  --panel-padding: 2px;
  --panel-content-padding: 0 16px 8px 0px;
}
[compact] .icon.pull-right {
  --accordion-trigger-icon-top-offset: 16px;
}

.bmo-accordion {
  box-sizing: border-box;
  overflow: visible;
  position: relative;
  width: calc(100% + var(--accordion-trigger-desktop-offset));
  right: var(--accordion-trigger-desktop-offset);
  display: block;
}
.bmo-accordion .accordion-trigger {
  display: block;
  line-height: var(--accordion-trigger-line-height);
  cursor: pointer;
  font-size: var(--accordion-trigger-font-size);
  font-weight: var(--accordion-trigger-font-weight);
  border-bottom: var(--accordion-trigger-bottom-border);
  border-radius: var(--accordion-trigger-border-radius);
  text-align: left;
  background-color: transparent;
  border: unset;
  width: 100%;
}
.bmo-accordion .accordion-trigger .icon {
  margin-right: 16px;
  position: relative;
  top: var(--accordion-trigger-icon-top-offset);
  transition: transform 0.2s ease;
  /* &.expanded {
      transform: rotate(180deg);
  }*/
}
.bmo-accordion .accordion-trigger:hover > .icon, .bmo-accordion .accordion-trigger:focus > .icon {
  filter: var(--brand-pri-filter-over);
}
.bmo-accordion .accordion-trigger .short-border {
  border-bottom: 1px solid var(--bmo-light-grey);
  position: relative;
  display: block;
  width: calc(100% - var(--accordion-trigger-desktop-offset));
  float: var(--short-border-float);
  top: -1px;
  margin-left: var(--accordion-trigger-desktop-offset);
}
.bmo-accordion .accordion-trigger.expanded .short-border {
  display: none;
}
.bmo-accordion .accordion-trigger.expanded > .icon {
  transform: rotate(180deg);
}
.bmo-accordion .accordion-trigger[aria-expanded=true] > .icon {
  transform: rotate(180deg);
}
.bmo-accordion .accordion-trigger:hover .icon, .bmo-accordion .accordion-trigger:focus .icon {
  filter: var(--brand-pri-filter-over);
}
.bmo-accordion .accordion-panel {
  opacity: 0;
  visibility: hidden;
  height: 0px;
  display: block;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  overflow-y: hidden;
  width: 100%;
}
.bmo-accordion .accordion-panel.expanded {
  height: 600px;
  opacity: 1;
  visibility: visible;
  overflow-y: hidden;
}
.bmo-accordion .accordion-panel .panel-content {
  padding: var(--panel-content-padding);
}
.bmo-accordion .accordion-panel .panel-content:after {
  display: block;
  clear: both;
  content: "";
}
.bmo-accordion .accordion-panel .short-border {
  border-bottom: 1px solid var(--bmo-light-grey);
  position: relative;
  display: block;
  width: calc(100% - var(--accordion-trigger-desktop-offset));
  float: var(--short-border-float);
  top: -1px;
}

@media only screen and (max-width: 1279px) {
  .bmo-accordion {
    width: 100%;
    left: 0;
    margin-left: unset;
  }
  .bmo-accordion .accordion-trigger .short-border {
    width: 100%;
    float: left;
    top: -1px;
  }
}
@media only screen and (max-width: 599px) {
  .bmo-accordion {
    width: 100%;
    right: 0;
  }
  .bmo-accordion .accordion-trigger .short-border {
    width: 100%;
    margin-left: 0px;
  }
  .bmo-accordion .accordion-trigger .icon.medium.chevron-down {
    margin-right: 16px;
    top: 16px !important;
    transition: transform 0.2s ease;
    float: right !important;
  }
  .bmo-accordion .accordion-trigger .icon.medium.chevron-down.expanded {
    transform: rotate(180deg);
  }
  .bmo-accordion .accordion-panel .panel-content {
    padding: var(--panel-content-padding);
  }
  .bmo-accordion .accordion-panel .short-border {
    width: 100%;
    margin-left: 0px;
  }
  .bmo-accordion .accordion-trigger.trigger-compact .short-border {
    width: var(--accordion-compact-panel-short-border-width);
  }
  .bmo-accordion .accordion-trigger.trigger-compact + .accordion-panel .short-border {
    width: var(--accordion-compact-panel-short-border-width);
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/************************************************SPACING STYLES*********************************/
/*******QUARTER UNIT*********/
.p-1qu {
  padding-bottom: 4px;
  padding-top: 4px;
}

.pt-1qu {
  padding-top: 4px;
}

.pb-1qu {
  padding-bottom: 4px;
}

.m-1qu {
  margin-bottom: 4px;
  margin-top: 4px;
}

.mt-1qu {
  margin-top: 4px;
}

.mb-1qu {
  margin-bottom: 4px;
}

/*******HALF UNIT*********/
.p-1hu {
  padding-bottom: 8px;
  padding-top: 8px;
}

.pt-1hu {
  padding-top: 8px;
}

.pb-1hu {
  padding-bottom: 8px;
}

.m-1hu {
  margin-bottom: 8px;
  margin-top: 8px;
}

.mt-1hu {
  margin-top: 8px;
}

.mb-1hu {
  margin-bottom: 8px;
}

/*******3 QUARTER UNIT*********/
.p-3qu {
  padding-bottom: 12px;
  padding-top: 12px;
}

.pt-3qu {
  padding-top: 12px;
}

.pb-3qu {
  padding-bottom: 12px;
}

.m-3qu {
  margin-bottom: 12px;
  margin-top: 12px;
}

.mt-3qu {
  margin-top: 12px;
}

.mb-3qu {
  margin-bottom: 12px;
}

/*******ONE UNIT*********/
.p-1u {
  padding-bottom: 16px;
  padding-top: 16px;
}

.pt-1u {
  padding-top: 16px;
}

.pb-1u {
  padding-bottom: 16px;
}

.m-1u {
  margin-bottom: 16px;
  margin-top: 16px;
}

.mt-1u {
  margin-top: 16px;
}

.mb-1u {
  margin-bottom: 16px;
}

/*******TWO UNITS*********/
.p-2u {
  padding-bottom: 32px;
  padding-top: 32px;
}

.pt-2u {
  padding-top: 32px;
}

.pb-2u {
  padding-bottom: 32px;
}

.m-2u {
  margin-bottom: 32px;
  margin-top: 32px;
}

.mt-2u {
  margin-top: 32px;
}

.mb-2u {
  margin-bottom: 32px;
}

/*******Three UNITS*********/
.p-3u {
  padding-bottom: 48px;
  padding-top: 48px;
}

.pt-3u {
  padding-top: 48px;
}

.pb-3u {
  padding-bottom: 48px;
}

.m-3u {
  margin-bottom: 48px;
  margin-top: 48px;
}

.mt-3u {
  margin-top: 48px;
}

.mb-3u {
  margin-bottom: 48px;
}

/*******Four UNITS*********/
.p-4u {
  padding-bottom: 64px;
  padding-top: 64px;
}

.pt-4u {
  padding-top: 64px;
}

.pb-4u {
  padding-bottom: 64px;
}

.m-4u {
  margin-bottom: 64px;
  margin-top: 64px;
}

.mt-4u {
  margin-top: 64px;
}

.mb-4u {
  margin-bottom: 64px;
}

/*******Five UNITS*********/
.p-5u {
  padding-bottom: 80px;
  padding-top: 80px;
}

.pt-5u {
  padding-top: 80px;
}

.pb-5u {
  padding-bottom: 80px;
}

.m-5u {
  margin-bottom: 80px;
  margin-top: 80px;
}

.mt-5u {
  margin-top: 80px;
}

.mb-5u {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1023px) {
  /*******QUARTER UNIT*********/
  .p-1qu-tab {
    padding-bottom: 4px;
    padding-top: 4px;
  }
  .pt-1qu-tab {
    padding-top: 4px;
  }
  .pb-1qu-tab {
    padding-bottom: 4px;
  }
  .m-1qu-tab {
    margin-bottom: 4px;
    margin-top: 4px;
  }
  .mt-1qu-tab {
    margin-top: 4px;
  }
  .mb-1qu-tab {
    margin-bottom: 4px;
  }
  /*******HALF UNIT*********/
  .p-1hu-tab {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .pt-1hu-tab {
    padding-top: 8px;
  }
  .pb-1hu-tab {
    padding-bottom: 8px;
  }
  .m-1hu-tab {
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .mt-1hu-tab {
    margin-top: 8px;
  }
  .mb-1hu-tab {
    margin-bottom: 8px;
  }
  /*******3 QUARTER UNIT*********/
  .p-3qu-tab {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .pt-3qu-tab {
    padding-top: 12px;
  }
  .pb-3qu-tab {
    padding-bottom: 12px;
  }
  .m-3qu-tab {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .mt-3qu-tab {
    margin-top: 12px;
  }
  .mb-3qu-tab {
    margin-bottom: 12px;
  }
  /*******ONE UNIT*********/
  .p-1u-tab {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .pt-1u-tab {
    padding-top: 16px;
  }
  .pb-1u-tab {
    padding-bottom: 16px;
  }
  .m-1u-tab {
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .mt-1u-tab {
    margin-top: 16px;
  }
  .mb-1u-tab {
    margin-bottom: 16px;
  }
  /*******TWO UNITS*********/
  .p-2u-tab {
    padding-bottom: 32px;
    padding-top: 32px;
  }
  .pt-2u-tab {
    padding-top: 32px;
  }
  .pb-2u-tab {
    padding-bottom: 32px;
  }
  .m-2u-tab {
    margin-bottom: 32px;
    margin-top: 32px;
  }
  .mt-2u-tab {
    margin-top: 32px;
  }
  .mb-2u-tab {
    margin-bottom: 32px;
  }
  /*******Three UNITS*********/
  .p-3u-tab {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .pt-3u-tab {
    padding-top: 48px;
  }
  .pb-3u-tab {
    padding-bottom: 48px;
  }
  .m-3u-tab {
    margin-bottom: 48px;
    margin-top: 48px;
  }
  .mt-3u-tab {
    margin-top: 48px;
  }
  .mb-3u-tab {
    margin-bottom: 48px;
  }
  /*******Four UNITS*********/
  .p-4u-tab {
    padding-bottom: 64px;
    padding-top: 64px;
  }
  .pt-4u-tab {
    padding-top: 64px;
  }
  .pb-4u-tab {
    padding-bottom: 64px;
  }
  .m-4u-tab {
    margin-bottom: 64px;
    margin-top: 64px;
  }
  .mt-4u-tab {
    margin-top: 64px;
  }
  .mb-4u-tab {
    margin-bottom: 64px;
  }
  /*******Five UNITS*********/
  .p-5u-tab {
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .pt-5u-tab {
    padding-top: 80px;
  }
  .pb-5u-tab {
    padding-bottom: 80px;
  }
  .m-5u-tab {
    margin-bottom: 80px;
    margin-top: 80px;
  }
  .mt-5u-tab {
    margin-top: 80px;
  }
  .mb-5u-tab {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 599px) {
  /*******QUARTER UNIT*********/
  .p-1qu-mob {
    padding-bottom: 4px;
    padding-top: 4px;
  }
  .pt-1qu-mob {
    padding-top: 4px;
  }
  .pb-1qu-mob {
    padding-bottom: 4px;
  }
  .m-1qu-mob {
    margin-bottom: 4px;
    margin-top: 4px;
  }
  .mt-1qu-mob {
    margin-top: 4px;
  }
  .mb-1qu-mob {
    margin-bottom: 4px;
  }
  /*******HALF UNIT*********/
  .p-1hu-mob {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .pt-1hu-mob {
    padding-top: 8px;
  }
  .pb-1hu-mob {
    padding-bottom: 8px;
  }
  .m-1hu-mob {
    margin-bottom: 8px;
    margin-top: 8px;
  }
  .mt-1hu-mob {
    margin-top: 8px;
  }
  .mb-1hu-mob {
    margin-bottom: 8px;
  }
  /*******3 QUARTER UNIT*********/
  .p-3qu-mob {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .pt-3qu-mob {
    padding-top: 12px;
  }
  .pb-3qu-mob {
    padding-bottom: 12px;
  }
  .m-3qu-mob {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .mt-3qu-mob {
    margin-top: 12px;
  }
  .mb-3qu-mob {
    margin-bottom: 12px;
  }
  /*******ONE UNIT*********/
  .p-1u-mob {
    padding-bottom: 16px;
    padding-top: 16px;
  }
  .pt-1u-mob {
    padding-top: 16px;
  }
  .pb-1u-mob {
    padding-bottom: 16px;
  }
  .m-1u-mob {
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .mt-1u-mob {
    margin-top: 16px;
  }
  .mb-1u-mob {
    margin-bottom: 16px;
  }
  /*******TWO UNITS*********/
  .p-2u-mob {
    padding-bottom: 32px;
    padding-top: 32px;
  }
  .pt-2u-mob {
    padding-top: 32px;
  }
  .pb-2u-mob {
    padding-bottom: 32px;
  }
  .m-2u-mob {
    margin-bottom: 32px;
    margin-top: 32px;
  }
  .mt-2u-mob {
    margin-top: 32px;
  }
  .mb-2u-mob {
    margin-bottom: 32px;
  }
  /*******Three UNITS*********/
  .p-3u-mob {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .pt-3u-mob {
    padding-top: 48px;
  }
  .pb-3u-mob {
    padding-bottom: 48px;
  }
  .m-3u-mob {
    margin-bottom: 48px;
    margin-top: 48px;
  }
  .mt-3u-mob {
    margin-top: 48px;
  }
  .mb-3u-mob {
    margin-bottom: 48px;
  }
}
/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
:root {
  /***global stencil variables***/
  --loading-button-font-size: 1.4rem;
  --stencil-border-radius: 100px;
  --stencil-circle-border-radius: 28px;
  --stencil-tall-border-radius: 8px;
  --stencil-gradient-1: #eeeeee;
  --stencil-gradient-2: #dddddd;
  --stencil-border-color: #ccc;
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.bmo-loading {
  width: 80px;
  height: 80px;
  display: block;
  margin: auto;
  animation: rotating 2s linear infinite;
}
.bmo-loading.ultramarine img {
  filter: var(--brand-pri-filter-over);
}
.bmo-loading.white img {
  filter: var(--brand-white-filter);
}

.bmo-loading-text {
  color: var(--bmo-granite);
  font-size: var(--loading-button-font-size);
  line-height: 24px;
  text-align: center;
  display: block;
  margin-top: 24px;
}

button.loading-and-checkmark svg {
  height: 25px;
}
button.loading-and-checkmark #success1 {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  filter: var(--brand-white-filter);
}
button.loading-and-checkmark #success1 img {
  width: inherit;
}
button.loading-and-checkmark #success1.fade-in, button.loading-and-checkmark #success1.fade-out {
  display: flex;
  align-items: center;
  justify-content: center;
}
button.loading-and-checkmark #spinner {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 24px;
  width: 24px;
}
button.loading-and-checkmark #spinner.fade-in, button.loading-and-checkmark #spinner.fade-out {
  display: flex;
  align-items: center;
  justify-content: center;
}
button.loading-and-checkmark .loader {
  background-image: url('loading.e624851aaa68edbe.svg');
  filter: var(--brand-white-filter);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto 0;
  animation: spin 2s linear infinite;
}
@media only screen and (max-width: 599px) {
  button.loading-and-checkmark .loader {
    min-width: 232px;
  }
}

.fade-in {
  animation: fadein 0.3s;
  animation-fill-mode: forwards;
}

.fade-out {
  animation: fadeout 0.3s;
  animation-fill-mode: forwards;
}

.fade-to-white {
  animation: fade-white 0.3s;
  animation-fill-mode: forwards;
}

.hide-me {
  display: none;
}

@keyframes fade-white {
  to {
    background-color: var(--bmo-white);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes dash-check {
  from {
    stroke-dashoffset: 100;
  }
  to {
    stroke-dashoffset: 200;
  }
}
/****************************************************************************************/
/**********************************LOADING STENCILS**************************************/
/****************************************************************************************/
@keyframes stencil {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.stencil {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: stencil;
  animation-timing-function: linear;
  background: linear-gradient(to right, var(--stencil-gradient-1) 8%, var(--stencil-gradient-2) 18%, var(--stencil-gradient-1) 33%);
  background-size: 1000px 104px;
  height: 8px;
  position: relative;
  overflow: hidden;
  height: 8px;
  border-radius: var(--stencil-border-radius);
  background-color: var(--bmo-light-grey);
  min-width: 10px;
  display: inline-block;
  margin-right: 8px;
}

div.stencil {
  display: block;
  clear: both;
}

.stencil.circle {
  display: inline-block;
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: var(--stencil-circle-border-radius);
  border: 0 solid var(--stencil-border-color);
  margin-right: 16px;
  float: left;
  overflow: hidden;
}

.stencil.float-right {
  float: right;
}

.stencil.center {
  margin: auto;
}

.stencil.tall {
  height: 32px;
  border-radius: var(--stencil-tall-border-radius);
}

.stencil.stencil-2 {
  width: 2%;
}

.stencil.stencil-5 {
  width: 5%;
}

.stencil.stencil-10 {
  width: 10%;
}

.stencil.stencil-20 {
  width: 20%;
}

.stencil.stencil-30 {
  width: 30%;
}

.stencil.stencil-40 {
  width: 40%;
}

.stencil.stencil-50 {
  width: 50%;
}

.stencil.stencil-60 {
  width: 60%;
}

.stencil.stencil-70 {
  width: 70%;
}

.stencil.stencil-80 {
  width: 80%;
}

.stencil.stencil-90 {
  width: 90%;
}

.stencil.stencil-95 {
  width: 95%;
}

.stencil.stencil-100 {
  width: 100%;
}

/***GLOBAL COLORS***/
:root {
  --global-font-color: var(--bmo-slate);
  --global-bg-color: var(--bmo-albicant);
  --global-bg-color-raised: var(--brand-white);
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #BEDCEB, 0 0 0 3px #005587;
  --global-font: "heebo", sans-serif;
  /************DEFINE COLORS*********/
  --bmo-bluea: #0075be;
  --bmo-ultramarine: #005587;
  --bmo-slate: #001928;
  --bmo-granite: #646c76;
  --bmo-grey: #929ba9;
  --bmo-light-grey: #d9dce1;
  --bmo-albicant: #f5f6f7;
  --bmo-white: #ffffff;
  --bmo-cerulean: #73C3EB;
  --bmo-azure: #BEDCEB;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #C81414;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /****BMO SKY BLUE***/
  --bmo-sky-blue: #009EC9;
  --bmo-sky-blue-lighter: #96DFEE;
  --bmo-sky-blue-light: #00BDDD;
  --bmo-sky-blue-dark: #0085AC;
  --bmo-sky-blue-darker: #00698B;
  /***BMO OLIVE***/
  --bmo-olive: #C3C070;
  --bmo-olive-lighter: #EAE9CA;
  --bmo-olive-light: #D5D393;
  --bmo-olive-dark: #9B9F58;
  --bmo-olive-darker: #737E4E;
  /***BMO POOLSIDE***/
  --bmo-poolside: #2CBFC1;
  --bmo-poolside-lighter: #A7EBEB;
  --bmo-poolside-light: #36D5D4;
  --bmo-poolside-dark: #00A0A4;
  --bmo-poolside-darker: #007E85;
  /***BMO SUNFLOWER***/
  --bmo-sunflower: #FFC700;
  --bmo-sunflower-lighter: #FFECAC;
  --bmo-sunflower-light: #FFD84D;
  --bmo-sunflower-dark: #D3A400;
  --bmo-sunflower-darker: #9D8200;
  /***BMO LILAC***/
  --bmo-lilac: #6A88C3;
  --bmo-lilac-lighter: #C9D6EC;
  --bmo-lilac-light: #91ABD9;
  --bmo-lilac-dark: #4D71A8;
  --bmo-lilac-darker: #375B89;
  /***BMO RETROSPECT***/
  --bmo-retrospect: #00E7B4;
  --bmo-retrospect-lighter: #8BFAE4;
  --bmo-retrospect-light: #00F3C8;
  --bmo-retrospect-dark: #00C196;
  --bmo-retrospect-darker: #00977B;
  /****BMO Orchid***/
  --bmo-orchid: #D061A1;
  --bmo-orchid-lighter: #f3d8e8;
  --bmo-orchid-light: #e29dc5;
  --bmo-orchid-dark: #b1357d;
  --bmo-orchid-darker: #762353;
  /**********THEME COLORS**********/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: brightness(0) saturate(100%) invert(30%) sepia(98%) saturate(1103%) hue-rotate(177deg) brightness(94%) contrast(102%);
  --brand-pri-filter-over: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
  --brand-white-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(105%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***FEEDBACK FILTERS***/
  --brand-positive-filter: invert(23%) invert(28%) sepia(89%) saturate(1542%) hue-rotate(114deg) brightness(89%) contrast(91%);
  --brand-negative-filter: invert(14%) sepia(96%) saturate(2849%) hue-rotate(349deg) brightness(108%) contrast(106%);
  --brand-warning-filter: invert(39%) sepia(83%) saturate(893%) hue-rotate(7deg) brightness(104%) contrast(97%);
  /***DISABLED***/
  --brand-disabled: var(--bmo-disabled);
  --disabled-bg: var(--bmo-disabled);
  --disabled-text: var(--bmo-granite);
  --disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
  --primary-disabled-icon-filter: invert(45%) sepia(12%) saturate(374%) hue-rotate(173deg) brightness(90%) contrast(93%);
}

[theme=dark] {
  --global-font-color: #ffffff;
  --global-bg-color: #121212;
  --global-bg-color-raised: #292929;
  --global-link-color: var(--brand-pri);
  --global-link-color-over: var(--brand-pri-over);
  --global-focus-shadow: 0 0 0 2px #007587, 0 0 0 3px #ffffff;
  --global-font: "heebo", sans-serif;
  --bmo-bluea: #82D5FC;
  --bmo-ultramarine: #BEDCEB;
  --bmo-slate: #ffffff;
  --bmo-granite: #f5f6f7;
  --bmo-grey: #d9dce1;
  --bmo-light-grey: #929ba9;
  --bmo-albicant: #646c76;
  --bmo-white: #121212;
  --bmo-cerulean: #005587;
  --bmo-azure: #0075be;
  /***FEEDBACK COLOURS***/
  --bmo-negative: #ff9090;
  --bmo-positive: #0B8224;
  --bmo-warning: #D07704;
  --bmo-disabled: #ECECEE;
  /***THEME COLOURS***/
  --brand-pri: var(--bmo-bluea);
  --brand-pri-text: var(--bmo-bluea);
  --brand-pri-over: var(--bmo-ultramarine);
  --brand-dark-blue: var(--bmo-ultramarine);
  --brand-black: var(--bmo-slate);
  --brand-white: var(--bmo-white);
  --brand-highlight: var(--bmo-cerulean);
  --brand-grey: var(--bmo-grey);
  --brand-dark-grey: var(--bmo-granite);
  --brand-light-grey: var(--bmo-light-grey);
  --brand-lightest-grey: var(--bmo-albicant);
  /***FEEDBACK***/
  --brand-negative: var(--bmo-negative);
  --brand-negative-text: var(--bmo-negative);
  --brand-positive: var(--bmo-positive);
  --brand-positive-text: var(--bmo-positive-text);
  --brand-warning: var(--bmo-warning);
  /***THEME ICON FILTERS***/
  --brand-pri-filter: invert(87%) sepia(5%) saturate(6619%) hue-rotate(169deg) brightness(98%) contrast(102%);
  --brand-pri-filter-over: invert(92%) sepia(2%) saturate(4486%) hue-rotate(171deg) brightness(99%) contrast(87%);
  --brand-white-filter: invert(9%) sepia(6%) saturate(7%) hue-rotate(314deg) brightness(102%) contrast(104%);
  --brand-dark-grey-filter: invert(44%) sepia(18%) saturate(261%) hue-rotate(173deg) brightness(89%) contrast(89%);
}

/***NON COLOR GLOBALS***/
:root {
  /************GUTTER WIDTH*************/
  --gutter-width: 32px;
  --each-grid-gutter: calc(var(--gutter-width) / 2);
  --md-each-grid-gutter: calc(var(--gutter-width) / 2.66);
  --sm-each-grid-gutter: calc(var(--gutter-width) / 4);
  --default-screen-max: 1280px;
  /***ZINDEX STACK***/
  --zindex-sticky: 1020;
  --zindex-fixed: 1030;
  --zindex-overlay: 1040;
  --zindex-dropdown: 1045;
  --zindex-modal: 1050;
  --zindex-popover: 1060;
}

/********GRID SCREEN SIZES***********/
/***CSS VARIABLES CANNOT BE USED IN MEDIA QUERIES, MUST KEEP SASS VARIABLES***/
/**************FONTS*****************/
/**************MIXINS*****************/
/**********************************FOOTER STYLES*****************************************/
:root {
  --disclaimer-text: 1.2rem;
}

.bmo-footer {
  background-color: var(--bmo-white);
  padding-top: 48px;
  padding-bottom: 80px;
  margin-top: 64px;
}
.bmo-footer .bmo-container {
  width: 100%;
  max-width: 1280;
  margin: auto;
}
.bmo-footer .bmo-container .live-chat {
  background-color: var(--bmo-bluea);
  color: var(--bmo-white);
  height: 48px;
  border-radius: 16px 16px 0 0;
  border: none;
  position: absolute;
  text-align: center;
  line-height: 24px;
  font-family: var(--global-font);
  font-weight: bold;
  letter-spacing: 0.25px;
  font-size: 1.4rem;
  margin-left: 16px;
  margin-top: -96px;
  padding: 0 32px 0 56px;
  min-width: unset;
  cursor: pointer;
  transition: all 0.3s ease;
}
.bmo-footer .bmo-container .live-chat:hover {
  background-color: var(--bmo-ultramarine);
}
.bmo-footer .bmo-container .live-chat:focus {
  background-color: var(--bmo-ultramarine);
}
.bmo-footer .bmo-container .live-chat .icon {
  position: absolute;
  left: 24px;
}
.bmo-footer .bmo-container .footer-nav {
  display: flex;
}
.bmo-footer .bmo-container .footer-nav li {
  margin: 0;
  display: inline-flex;
}
.bmo-footer .bmo-container .footer-nav li .footer-link {
  color: var(--bmo-bluea);
  font-family: var(--global-font);
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.18px;
  line-height: 32px;
  padding-right: 24px;
  padding-left: 0;
}
.bmo-footer .bmo-container .footer-nav li .footer-link:hover {
  color: var(--bmo-ultramarine);
  text-decoration: underline;
}
.bmo-footer .bmo-container .footer-nav li .footer-link:focus {
  border-radius: 4px;
  color: vaarr(--bmo-ultramarine);
}
.bmo-footer .bmo-container .bmo-disclaimer {
  margin-top: 40px;
  margin-bottom: 24px;
  padding-top: 32px;
}
.bmo-footer .bmo-container .bmo-disclaimer .disclaimer-info {
  font-size: var(--disclaimer-text);
  line-height: 16px;
  margin: 12px 0;
}
.bmo-footer .bmo-container .footer-more-button {
  padding-left: 0;
  height: auto;
  height: 36px;
  line-height: 24px;
  font-size: 1.2rem;
}
.bmo-footer .bmo-container .footer-more-button .more-img {
  width: 100%;
  position: absolute;
  right: 0px;
  display: inline-flex;
  height: 24px;
  background-image: url('16-baby-chevy-down.0a28fcd7293c04fe.svg');
  filter: var(--brand-pri-filter);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 8px center;
}
.bmo-footer .bmo-container .footer-more-button.active .more-img {
  width: 100%;
  position: absolute;
  right: 0px;
  display: inline-flex;
  height: 24px;
  background-image: url('16-baby-chevy-up.2e26a4856d20eea0.svg');
  filter: var(--brand-pri-filter);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 8px center;
}
.bmo-footer .bmo-container .footer-more-button:hover span.more-img {
  filter: var(--brand-pri-filter-over);
  border-bottom: none;
}
.bmo-footer .bmo-container .footer-more-button:focus .more-img {
  filter: var(--brand-pri-filter-over);
}
.bmo-footer .bmo-container .footer-logo-wrap {
  width: 240px;
  float: left;
}
.bmo-footer .bmo-container .footer-logo-wrap img {
  width: 100%;
  position: relative;
  top: -16px;
}

@media only screen and (max-width: 767px) {
  .bmo-footer {
    padding-top: 24px;
    padding-bottom: 16px;
  }
  .bmo-footer .bmo-container .footer-more-button {
    max-width: 64px;
    float: left;
  }
  .bmo-footer .bmo-container .live-chat {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    border-radius: 50%;
    margin-left: 16px;
    margin-top: -56px;
    background-color: var(--bmo-ultramarine);
    padding: 0;
    width: 56px;
    right: 16px;
    min-width: 56px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 8px 2px rgba(0, 0, 0, 0.2);
  }
  .bmo-footer .bmo-container .live-chat span:not(.icon) {
    display: none;
  }
  .bmo-footer .bmo-container .live-chat .icon {
    top: auto !important;
    left: auto;
  }
  .bmo-footer .bmo-container .live-chat:hover {
    background-color: var(--bmo-ultramarine);
  }
  .bmo-footer .bmo-container .live-chat:focus {
    background-color: var(--bmo-ultramarine);
  }
  .bmo-footer .bmo-container .bmo-disclaimer {
    margin-top: 16px;
    margin-bottom: 24px;
    padding-top: 0;
  }
  .bmo-footer .bmo-container .footer-logo-wrap img {
    top: 0;
  }
}
input[type=date] {
  width: 100%;
  height: 36px;
  line-height: 40px;
  margin: 7px 0 0 0;
  padding: 0;
  white-space: nowrap;
  border: none;
  background-color: rgba(225, 225, 225, 0);
  transition: all 0.3s ease-out;
}

.date-picker {
  /* a.icon-button {
  	border-radius: 0;
  } */
}
.date-picker input:not(:focus) ~ .input-helper-text {
  visibility: visible;
}
.date-picker label.slide-label:not(.active-label) ~ .input-helper-text {
  visibility: visible;
}
.date-picker .form-field-button {
  padding: 12px 0 0 8px;
}
.date-picker .icon-button.widget-trigger:disabled span {
  filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%) !important;
  cursor: default;
}
.date-picker .icon-button.widget-trigger:hover span {
  filter: brightness(0) saturate(100%) brightness(70%) invert(19%) sepia(33%) saturate(6007%) hue-rotate(185deg) brightness(95%) contrast(101%);
}
.date-picker.mercury input[type=text] {
  width: calc(100% - 8px);
}

.calendar-widget-container {
  position: relative;
}
.calendar-widget-container .calendar-widget {
  box-sizing: border-box;
  padding: 0 16px;
  transition: top 0.3s ease-in-out, opacity 0.3s linear;
  border-radius: 0;
  font-size: 1.8rem;
  min-height: 472px;
  max-height: 472px;
  overflow: hidden;
  width: 402px;
  opacity: 0;
  position: absolute;
  z-index: 1040;
  top: 20px;
  /* &[aria-expanded="true"] {
  	display: block;
  } */
}
.calendar-widget-container .calendar-widget.active {
  opacity: 1;
  top: 4px;
}
.calendar-widget-container .calendar-widget .head {
  padding: 12px 0;
  text-align: center;
  position: relative;
  border-bottom: var(--bmo-light-grey) solid 2px;
}
.calendar-widget-container .calendar-widget .head .icon-button.close-btn {
  position: absolute;
  right: 0;
}
.calendar-widget-container .calendar-widget .head span {
  -webkit-user-select: none;
          user-select: none;
  line-height: 24px;
}
.calendar-widget-container .calendar-widget .dp-body {
  padding: 24px 16px;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler {
  text-align: center;
  position: relative;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button {
  vertical-align: middle;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button.chvy-left:disabled {
  filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%) !important;
  cursor: default;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button.chvy-right:disabled {
  filter: brightness(0) saturate(100%) invert(41%) sepia(4%) saturate(1225%) hue-rotate(174deg) brightness(97%) contrast(78%) !important;
  cursor: default;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler .icon-button.blue {
  cursor: pointer;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler > span {
  line-height: 24px;
  min-width: 170px;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
}
.calendar-widget-container .calendar-widget .dp-body .dp-cycler div[role=alert] {
  font-size: 0;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(7, 1fr);
}
.calendar-widget-container .calendar-widget .dp-body .grid-template.mt-small {
  margin-top: 32px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div {
  min-height: 44px;
  padding-top: 8px;
  font-size: 1.6rem;
  text-align: center;
  box-sizing: border-box;
  font-family: var(--global-font);
  font-weight: 500;
  border: transparent solid 2px;
  border-radius: 4px;
  color: var(--bmo-grey);
  -webkit-user-select: none;
          user-select: none;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div[tabindex="0"]:focus {
  box-shadow: var(--global-focus-shadow);
  outline: 0;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.weekday {
  font-size: 1.2rem;
  padding: 32px 0 12px;
  min-height: unset;
  color: var(--global-font-color);
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.today {
  border: var(--bmo-grey) solid 2px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.today:after {
  content: "TODAY";
  font-size: 10px;
  display: block;
  font-family: inherit;
  padding-top: 3px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable {
  color: var(--bmo-bluea);
  cursor: pointer;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable:hover {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable.selected {
  background-color: var(--bmo-bluea);
  color: var(--global-bg-color-raised);
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.selectable.today {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div.not-this-month {
  color: var(--bmo-light-grey);
  font-size: 1.4rem;
}
.calendar-widget-container .calendar-widget .dp-body .grid-template div:not(.selectable) {
  cursor: default;
  outline: none;
  box-shadow: none;
}
.calendar-widget-container .calendar-widget.long-term {
  min-height: 0;
}
.calendar-widget-container .calendar-widget.long-term.active {
  min-height: 382px;
  max-height: 382px;
}
.calendar-widget-container .calendar-widget.long-term .head .icon-button.larr {
  position: absolute;
  left: 0;
}
.calendar-widget-container .calendar-widget.long-term .head .icon-button.larr:disabled {
  display: none;
}
.calendar-widget-container .calendar-widget.long-term .grid-template > div {
  color: var(--bmo-bluea);
  cursor: pointer;
}
.calendar-widget-container .calendar-widget.long-term .grid-template > div:hover {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget.long-term .grid-template > div.selected {
  background-color: var(--bmo-bluea);
  color: var(--global-bg-color-raised);
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: repeat(3, 1fr);
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div {
  min-height: 44px;
  padding-top: 8px;
  font-size: 1.6rem;
  text-align: center;
  box-sizing: border-box;
  font-family: var(--global-font);
  font-weight: 500;
  border: transparent solid 2px;
  border-radius: 4px;
  color: var(--bmo-grey);
  -webkit-user-select: none;
          user-select: none;
  padding-top: 12px;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"]:focus {
  box-shadow: var(--global-focus-shadow);
  outline: 0;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"] {
  color: var(--bmo-bluea);
  cursor: pointer;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"]:hover {
  border: var(--bmo-bluea) solid 2px;
}
.calendar-widget-container .calendar-widget.long-term .grid-template.grid-col-3 div[tabindex="0"].selected {
  background-color: var(--bmo-bluea);
  color: var(--global-bg-color-raised);
}
.calendar-widget-container .calendar-widget:is(.fr, .fr-ca) .today:after {
  content: "AUJ" !important;
}
.calendar-widget-container .calendar-widget.mercury {
  top: 12px;
}
.calendar-widget-container .calendar-widget.mercury.active {
  top: -4px;
}

.input-helper-text, span.error-message {
  -webkit-user-select: none;
          user-select: none;
}

@media only screen and (max-width: 599px) {
  .calendar-widget-container {
    position: static;
  }
  .calendar-widget-container .calendar-widget {
    top: 0 !important;
    left: 0 !important;
    margin: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    box-sizing: border-box;
    box-shadow: none;
    overflow-y: auto;
    min-height: auto;
    max-height: unset !important;
    border: none;
  }
  .calendar-widget-container .calendar-widget .dp-body {
    padding: 24px 0;
  }
  .calendar-widget-container .calendar-widget button {
    margin: unset !important;
  }
}
html,
body {
  font-size: 62.5%;
  color: var(--global-font-color);
  letter-spacing: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--global-font);
  font-weight: 400;
  background: var(--global-bg-color);
  min-height: 100vh;
}

/**********PRIMARY COLOURS***********/
/************************************/
/****************Global STYLES*********************/
.bss-header-1 {
  font-size: 24px;
}

.bss-header-2 {
  font-size: 20px;
}

.bss-helper-text {
  font-size: 14px;
}

.bss-error-message {
  font-size: 13px;
}

[role=button] {
  cursor: pointer;
}

*:focus {
  box-shadow: var(--global-focus-shadow);
  outline: 0;
}

.positive {
  color: var(--brand-positive);
}

.negative {
  color: var(--brand-negative);
}

.hidden-label {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

a.header-skip {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

a.header-skip:focus {
  position: absolute;
  width: 200px;
  left: 0;
  text-align: center;
  color: #fff;
  overflow: visible;
  clip: auto;
  height: 32px;
  padding: 0;
  box-sizing: border-box;
  top: 0;
  line-height: 32px;
}

a:focus {
  border-radius: 4px;
}

.align-center {
  text-align: center !important;
}

.align-right {
  text-align: right !important;
}

.align-left {
  text-align: left !important;
}

.v-align-top {
  vertical-align: top !important;
}

.v-align-middle {
  vertical-align: middle !important;
}

.v-align-bottom {
  vertical-align: bottom !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

section:after {
  display: block;
  content: "";
  clear: both;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.center-self {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  display: block !important;
}

/*************************************************SCROLLBAR*******************************************************/
.scrollbar {
  scrollbar-width: thin;
}

.scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--brand-light-grey);
}

/****GLOBAL MEDIA QUERIES***/
.flex-adjusted {
  padding: 0 40px 0 0;
}

.pointer {
  cursor: pointer;
}

th:focus,
button:focus,
li:focus,
a:focus {
  box-shadow: unset !important;
}

body {
  background-color: var(--bmo-white);
}

.font-16 {
  font-size: 16px;
}

.welcome {
  color: var(--primary-slate, #001928);
  font-family: Heebo;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px; /* 200% */
  letter-spacing: -0.5px;
}

.help-text {
  color: var(--primary-slate, #001928);
  font-family: Heebo;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.15px;
  margin-top: 5px;
}

.label-text {
  letter-spacing: 0.25px;
  line-height: 2.4rem;
}

.bss-popup-title-text-24 {
  font-size: 2.4rem;
  letter-spacing: 0;
  line-height: 3.2rem;
}

.bss-popup-content-text-20 {
  font-size: 2rem;
  letter-spacing: 0.17px;
  line-height: 2.4rem;
}

.bss-popup-content-text-16 {
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.4rem;
}

.screenContainer {
  width: 100%;
  height: 100%;
}

.no-padding-top {
  padding-top: 0rem;
}

.no-padding-left {
  padding-left: 0rem;
}

.no-padding-right {
  padding-right: 0rem;
}

.no-margin {
  margin: 0rem;
}

.no-margin-top {
  margin-top: 0rem;
}

.no-margin-left {
  margin-left: 0rem;
}

.no-margin-right {
  margin-right: 0rem !important;
}

.no-margin-bottom {
  margin-bottom: 0rem;
}

.margin-top-48 {
  margin-top: 4.8rem;
}

.margin-top-40 {
  margin-top: 4rem;
}

.margin-top-35 {
  margin-top: 3.5rem;
}

.margin-top-30 {
  margin-top: 3rem;
}

.margin-top-25 {
  margin-top: 2.5rem;
}

.margin-top-24 {
  margin-top: 2.4rem;
}

.margin-top-20 {
  margin-top: 2rem;
}

.margin-top-negative-25 {
  margin-top: -2.5rem;
}

.margin-top-negative-20 {
  margin-top: -2rem;
}

.margin-top-negative-8 {
  margin-top: -0.8rem;
}

.margin-bottom-negative-8 {
  margin-bottom: -0.8rem;
}

.margin-bottom-24 {
  margin-bottom: 2.4rem;
}

.margin-bottom-15 {
  margin-bottom: 1.5rem;
}

.margin-right-12 {
  margin-right: 1.2rem;
}

.required-fields-hint {
  display: block;
  font-size: 1.4rem;
  margin-top: 1.6rem;
}

.screenContainer {
  width: 100%;
  height: 100%;
}

.animated-appearance {
  animation: appearToScreen 500ms 1;
  animation-timing-function: ease-in;
}

.full-height {
  height: 100%;
}

.height-98-percent {
  height: 98%;
}

.height-96-percent {
  height: 96%;
}

.height-93-percent {
  height: 93%;
}

.height-92-percent {
  height: 93%;
}

.full-width {
  width: 100%;
}

.full-height {
  height: 100%;
}

.height-24 {
  height: 2.4rem;
}

.height-80 {
  height: 80rem;
}

.height-100 {
  height: 10rem;
}

.height-120 {
  height: 12rem;
}

.height-140 {
  height: 12rem;
}

.height-280 {
  height: 28rem;
}

.height-300 {
  height: 30rem;
}

.white-background {
  background: var(--bmo-white);
}

.black {
  color: #000000;
}

.grey {
  color: #001928;
}

.width-4 {
  width: 0.4rem;
}

.width-8 {
  width: 0.8rem;
}

.width-16 {
  width: 1.6rem;
}

.width-60 {
  width: 6rem;
}

.width-350 {
  width: 35rem;
}

.width-352 {
  width: 35.2rem;
}

.width-452 {
  width: 45.2rem;
}

.width-470 {
  width: 47rem;
}

.width-600 {
  width: 60rem;
}

.no-border {
  border-style: none;
}

.white-space-nowrap {
  white-space: nowrap;
}

.vertically-centered {
  display: flex;
  align-items: center;
}

button.action-menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.border-box {
  box-sizing: border-box;
}

.bss-panel .mat-dialog-container {
  box-sizing: border-box;
  padding-top: 2.8rem;
  overflow: hidden;
  border-top-style: solid;
  border-top-width: 8px;
  border-radius: 4px 4px 0 0;
  border-top-color: #0075BE;
}

.dialogWithTransparentBackground .mat-dialog-container {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
}

.dialogWithTransparentBackgroundBackdrop {
  background: rgba(0, 0, 0, 0);
}

.app-container {
  display: flex;
  flex-direction: column;
}

app-footer {
  width: 100%;
}

router-outlet + app-footer {
  position: fixed;
  bottom: 0rem;
}

.font-size-xxlarge {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.15px;
}

.font-size-medium {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.font-size-medium.bold {
  letter-spacing: 0.25px;
}

.font-size-xsmall {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.25px;
}

.error-title-font {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.15px;
}

.error-subtitle-font {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
}

.error-troubleshooting-info-font {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.25px;
}

.error-content {
  width: 60%;
  min-width: 360px;
  height: 100%;
  margin-left: 2rem;
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.screen-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.error-screen-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.logon-content {
  min-width: 350px;
  margin: 0rem 2rem 2rem 2rem;
  display: flex;
  flex-direction: column;
}

.large-image {
  height: 22rem;
  width: 26rem;
}

@media only screen and (max-width: 775px) {
  .bmo-app {
    font-size: 12px;
    padding-right: 0rem;
  }
  .large-image {
    height: 13.9rem;
    width: 12.1rem;
  }
  .error-title-font {
    font-size: 14px;
    line-height: 16px;
  }
  .error-subtitle-font {
    font-size: 12px;
    line-height: 24px;
  }
  .error-troubleshooting-info-font {
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 0.25px;
  }
}
@media only screen and (max-width: 850px) and (orientation: landscape) {
  .logon-content {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
  }
  .error-screen-layout {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
  }
  .large-image {
    height: 11rem;
    width: 11rem;
  }
  .error-content {
    margin-top: 0rem;
    margin-bottom: 1rem;
  }
}
.error-description-container {
  width: 100%;
  max-width: 75.1rem;
  align-self: center;
}

.valid-color {
  border-color: #646C76;
}

.invalid-color {
  border-color: var(--bmo-negative) !important;
}

.logon-rectangle {
  box-sizing: border-box;
  height: 4.8rem;
  width: 100%;
  border: 1px solid;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.logon-text-box {
  width: 60%;
  margin-top: -20px;
  border-style: none;
  box-shadow: none;
  letter-spacing: 0.15px;
  line-height: 2.4rem;
  padding-right: 5px;
}
.logon-text-box .empty-search-box {
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  letter-spacing: 0.15px;
  line-height: 2.4rem;
}

.logon-link {
  height: 2.4rem;
  width: 18.7rem;
  color: #0075BE;
  font-family: Heebo;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.15px;
  line-height: 2.4rem;
  text-transform: none;
  text-decoration: underline;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.override.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  height: 100%;
}

.angular-migration {
  height: 100% !important;
  width: 100% !important;
  display: block !important;
}
.angular-migration app-root {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.angular-migration .bmo-footer {
  background: var(--bmo-white) !important;
  box-shadow: 0 -2px 0px 0 var(--bmo-granite) !important;
}
.angular-migration .bmo-footer .first-row,
.angular-migration .bmo-footer .second-row {
  color: var(--bmo-granite) !important;
}
.angular-migration .bmo-footer .first-row a,
.angular-migration .bmo-footer .second-row a {
  color: var(--bmo-bluea) !important;
}
.angular-migration .logon-rectangle .mat-mdc-form-field {
  width: 100%;
}
.angular-migration .logon-rectangle .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
}
.angular-migration .logon-rectangle .mdc-text-field--outlined .mat-mdc-form-field-infix,
.angular-migration .logon-rectangle .mdc-text-field--no-label .mat-mdc-form-field-infix {
  padding: 0;
  margin: 0;
}
.angular-migration .logon-text-box {
  width: 100% !important;
  margin-top: 0px !important;
}
.angular-migration .left-error,
.angular-migration .error {
  color: var(--bmo-negative) !important;
  font-size: 1.4rem;
}
.angular-migration .error-container {
  margin-top: 0.8rem !important;
  margin-bottom: 1.6rem !important;
}
@media screen and (max-width: 600px) {
  .angular-migration .bmo-header {
    height: 7.1rem !important;
  }
  .angular-migration .bmo-header .bmo-logo {
    margin-left: -2.6rem;
  }
  .angular-migration .bmo-header .profile-menu-wrap {
    width: 40px !important;
  }
  .angular-migration .button-box {
    align-items: normal !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
    gap: 3.2rem !important;
  }
  .angular-migration .button-box button {
    align-self: center !important;
    margin: 0 !important;
  }
}
.angular-migration .dialogWithTransparentBackground {
  width: auto !important;
}
.angular-migration .dialogWithTransparentBackground .mat-mdc-dialog-container {
  display: unset !important;
  padding: unset !important;
  overflow: hidden !important;
  background-color: transparent;
  box-shadow: none !important;
  outline: none !important;
}
.angular-migration .dialogWithTransparentBackground .mat-mdc-dialog-container .mdc-dialog__surface {
  overflow: hidden;
  box-shadow: none;
}
.angular-migration .dialogWithTransparentBackground .mat-mdc-dialog-container .mat-mdc-dialog-surface {
  background: transparent;
}
.angular-migration router-outlet + * {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.angular-migration .screen-layout,
.angular-migration .error-screen-layout {
  height: 100%;
}