/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-badge-small .mat-badge-content{font-size:9px}
.mat-badge-large .mat-badge-content{font-size:24px}
.mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}
.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}
.mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 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, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}
.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}
.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}
.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}
.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-card-title{font-size:24px;font-weight:500}
.mat-card-header .mat-card-title{font-size:20px}
.mat-card-subtitle,.mat-card-content{font-size:14px}
.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-checkbox-layout .mat-checkbox-label{line-height:24px}
.mat-chip{font-size:14px;font-weight:500}
.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}
.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-header-cell{font-size:12px;font-weight:500}
.mat-cell,.mat-footer-cell{font-size:14px}
.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-calendar-body{font-size:13px}
.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}
.mat-calendar-table-header th{font-size:11px;font-weight:400}
.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}
.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-form-field-wrapper{padding-bottom:1.34375em}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}
.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}
.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}
.mat-form-field-label{top:1.34375em}
.mat-form-field-underline{bottom:1.34375em}
.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}
.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%}
.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}
.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}
@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}
.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}
.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}
.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}
.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}
.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}
.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}
input.mat-input-element{margin-top:-0.0625em}
.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}
.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-select-trigger{height:1.125em}
.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}
.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-step-label{font-size:14px;font-weight:400}
.mat-step-sub-label-error{font-weight:normal}
.mat-step-label-error{font-size:14px}
.mat-step-label-selected{font-size:14px;font-weight:500}
.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}
.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}
.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}
.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-list-base .mat-list-item{font-size:16px}
.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-list-option{font-size:16px}
.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-list-base[dense] .mat-list-item{font-size:12px}
.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-list-option{font-size:12px}
.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}
.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}
.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}
.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}
.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}
.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:scale(0)}
.cdk-high-contrast-active .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:transparent;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-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-mdc-focus-indicator{position:relative}
.mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-option{color:rgba(0,0,0,.87)}
.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}
.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#673ab7}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ffd740}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}
.mat-optgroup-label{color:rgba(0,0,0,.54)}
.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}
.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}
.mat-pseudo-checkbox::after{color:#fafafa}
.mat-pseudo-checkbox-disabled{color:#b0b0b0}
.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#673ab7}
.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ffd740}
.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}
.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-elevation-z0{box-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)}
.mat-elevation-z1{box-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)}
.mat-elevation-z2{box-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)}
.mat-elevation-z3{box-shadow: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-elevation-z4{box-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-elevation-z5{box-shadow: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-elevation-z6{box-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)}
.mat-elevation-z7{box-shadow: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-elevation-z8{box-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)}
.mat-elevation-z9{box-shadow: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-elevation-z10{box-shadow: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-elevation-z11{box-shadow: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-elevation-z12{box-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)}
.mat-elevation-z13{box-shadow: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-elevation-z14{box-shadow: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-elevation-z15{box-shadow: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-elevation-z16{box-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-elevation-z17{box-shadow: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-elevation-z18{box-shadow: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-elevation-z19{box-shadow: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-elevation-z20{box-shadow: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-elevation-z21{box-shadow: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-elevation-z22{box-shadow: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-elevation-z23{box-shadow: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-elevation-z24{box-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-theme-loaded-marker{display:none}
.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}
.mat-badge{position:relative}
.mat-badge.mat-badge{overflow:visible}
.mat-badge-hidden .mat-badge-content{display:none}
.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}
.mat-badge-content.mat-badge-active{transform:none}
.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}
.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}
.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}
.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}
.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}
.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}
.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}
.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}
.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}
.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}
.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}
.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}
.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}
.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}
.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}
.mat-badge-content{color:#fff;background:#673ab7}
.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}
.mat-badge-accent .mat-badge-content{background:#ffd740;color:rgba(0,0,0,.87)}
.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}
.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}
.mat-bottom-sheet-container{box-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);background:#fff;color:rgba(0,0,0,.87)}
.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}
.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#673ab7}
.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ffd740}
.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}
.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}
.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#673ab7}
.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ffd740}
.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}
.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}
.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}
.mat-button-focus-overlay{background:#000}
.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}
.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}
.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}
.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:rgba(0,0,0,.87)}
.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}
.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}
.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#673ab7}
.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ffd740}
.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}
.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}
.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-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)}
.mat-raised-button:not([class*=mat-elevation-z]){box-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)}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-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)}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-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)}
.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-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)}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-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)}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-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)}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-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)}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}
.mat-button-toggle{color:rgba(0,0,0,.38)}
.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}
.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}
.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}
.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}
.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}
.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}
.mat-card{background:#fff;color:rgba(0,0,0,.87)}
.mat-card:not([class*=mat-elevation-z]){box-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)}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-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)}
.mat-card-subtitle{color:rgba(0,0,0,.54)}
.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}
.mat-checkbox-checkmark{fill:#fafafa}
.mat-checkbox-checkmark-path{stroke:#fafafa !important}
.mat-checkbox-mixedmark{background-color:#fafafa}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#673ab7}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ffd740}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}
.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)}
.mat-checkbox .mat-ripple-element{background-color:#000}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#673ab7}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ffd740}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}
.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}
.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow: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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}
.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}
.mat-chip.mat-standard-chip::after{background:#000}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#673ab7;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ffd740;color:rgba(0,0,0,.87)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-table{background:#fff}
.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}
mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}
.mat-header-cell{color:rgba(0,0,0,.54)}
.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}
.mat-calendar-arrow{fill:rgba(0,0,0,.54)}
.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}
.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}
.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}
.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}
.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}
.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}
.mat-calendar-body-in-range::before{background:rgba(103,58,183,.2)}
.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(103, 58, 183, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-calendar-body-selected{background-color:#673ab7;color:#fff}
.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(103,58,183,.4)}
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(103,58,183,.3)}
@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(103,58,183,.3)}}
.mat-datepicker-content{box-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);background-color:#fff;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,215,64,.2)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 215, 64, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ffd740;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,215,64,.4)}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,215,64,.3)}
@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,215,64,.3)}}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}
@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}
.mat-datepicker-content-touch{box-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-datepicker-toggle-active{color:#673ab7}
.mat-datepicker-toggle-active.mat-accent{color:#ffd740}
.mat-datepicker-toggle-active.mat-warn{color:#f44336}
.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}
.mat-dialog-container{box-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);background:#fff;color:rgba(0,0,0,.87)}
.mat-divider{border-top-color:rgba(0,0,0,.12)}
.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}
.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-expansion-panel:not([class*=mat-elevation-z]){box-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)}
.mat-action-row{border-top-color:rgba(0,0,0,.12)}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}
@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}
.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}
.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}
.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}
.mat-expansion-panel-header{height:48px}
.mat-expansion-panel-header.mat-expanded{height:64px}
.mat-form-field-label{color:rgba(0,0,0,.6)}
.mat-hint{color:rgba(0,0,0,.6)}
.mat-form-field.mat-focused .mat-form-field-label{color:#673ab7}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ffd740}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}
.mat-focused .mat-form-field-required-marker{color:#ffd740}
.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}
.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#673ab7}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ffd740}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#673ab7}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ffd740}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}
.mat-error{color:#f44336}
.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}
.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}
.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}
.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#673ab7}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ffd740}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}
.mat-icon.mat-primary{color:#673ab7}
.mat-icon.mat-accent{color:#ffd740}
.mat-icon.mat-warn{color:#f44336}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}
.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}
.mat-input-element{caret-color:#673ab7}
.mat-input-element::placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}
.mat-form-field.mat-accent .mat-input-element{caret-color:#ffd740}
.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}
.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}
.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}
.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}
.mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)}
.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}
.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}
.mat-menu-panel{background:#fff}
.mat-menu-panel:not([class*=mat-elevation-z]){box-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-menu-item{background:transparent;color:rgba(0,0,0,.87)}
.mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}
.mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)}
.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}
.mat-paginator{background:#fff}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}
.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}
.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}
.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}
.mat-paginator-container{min-height:56px}
.mat-progress-bar-background{fill:#d5cae9}
.mat-progress-bar-buffer{background-color:#d5cae9}
.mat-progress-bar-fill::after{background-color:#673ab7}
.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbf1cc}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbf1cc}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ffd740}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}
.mat-progress-spinner circle,.mat-spinner circle{stroke:#673ab7}
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ffd740}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}
.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#673ab7}
.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#673ab7}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ffd740}
.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ffd740}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}
.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}
.mat-radio-button .mat-ripple-element{background-color:#000}
.mat-select-value{color:rgba(0,0,0,.87)}
.mat-select-placeholder{color:rgba(0,0,0,.42)}
.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}
.mat-select-arrow{color:rgba(0,0,0,.54)}
.mat-select-panel{background:#fff}
.mat-select-panel:not([class*=mat-elevation-z]){box-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-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#673ab7}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ffd740}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}
.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}
.mat-drawer.mat-drawer-push{background-color:#fff}
.mat-drawer:not(.mat-drawer-side){box-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-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}
.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}
[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}
[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}
.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ffd740}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,215,64,.54)}
.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ffd740}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#673ab7}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(103,58,183,.54)}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#673ab7}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}
.mat-slide-toggle-thumb{box-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);background-color:#fafafa}
.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}
.mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#673ab7}
.mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff}
.mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(103,58,183,.2)}
.mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ffd740}
.mat-slider.mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}
.mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,215,64,.2)}
.mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336}
.mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff}
.mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}
.mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}
.mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}
.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}
.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}
.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}
.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}
.mat-step-header:hover[aria-disabled=true]{cursor:default}
@media(hover: none){.mat-step-header:hover{background:none}}
.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}
.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}
.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#673ab7;color:#fff}
.mat-step-header.mat-accent .mat-step-icon{color:rgba(0,0,0,.87)}
.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ffd740;color:rgba(0,0,0,.87)}
.mat-step-header.mat-warn .mat-step-icon{color:#fff}
.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}
.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}
.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}
.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}
.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}
.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header{height:72px}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}
.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}
.mat-sort-header-arrow{color:#757575}
.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}
.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}
.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}
.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}
.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}
.mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}
.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#673ab7}
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}
.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ffd740}
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:rgba(0,0,0,.87)}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}
.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#673ab7}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}
.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ffd740}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:rgba(0,0,0,.87)}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:rgba(0,0,0,.87)}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#000;opacity:.4}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#000;opacity:.12}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12}
.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-primary{background:#673ab7;color:#fff}
.mat-toolbar.mat-accent{background:#ffd740;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-warn{background:#f44336;color:#fff}
.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}
.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}
.mat-toolbar .mat-input-element{caret-color:currentColor}
.mat-toolbar-multiple-rows{min-height:64px}
.mat-toolbar-row,.mat-toolbar-single-row{height:64px}
@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}
.mat-tooltip{background:rgba(97,97,97,.9)}
.mat-tree{background:#fff}
.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}
.mat-tree-node{min-height:48px}
.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-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)}
.mat-simple-snackbar-action{color:#ffd740}
/***GLOBAL COLORS***/
/*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;
}
: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: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 599px) {
  .link-group {
    display: flex;
    flex-direction: column;
  }
  .link-group .link {
    width: -moz-fit-content;
    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: #010101;
  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: -moz-fit-content;
    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: -moz-fit-content;
  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;
  -webkit-appearance: none;
  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: -moz-fit-content;
  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: -moz-fit-content;
  width: fit-content;
}
.bmo-switch-wrap:after {
  display: block;
  clear: both;
  content: "";
}
.bmo-switch-wrap .switch-label {
  font-size: 1.6rem;
  width: -moz-fit-content;
  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: -moz-fit-content;
  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;
}
.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 {
  max-height: 15.4rem;
  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;
}
.screen-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(100vh - 16rem);
}
.error-screen-layout {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(100vh - 16rem);
}
.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;
  }

  .error-screen-layout {
    min-height: calc(100vh - 18rem);
  }

  .screen-layout {
    min-height: calc(100vh - 18rem);
  }
}
@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;
}