/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_esbuild@0.23.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.41_typescript@5.5.4_webpack@5.94.0_esbuild@0.23.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/@angular+material@18.2.13_7bdc780307e35ca01e9a76d5a3ea7edf/node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-theme-loaded-marker{display:none}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-shape:4px;--mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-radius:16px;--mdc-chip-with-avatar-avatar-shape-radius:14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1}html .mat-mdc-slide-toggle{--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:#fff;--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-switch-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:20px;--mat-switch-label-text-size:14px;--mat-switch-label-text-tracking:0.0178571429em;--mat-switch-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}html{--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:20px;--mat-radio-label-text-size:14px;--mat-radio-label-text-tracking:0.0178571429em;--mat-radio-label-text-weight:400}html{--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%)}html{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2)}html .mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2)}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px;--mat-menu-base-elevation-level:8}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-touch-target-display:block}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-secondary-navigation-tab-container-height:48px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}html{--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:20px;--mat-checkbox-label-text-size:14px;--mat-checkbox-label-text-tracking:0.0178571429em;--mat-checkbox-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-protected-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shape:50%;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mdc-fab-container-color:white;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38)}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-line-height:22px;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-small-size-line-height:16px;--mat-badge-large-size-text-size:24px;--mat-badge-large-size-line-height:28px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.94.0_esbuild@0.23.0_/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/.pnpm/postcss-loader@8.1.1_postcss@8.4.41_typescript@5.5.4_webpack@5.94.0_esbuild@0.23.0_/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/.pnpm/resolve-url-loader@5.0.0/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/.pnpm/sass-loader@16.0.0_sass@1.77.6_webpack@5.94.0_esbuild@0.23.0_/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/sass/main.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/*************************
 * Config (Typography & Colors)
 *************************/
:root {
  --black: #16171a;
  --blue: #24c4c8;
  --white: #fff;
  --gray-2: #86909e;
  --gray-4: #e8eaeb;
}

/*************************
 * Switcher
 *************************/
.switcher-container {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.switcher-container input {
  position: absolute;
  left: -999em;
}
.switcher-container .toggle {
  cursor: pointer;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 45px;
  margin-right: 9px;
  margin-left: 9px;
  background-color: #6362d6;
  border: 1px solid #5352b3;
  border-radius: 10px;
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  box-shadow: inset 0 2px 2px 0 rgba(66, 66, 66, 0.25);
}
.switcher-container .toggle:before,
.switcher-container .toggle:after {
  line-height: 50px;
  font-weight: 700;
  font-size: 1.125em;
  z-index: 2;
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.switcher-container .toggle:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 11px;
  color: #00ca8e;
}
.switcher-container .toggle:after {
  content: "";
  position: absolute;
  top: -10px;
  right: 14px;
  color: #fff;
}
.switcher-container .toggle-handler {
  display: inline-block;
  z-index: 1;
  background-color: #faf9f9;
  border: 2px solid #fff;
  position: relative;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  height: 24px;
  width: 24px;
  border-radius: 50%;
  transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.14);
}
.switcher-container .toggle-handler::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 1px solid #e8eaeb;
}
.switcher-container input:checked + .toggle .toggle-handler {
  transform: translate(25px, -50%);
}
.switcher-container .value-percent,
.switcher-container .value-number {
  font-size: 22px;
  font-weight: 800;
  color: #b1b7c0;
  line-height: 1;
}

.impact-box-charts .toggle,
.impact-box-charts input:checked + .toggle,
.assets .toggle,
.assets input:checked + .toggle {
  background-color: #00ca8e;
  border: 1px solid #08a977;
}

.impact-pre .impact-box-charts .toggle,
.impact-pre .impact-box-charts input:checked + .toggle,
.pre-diagram .toggle,
.pre-diagram input:checked + .toggle {
  background-color: #24c4c8;
  border: 1px solid #21a7ab;
}

.impact-pre .impact-box-charts .value-active,
.assets .pre-diagram .value-active,
.satisfaction-doughnut-details .value-active,
.experience .value-active {
  color: #24c4c8;
}

.impact-box-charts .value-active,
.assets .value-active,
.attendance-doughnut-details .value-active {
  color: #00ca8e;
}

.attendance-doughnut-details .toggle,
.attendance-doughnut-details input:checked + .toggle {
  background-color: #00ca8e;
  border: 1px solid #08a977;
}

.preference-doughnut-details .toggle,
.preference-doughnut-details input:checked + .toggle,
.preference-pre-details .toggle,
.preference-pre-details input:checked + .toggle,
.yla-container .details-table .toggle,
.yla-container .details-table input:checked + .toggle {
  background-color: #24c4c8;
  border: 1px solid #21a7ab;
}

.preference-doughnut-details .value-active,
.yla-container .details-table .value-active {
  color: #24c4c8;
}

.satisfaction-doughnut-details .toggle,
.satisfaction-doughnut-details input:checked + .toggle {
  background-color: #6362d6;
  border: 1px solid #5352b3;
}

.satisfaction-doughnut-details .value-active {
  color: #6362d6;
}

.portfolio-table .value-active,
.portfolio-table-delete .value-active {
  color: #24c4c8;
}
.portfolio-table .switcher-container .toggle,
.portfolio-table-delete .switcher-container .toggle {
  background-color: #24c4c8;
  border: 1px solid #21a7ab;
}
.portfolio-table .switcher-container input:checked + .toggle,
.portfolio-table-delete .switcher-container input:checked + .toggle {
  background-color: #24c4c8;
  border: 1px solid #21a7ab;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
}
.jr_container {
  visibility: hidden;
  background-color: rgba(67, 71, 79, 0.97);
  width: 100%;
  max-width: 270px;
  border-radius: 10px;
  padding: 12px 15px 15px;
  position: absolute;
  transition: 0.3s;
  z-index: 1010;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  opacity: 0;
}
.jr_container .jr_content {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.09px;
  color: #fff;
  line-height: 17px;
  padding: 0 0 15px;
}
.jr_container.jr_start {
  opacity: 1;
}
.jr_container.jr_element {
  min-width: 270px;
  text-align: left;
}
.jr_container.jr_element.jr_pos_bottom {
  top: calc(100% + 15px);
  left: -9999px;
  right: -9999px;
  margin: auto;
}
.jr_container.jr_element.jr_pos_top {
  bottom: calc(100% + 15px);
  left: -9999px;
  right: -9999px;
  margin: auto;
}
.jr_container.jr_element.jr_pos_left {
  top: 0;
  right: calc(100% + 15px);
  margin: auto;
}
.jr_container.jr_element.jr_pos_right {
  top: 0;
  left: calc(100% + 15px);
}
.jr_container .jr_title {
  font-size: 15px;
  padding: 10px;
  margin: 0;
  color: #fff;
}
.jr_container .jr_buttons {
  display: flex;
  align-items: center;
  padding: 0;
}
.jr_container .jr_buttons:after {
  content: "";
  display: table;
  clear: both;
}
.jr_container .jr_left_buttons {
  justify-content: flex-start;
  line-height: 0;
}
.jr_container .jr_right_buttons {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.jr_container .jr_right_buttons .jr_button:first-child {
  margin-right: 5px;
}
.jr_container .jr_done {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-align: right;
  background-color: transparent;
  color: #fff;
}
.jr_container .jr_prev {
  margin-right: 10px;
  position: relative;
}
.jr_container .jr_prev:after {
  content: url("/assets/img/dashboard/joyride/arrow.svg");
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.jr_container .jr_next {
  position: relative;
}
.jr_container .jr_next:after {
  content: url("/assets/img/dashboard/joyride/arrow.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.jr_container .jr_prev,
.jr_container .jr_next {
  display: block;
  color: #fff;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  background-color: #24c4c8;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 #16171a;
}
.jr_container .jr_prev.disabled,
.jr_container .jr_next.disabled {
  background-color: #86909e;
  box-shadow: none;
}
.jr_container .jr_prev.disabled:after,
.jr_container .jr_next.disabled:after {
  opacity: 0.5;
}
.jr_container.jr_transition {
  opacity: 0;
  visibility: visible;
}

.jr_overlay {
  display: none;
  background-color: #faf9f9;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  opacity: 0;
}

.jr_overlay_show .jr_overlay {
  opacity: 0.6;
  display: block;
  animation: fade 0.5s both;
}

.jr_target {
  position: relative;
  z-index: 1001;
}

.joyride-visible {
  visibility: visible !important;
}

.foundation-joyride {
  background-color: rgba(67, 71, 79, 0.97);
  width: 100%;
  max-width: 270px;
  border-radius: 10px;
  padding: 12px 15px 15px;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s;
  z-index: 1010;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.foundation-joyride .foundation-joyride-content {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.09px;
  color: #fff;
  line-height: 17px;
  padding: 0 0 15px;
}
.foundation-joyride .foundation-joyride-buttons {
  padding: 0;
  align-items: center;
  display: flex;
}
.foundation-joyride .foundation-joyride-buttons:after {
  clear: both;
  content: "";
  display: table;
}
.foundation-joyride .foundation-joyride-left-buttons {
  justify-content: flex-start;
  line-height: 0;
}
.foundation-joyride .foundation-joyride-right-buttons {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}
.foundation-joyride .foundation-joyride-right-buttons .jr_button:first-child {
  margin-right: 5px;
}
.foundation-joyride .foundation-joyride-done {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  text-align: right;
  background-color: transparent;
  color: #fff;
}
.foundation-joyride .foundation-joyride-prev,
.foundation-joyride .foundation-joyride-next {
  border-radius: 50%;
  background-color: #24c4c8;
  display: block;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 #16171a;
  color: #fff;
  height: 21px;
  width: 21px;
}
.foundation-joyride .foundation-joyride-prev.disabled,
.foundation-joyride .foundation-joyride-next.disabled {
  box-shadow: none;
  background-color: #86909e;
}
.foundation-joyride .foundation-joyride-prev.disabled:after,
.foundation-joyride .foundation-joyride-next.disabled:after {
  opacity: 0.5;
}
.foundation-joyride .foundation-joyride-prev {
  margin-right: 10px;
  position: relative;
}
.foundation-joyride .foundation-joyride-prev:after {
  content: url("/assets/img/dashboard/joyride/arrow.svg");
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.foundation-joyride .foundation-joyride-next {
  position: relative;
}
.foundation-joyride .foundation-joyride-next:after {
  content: url("/assets/img/dashboard/joyride/arrow.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.foundation-joyride-overlay {
  display: none;
  background-color: #faf9f9;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 8;
  opacity: 0;
}

.foundation-joyride-overlay.visible {
  opacity: 0.6;
  display: block;
  animation: fade 0.5s both;
}

.foundation-joyride-current-target {
  position: relative;
  z-index: 9;
}

div.tooltip.joyride {
  background-color: transparent !important;
  border: none;
}
div.tooltip.joyride:before {
  border: none;
}

/*
 * Default Styling
 */
body {
  font-family: "work-sans", sans-serif !important;
  line-height: 1.5;
  overflow-y: scroll;
  padding-top: 7.5rem;
  padding-bottom: 50px;
}
body.noPaddingTop {
  padding-top: 0;
}
body.paddingTopReports {
  padding-top: 57px;
}
body.noPaddingBottom {
  padding-bottom: 0;
}
body.scroll-hidden {
  overflow: hidden !important;
}

main {
  margin-top: 0;
}

.body-pad {
  padding-top: 7.5rem;
  padding-bottom: 50px;
}

.remove-scroll {
  overflow: hidden !important;
}

.portfolio-padding {
  padding-top: 11rem;
}

.link {
  color: #24c4c8;
}

section,
section:focus {
  outline: none;
}

a.no-link,
a.no-link:visited,
a.no-link:hover {
  color: #86909e;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

#restLoader {
  display: none;
}

button,
html,
input,
select,
textarea,
section,
div,
h1,
h2,
h3,
h4,
h5,
h6,
label {
  font-family: "work-sans", sans-serif;
  box-sizing: border-box;
}

label {
  display: block;
}

button,
a {
  outline: none;
}

button {
  border: none;
}

ng-container:active, ng-container:focus,
md-icon:active,
md-icon:focus {
  outline: none;
}

p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

input:not([type]),
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  margin: 0 0 1rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-input-placeholder {
  color: #86909e;
}

button {
  color: #fff;
}

img {
  display: inline-block;
  vertical-align: middle;
}

ul {
  margin-bottom: 1.25rem;
  margin-left: 1.1rem;
  padding: 0;
  line-height: 1.6;
}
ul li {
  margin: 0;
  padding: 0;
}
ul.no-margin {
  margin: 0;
}

#the-typeform {
  height: 100vh;
  width: 100%;
}

.md-toast-content {
  font-family: "work-sans", sans-serif;
  background-color: #16171a;
  color: #fff;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px 0 #b1b7c0;
  max-width: 350px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

md-toast {
  z-index: 99999999;
}

.tmp-fix button {
  background-color: #16171a;
  padding: 10px 15px;
  border-radius: 5px;
}

.survey-iframe-wrapper {
  line-height: 0;
}

.survey-padding {
  padding: 0 !important;
}

.is-mobile-safari {
  height: 87vh !important;
}

md-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  transition: 100ms;
  height: auto;
  width: auto;
  min-width: auto;
  min-height: auto;
}

svg {
  overflow: visible;
}
svg:focus, svg:active, svg:hover {
  outline: none;
}

.custom-dialog {
  background-color: #fff;
}

.cdk-global-scrollblock {
  position: initial;
  width: initial;
  overflow: hidden;
}

.spin-loader-centered {
  display: flex;
  justify-content: center;
}

.unsaved-data {
  padding: 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 320px;
  border: 1px solid #e5ebef;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.unsaved-data .title {
  color: #16171a;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 12px;
}
.unsaved-data .desc {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
  line-height: 20px;
  margin-bottom: 25px;
}
.unsaved-data .btns {
  display: flex;
}
.unsaved-data .btns button:first-child {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #16171a;
  height: 44px;
  width: 110px;
  margin-right: 20px;
  border-radius: 12px;
  border: none;
}
.unsaved-data .btns button:last-child {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  height: 44px;
  width: 130px;
  background-color: #ff246d;
  box-shadow: 0 3px 6px 0 rgba(255, 36, 109, 0.4);
  border-radius: 12px;
}

.icon-caret {
  transition: 0.1s;
}
.icon-caret svg {
  display: block;
}

.portfolioFromReports .report-selector-modal {
  top: 15px !important;
}
.portfolioFromReports .portfolio-view {
  top: 71px !important;
}

.shared-tooltip,
.share-tooltip {
  max-width: 190px !important;
  text-align: center;
}

.new-report-tooltip {
  max-width: 230px !important;
}

.filter-item-tooltip {
  max-width: 250px !important;
}

.switcherTopBar-tooltip {
  max-width: 200px !important;
  text-align: center;
}

.download-report-tooltip {
  max-width: 230px !important;
  text-align: center;
}

.youth-attendance .chart {
  left: 27% !important;
}

.viewAATooltip {
  text-align: center;
  max-width: 250px !important;
}

.new-program-flow-PSE .icon-close-page .icon-close {
  position: fixed !important;
}

.capacityBlockComp .capacity-row {
  margin: 0 auto 45px;
}
.capacityBlockComp:last-child .capacity-row {
  margin: 0 auto 25px;
}

.remove-site-tooltip {
  position: relative;
  max-width: 300px !important;
  left: 42% !important;
  top: -5% !important;
}

.survey-group-tooltip {
  position: relative;
  max-width: 250px !important;
  left: 42% !important;
  top: -5% !important;
}

.survey-bank-edit-btn {
  position: relative;
  max-width: 333px !important;
  left: 42% !important;
  top: -5% !important;
}

.survey-notSurvey-tooltip {
  position: relative;
  max-width: 280px !important;
  left: 42% !important;
  top: -5% !important;
}

.new-program-flow-PSE .group .remove-group:not(.disabled) .close-component:hover .icon-close path {
  fill: #ff246d;
}
.new-program-flow-PSE .group .remove-group .icon-close {
  position: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rightClose .icon-close {
  left: inherit !important;
}

.itemSite .removeIS:not(.disabled):hover .close-component .icon-close path {
  fill: #ff246d;
}

.group .remove-group:not(.disabled):not(.active):hover svg path {
  fill: #ff246d;
}

.survey-bank-card-tooltip {
  left: 35%;
  top: -150px;
  position: relative;
  max-width: 340px !important;
}

.program-admins-edit-tooltip {
  min-width: 398px;
  transform: translate(45px, -10px) !important;
}

.new-programInfo .list-tools .tool-box-button .tool-icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon {
  height: 38px;
  width: 38px;
  border-radius: 12px;
  background-color: #f3f2f1;
  margin: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-programInfo .list-tools .tool-box-button .tool-icon .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-programInfo .list-tools .tool-box-button .tool-icon.core .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.core .icon {
  height: 21px;
  width: 26px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.college .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.college .icon {
  height: 22px;
  width: 28px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.career .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.career .icon {
  height: 25px;
  width: 27px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.camp .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.camp .icon {
  height: 27px;
  width: 26px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.sports .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.sports .icon {
  height: 24px;
  width: 24px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.writing .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.writing .icon {
  height: 21px;
  width: 25px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.younger .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.younger .icon {
  height: 28px;
  width: 27px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.ies .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.ies .icon {
  height: 26px;
  width: 26px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.elem .icon, .new-programInfo .list-tools .tool-box-button .tool-icon.outdoors .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.elem .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.outdoors .icon {
  height: 29px;
  width: 26px;
}
.new-programInfo .list-tools .tool-box-button .tool-icon.eesel .icon,
.new-program-flow-PSE .list-tools .tool-box-button .tool-icon.eesel .icon {
  height: 29px;
  width: 26px;
}
.new-programInfo .list-tools .tool-box-button.active-tool::after,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool::after {
  content: "";
  border: 2px solid #21a7ab;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 6px;
  position: absolute;
}
.new-programInfo .list-tools .tool-box-button.active-tool.tool-icon img,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool.tool-icon img {
  fill: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon {
  background-color: #dcf5f6;
}
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon svg g g,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon svg g g {
  fill: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.career svg path,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.career svg rect,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.career svg circle,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.career svg ellipse, .new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.elem svg path,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.elem svg rect,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.elem svg circle,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.elem svg ellipse, .new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.core svg path,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.core svg rect,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.core svg circle,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.core svg ellipse, .new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.camp svg path,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.camp svg rect,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.camp svg circle,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.camp svg ellipse, .new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.ies svg path,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.ies svg rect,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.ies svg circle,
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.ies svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.career svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.career svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.career svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.career svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.elem svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.elem svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.elem svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.elem svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.core svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.core svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.core svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.core svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.camp svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.camp svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.camp svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.camp svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.ies svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.ies svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.ies svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.ies svg ellipse {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.college svg path, .new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.sports svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.college svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.sports svg path {
  fill: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.active-tool .tool-icon.younger svg g,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .tool-icon.younger svg g {
  fill: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.active-tool .eesel svg g g,
.new-programInfo .list-tools .tool-box-button.active-tool .outdoors svg g g,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .eesel svg g g,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .outdoors svg g g {
  fill: transparent;
}
.new-programInfo .list-tools .tool-box-button.active-tool .eesel svg rect,
.new-programInfo .list-tools .tool-box-button.active-tool .outdoors svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .eesel svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .outdoors svg rect {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.active-tool .eesel svg path,
.new-programInfo .list-tools .tool-box-button.active-tool .outdoors svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .eesel svg path,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .outdoors svg path {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.active-tool .eesel svg ellipse,
.new-programInfo .list-tools .tool-box-button.active-tool .outdoors svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .eesel svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.active-tool .outdoors svg ellipse {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable {
  background-color: #f5f5fc;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable::after,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable::after {
  content: "";
  border: 2px solid #5352b3;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 6px;
  position: absolute;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable.tool-icon img,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable.tool-icon img {
  fill: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon {
  background-color: #e5e5f8;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon svg g g,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon svg g g {
  fill: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.career svg path,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.career svg rect,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.career svg circle,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.career svg ellipse, .new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg path,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg rect,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg circle,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg ellipse, .new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.core svg path,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.core svg rect,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.core svg circle,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.core svg ellipse, .new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg path,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg rect,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg circle,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg ellipse, .new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg path,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg rect,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg circle,
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.career svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.career svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.career svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.career svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.elem svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.core svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.core svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.core svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.core svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.camp svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg circle,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.ies svg ellipse {
  stroke: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.college svg path, .new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.sports svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.college svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.sports svg path {
  fill: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-icon.younger svg g,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-icon.younger svg g {
  fill: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .eesel svg g g,
.new-programInfo .list-tools .tool-box-button.activeAvailable .outdoors svg g g,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .eesel svg g g,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .outdoors svg g g {
  fill: transparent;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .eesel svg rect,
.new-programInfo .list-tools .tool-box-button.activeAvailable .outdoors svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .eesel svg rect,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .outdoors svg rect {
  stroke: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .eesel svg path,
.new-programInfo .list-tools .tool-box-button.activeAvailable .outdoors svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .eesel svg path,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .outdoors svg path {
  stroke: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .eesel svg ellipse,
.new-programInfo .list-tools .tool-box-button.activeAvailable .outdoors svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .eesel svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .outdoors svg ellipse {
  stroke: #5352b3;
}
.new-programInfo .list-tools .tool-box-button.activeAvailable .tool-name .targetTN,
.new-program-flow-PSE .list-tools .tool-box-button.activeAvailable .tool-name .targetTN {
  color: #5352b3;
  font-weight: 600;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover {
  cursor: pointer;
  filter: drop-shadow(0px 2px 7px rgba(67, 71, 79, 0.2));
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon {
  background-color: #dcf5f6;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.career svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.elem svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.core svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.camp svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.ies svg ellipse {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.college svg path, .new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.sports svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.college svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.sports svg path {
  fill: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .tool-icon.younger svg g,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .tool-icon.younger svg g {
  fill: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .icon-angle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .icon-angle {
  visibility: visible;
  opacity: 1;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .eesel svg g g,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .outdoors svg g g,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .eesel svg g g,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .outdoors svg g g {
  fill: transparent;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .eesel svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .outdoors svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .eesel svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .outdoors svg rect {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .eesel svg ellipse,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .outdoors svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .eesel svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .outdoors svg ellipse {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .eesel svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled):hover .outdoors svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .eesel svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled):hover .outdoors svg path {
  stroke: #21a7ab;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover {
  cursor: pointer;
  filter: drop-shadow(0px 2px 7px rgba(67, 71, 79, 0.2));
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon {
  background-color: #e5e5f8;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg ellipse, .new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg circle,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.career svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.elem svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.core svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.camp svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg circle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.ies svg ellipse {
  stroke: #5352b3;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.college svg path, .new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.sports svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.college svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.sports svg path {
  fill: #5352b3;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.younger svg g,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .tool-icon.younger svg g {
  fill: #5352b3;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .icon-angle,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .icon-angle {
  visibility: visible;
  opacity: 1;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg g g,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg g g,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg g g,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg g g {
  fill: transparent;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg rect,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg rect,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg rect {
  stroke: #5352b3;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg ellipse,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg ellipse,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg ellipse {
  stroke: #5352b3;
}
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg path,
.new-programInfo .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .eesel svg path,
.new-program-flow-PSE .list-tools .tool-box-button:not(.disabled).available:hover .outdoors svg path {
  stroke: #5352b3;
}

.linkify {
  text-decoration: underline !important;
}

.group-details.MP .remove-group .tmp .close-component {
  width: 100%;
  height: 100%;
}
.group-details.MP .remove-group .tmp .close-component svg {
  top: inherit !important;
  left: inherit !important;
}

.surveyBankEditBtn:hover .tooltipCustom {
  display: flex;
}

.wrapperInputSite .fieldLong:hover ~ .tooltipCustom {
  display: flex;
}

.survey-PA-reminder-tooltip {
  position: relative;
  max-width: 246px !important;
  left: 42% !important;
  top: -5% !important;
}

.survey-bank .tagSubTooltip {
  margin-right: auto;
}
.survey-bank .tagSubTooltip .wrapperTT {
  margin-bottom: 15px;
}
.survey-bank .tagScholarTooltip {
  margin-right: auto;
}
.survey-bank .tagScholarTooltip .wrapperTT {
  margin-bottom: 15px;
}

.mat-mdc-paginator-icon {
  fill: #16171a !important;
}

.mat-mdc-paginator-range-label {
  font-size: 14px;
  line-height: 18px;
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
  fill: #b1b7c0 !important;
}

.mat-mdc-icon-button:hover {
  background-color: #24c4c8;
}
.mat-mdc-icon-button:hover .mat-mdc-paginator-icon {
  fill: #fff !important;
}

.overflow-y--disabled {
  overflow-y: hidden !important;
}

.copied-tooltip {
  display: block;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 10px 8px 28px;
  position: absolute;
  top: -34px;
  left: 65px;
  color: #fff;
  border-radius: 8px;
  z-index: 1000;
  white-space: nowrap;
  text-transform: none;
}
@media screen and (max-width: 1024px) {
  .copied-tooltip {
    left: -130px !important;
  }
}
.copied-tooltip.purple-tooltip {
  background-color: #6362d6;
}
.copied-tooltip.green-tooltip {
  background-color: #00ca8e;
}
.copied-tooltip.magenta-tooltip {
  background-color: #b15dcb;
}
.copied-tooltip:before {
  content: url("/assets/img/dashboard/check.svg");
  position: absolute;
  top: 50%;
  left: 10.5px;
  transform: translateY(-50%);
}

.show-hide-password-tooltip {
  position: relative;
  left: 42% !important;
}

.impact-summaries-list-header-tooltip-col2,
.impact-summaries-list-header-tooltip-col3 {
  position: relative;
  padding: 10px !important;
  vertical-align: middle;
}
.impact-summaries-list-header-tooltip-col2 .mat-mdc-tooltip-surface,
.impact-summaries-list-header-tooltip-col3 .mat-mdc-tooltip-surface {
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0px;
  font-family: "work-sans", sans-serif !important;
}

.impact-summaries-list-header-tooltip-col2 {
  max-width: 301px !important;
  width: 301px !important;
  left: 26% !important;
}
.impact-summaries-list-header-tooltip-col2.icon-left-tooltip {
  left: 0% !important;
}

.impact-summaries-list-header-tooltip-col3 {
  left: 38% !important;
  max-width: 239px !important;
  width: 239px !important;
}
.impact-summaries-list-header-tooltip-col3.icon-left-tooltip {
  left: 22% !important;
}

.tooltip-short {
  padding: 10px !important;
  min-width: 50px;
  height: 34px;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 14px !important;
}
.tooltip-short .mat-mdc-tooltip-surface {
  font-family: "work-sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
}
.tooltip-short.administering-post-surveys-btn {
  left: 38px !important;
}
.tooltip-short.manage-group-btn {
  left: 60px !important;
  top: -9px !important;
}
.tooltip-short.manage-survey-btn {
  left: 90px !important;
  top: -9px !important;
}
.tooltip-short.tool-membership-tooltip {
  top: -12px !important;
}
.tooltip-short.remove-manage-user-tooltip {
  top: -15px !important;
}
.tooltip-short.item-site-edit-tooltip {
  transform: translate(0px, -10px) !important;
}
.tooltip-short.impact-summaries-invite-reminder {
  left: 45px !important;
}
.tooltip-short.impact-summaries-invite-remove {
  left: 32px !important;
}

/*
 * Default Styling for SVG
 */
/****** Manage Program *****/
.manage-program .leftTabs ul li.active > .sidebar-icon:not(.icon-groups) svg g > rect,
.manage-program .leftTabs ul li.active > .sidebar-icon:not(.icon-groups) svg path {
  fill: #6362d6;
}
.manage-program .leftTabs ul li.active > .icon-groups svg g > rect,
.manage-program .leftTabs ul li.active > .icon-groups svg path {
  stroke: #6362d6;
}
.manage-program .leftTabs ul li.delete-program.disabled .sidebar-icon svg g > rect,
.manage-program .leftTabs ul li.delete-program.disabled .sidebar-icon svg path {
  fill: #b1b7c0;
}
.manage-program .leftTabs ul li.delete-program:not(.disabled):hover .sidebar-icon svg g > rect,
.manage-program .leftTabs ul li.delete-program:not(.disabled):hover .sidebar-icon svg path {
  fill: #ff246d;
}
.manage-program .leftTabs .sidebar-icon svg {
  width: 14.82px;
}
.manage-program .btnGuide svg {
  margin-left: 3px;
  width: 17px;
}
.manage-program .btnGuide:hover svg path {
  fill: #0396ff;
}
.manage-program .btnGuide:hover svg circle {
  fill: #fff;
}

/* Survey Bank */
.wrapperTT.tooltipTag:hover .icon svg circle {
  stroke: #0396ff;
}
.wrapperTT.tooltipTag:hover .icon svg line {
  stroke: #0396ff;
  fill: #0396ff;
}
.wrapperTT.tooltipTag:hover .icon svg path {
  fill: #0396ff;
}

.survey-bank .generalCard .selectSubMP .mdc-form-field {
  display: flex;
  flex-direction: column;
  transform: inherit;
  position: inherit;
}
.survey-bank .generalCard .selectSubMP .mdc-form-field .mdc-label {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0px;
  text-align: center;
  color: #86909e;
  margin-top: 5px;
  padding-left: 0;
}
.survey-bank .generalCard .selectSubMP .mdc-radio--disabled .mdc-radio__outer-circle {
  background-color: #e8eaeb !important;
  border-color: #b1b7c0 !important;
  border-width: 1px !important;
}
.survey-bank .generalCard .selectSubMP .mdc-radio__outer-circle {
  border-color: #24c4c8 !important;
}
.survey-bank .generalCard .selectSubMP.mat-mdc-radio-checked .mdc-radio--disabled .mdc-radio__outer-circle {
  background-color: #dcf5f6 !important;
  border-color: #24c4c8 !important;
  border-width: 2px !important;
  opacity: 1 !important;
}
.survey-bank .generalCard .selectSubMP.mat-mdc-radio-checked .mdc-radio--disabled .mdc-radio__inner-circle {
  opacity: 1 !important;
}
.survey-bank .generalCard.selectedCard .selectSubMP .mdc-radio--disabled .mdc-radio__outer-circle-circle {
  border-width: 2px;
}
.survey-bank .generalCard .box2 .rightSide .surveysRemaining.noSurveys svg {
  margin-right: 3px;
}
.survey-bank .generalCard .box3 .leftSide.noSurveys svg {
  margin-right: 3px;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.blue svg path {
  stroke: #21a7ab;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.blue svg rect {
  stroke: #21a7ab;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.blue svg ellipse {
  stroke: #21a7ab;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.blue svg.college path {
  stroke: inherit;
  fill: #21a7ab;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.blue svg.sport path {
  stroke: inherit;
  fill: #21a7ab;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.blue svg.ies rect {
  stroke: inherit;
  fill: #21a7ab;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.blue svg.ies path:nth-of-type(3) {
  stroke: inherit;
  fill: #21a7ab;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.red svg path {
  stroke: #ff246d;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.red svg rect {
  stroke: #ff246d;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.red svg ellipse {
  stroke: #ff246d;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.red svg.college path {
  stroke: inherit;
  fill: #ff246d;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.red svg.sport path {
  stroke: inherit;
  fill: #ff246d;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.red svg.ies rect {
  stroke: inherit;
  fill: #ff246d;
}
.survey-bank .generalCard .box3 .rightSide .toolsItemWrapper .toolsItem .iconToolGray.red svg.ies path:nth-of-type(3) {
  stroke: inherit;
  fill: #ff246d;
}
.survey-bank .generalCard.hoverState:hover .selectSubMP .mdc-radio__outer-circle {
  border-color: #21a7ab !important;
  background-color: #dcf5f6;
  border-width: 2px;
}
.survey-bank .generalCard.hoverState:hover .selectSubMP .mdc-label {
  color: #21a7ab;
}

/******/
/* Groups */
.group-details.MP .groups-created .group .backRemove:hover svg path {
  fill: #21a7ab;
}

/******/
/* Program Admins */
.group-details.program-admins .group.active .remove-group svg {
  top: 8px !important;
  left: 8px !important;
}
.group-details.program-admins .group.editedFull .remove-group svg {
  top: 8px !important;
  left: 8px !important;
}
.group-details.program-admins .group.editedFull.invitation .reminder:hover.noHoverSent svg path {
  fill: #86909e;
}
.group-details.program-admins .group.editedFull.invitation .remove-group svg {
  top: 8px !important;
  left: 8px !important;
}
.group-details.program-admins .remove-group:not(.disabled):hover svg {
  top: 8px !important;
  left: 8px !important;
}
.group-details.program-admins .remove-group svg {
  top: 9px !important;
  left: 9px !important;
}
.group-details.program-admins .removeBack:hover svg path {
  fill: #21a7ab;
}
.group-details.program-admins .reminder:hover svg path {
  fill: #21a7ab;
}
.group-details.program-admins .reminder:hover.noHoverSent svg path {
  fill: #86909e;
}

/******/
/************/
/****** Reports *****/
/* Button Learning */
.wrapperButtonsGuides .mainButtonGuide:hover .buttonGuide .iconStonly svg path {
  fill: #0396ff;
}
.wrapperButtonsGuides .mainButtonGuide:hover .buttonGuide .iconStonly svg rect {
  fill: #fff;
}

/******/
/************/
/****** Dashboard IM *****/
.dashboard-im-container .wrapperCards.collecting .card .leftSide .oldDashboard:hover svg g g {
  fill: #24c4c8;
}
.dashboard-im-container .wrapperCards.collecting .card .leftSide .listAA:hover svg #icon-youth {
  stroke: #24c4c8;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch.active .icon-getting-ready svg path {
  fill: #24c4c8;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch.active .icon-collection-surveys {
  width: 14px;
  height: 17px;
  margin-right: 8px;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch.active .icon-collection-surveys svg path {
  fill: #24c4c8;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch .icon-getting-ready {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch .icon-getting-ready svg path {
  fill: #b1b7c0;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch .icon-collection-surveys {
  width: 14px;
  height: 17px;
  margin-right: 8px;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch .icon-collection-surveys svg path {
  fill: #b1b7c0;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch:not(.active):hover .icon-getting-ready svg path {
  fill: #7edcde;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch:not(.active):hover .icon-collection-surveys {
  width: 14px;
  height: 17px;
  margin-right: 8px;
}
.dashboard-im-container .manage-initiative-wrapper .viewBtn .switch:not(.active):hover .icon-collection-surveys svg path {
  fill: #7edcde;
}
.dashboard-im-container .pagination .iconPag .icon-arrow-next svg path {
  fill: #86909e;
  opacity: 1;
}
.dashboard-im-container .pagination .iconPag .icon-arrow-previous svg path {
  fill: #86909e;
  opacity: 1;
}
.dashboard-im-container .pagination .iconPag.rightPag:hover .icon-arrow-next svg path {
  fill: #43474f;
}
.dashboard-im-container .pagination .iconPag.leftPag:hover .icon-arrow-previous svg path {
  fill: #43474f;
}
.dashboard-im-container .pagination .iconPag.disabled .icon-arrow-next svg path {
  fill: #c2c7ce;
}
.dashboard-im-container .pagination .iconPag.disabled .icon-arrow-previous svg path {
  fill: #c2c7ce;
}
.dashboard-im-container .sort-options .sort-btn.active .by-step svg g g {
  fill: #21a7ab;
}
.dashboard-im-container .sort-options .sort-btn.active .by-abc svg g g {
  stroke: #21a7ab;
}
.dashboard-im-container .sort-options .sort-btn.active .sort-btn-arrow svg g g {
  stroke: #21a7ab;
}
.dashboard-im-container .sort-options .sort-btn.active:hover .by-step svg g g {
  fill: #24c4c8;
}
.dashboard-im-container .sort-options .sort-btn.active:hover .by-abc svg g g {
  stroke: #24c4c8;
}
.dashboard-im-container .sort-options .sort-btn.active:hover .sort-btn-arrow svg g g {
  stroke: #24c4c8;
}
.dashboard-im-container .sort-options .sort-btn:hover .by-step svg g g {
  fill: #43474f;
}
.dashboard-im-container .sort-options .sort-btn:hover .by-abc svg g g {
  stroke: #43474f;
}
.dashboard-im-container .sort-options .sort-btn.ascending .sort-btn-arrow svg {
  transform: rotate(0deg);
}
.dashboard-im-container .sort-options .sort-btn-arrow svg {
  transform: rotate(180deg);
}
.dashboard-im-container .sort-options .sort-btn-arrow svg g g {
  transition: 300ms;
}

/************/
/****** MegaTooltip *****/
.tooltipwrapper .headT .close:hover svg g path:nth-child(2) {
  fill: #fff;
}

/************/
/****** Selection Button *****/
.selectionButton .added-list li .remove-site-icon:hover svg path {
  fill: #ff246d;
}

/************/
/****** No subscription Component *****/
.noSubscritionWrapper .boxBody .leftSide .iconWarningTriangle svg {
  width: 22px;
  height: 20px;
  position: relative;
  top: 1px;
}
.noSubscritionWrapper .boxBody .wrapperMM .rightSide {
  padding: 0px 15px;
  height: 60px;
}

/************/
/****** Portfolio Component *****/
.report-selector-modal .modal-options .modal-buttons .button .spinner svg path:first-child {
  opacity: 0.5;
}

/************/
/****** Introduction Dummy Component *****/
.top-nav.dummy .report-share-wrapper:hover .icon-share-report svg g {
  fill: #43474f;
}

/************/
/****** Report Filter Component *****/
.report-filters .filter-legend-column.legend-divider:hover .filter-legend-column-icon-info svg circle,
.report-filters .filter-legend-column.legend-divider:hover .filter-legend-column-icon-info svg path {
  stroke: #16171a;
}

/************/
/****** Report Top Bar Component *****/
.top-nav .report-share-wrapper:hover .icon-share-report svg g {
  fill: #43474f;
}

.portfolio-top-nav .portfolio-new-report .icon-new-report:hover svg g g {
  stroke: #16171a;
}
.portfolio-top-nav .report-share.disabled .report-share-wrapper .icon-share-report svg g {
  fill: #b1b7c0;
}
.portfolio-top-nav .open-filter-icon:hover svg g g {
  stroke: #16171a;
}
.portfolio-top-nav .save-report-container:hover svg g path:nth-child(n+2) {
  stroke: #16171a;
}
.portfolio-top-nav .save-report-container.orange svg g path:nth-child(n+2) {
  stroke: #e59118;
}
.portfolio-top-nav .save-report-container.disabled svg g path:nth-child(n+2) {
  stroke: #b1b7c0;
}
.portfolio-top-nav .save-report-icon.edit svg {
  transform: scale(0.7);
}

/************/
/****** Share Button Component *****/
.top-nav.share-button .report-share-wrapper:hover .icon-share-report svg g {
  fill: #43474f;
}

/************/
/****** Portfolio Filter Component *****/
.title-filter-type:hover .iconInfo svg line,
.title-filter-type:hover .iconInfo svg circle {
  stroke: #16171a;
}
.title-filter-type:hover .iconInfo svg path {
  fill: #16171a;
}

.iconDrop svg {
  width: 10px;
}
.iconDrop svg g path {
  fill: #24c4c8;
}

.group-card__chevron-icon--white svg path {
  fill: #fff;
}
.group-card__chevron-icon--up svg {
  transform: rotate(180deg);
}

.group-box__survey-details__take-surveys__surveys-card-icon-post svg .survey-color {
  fill: #66dfbb;
}
.group-box__survey-details__take-surveys__surveys-card-icon-post svg .survey-color-light {
  fill: #d9f7ee;
}
.group-box__survey-details__take-surveys__surveys-card-icon-checkin svg .survey-color {
  fill: #cb9ade;
}
.group-box__survey-details__take-surveys__surveys-card-icon-checkin svg .survey-color-light {
  fill: #eadcf3;
}

.group-box__survey-details__administering--pre .group-box__survey-details__switch-item--active .switch-icon svg path {
  fill: #6362d6;
}
.group-box__survey-details__administering--post .group-box__survey-details__switch-item--active .switch-icon svg path {
  fill: #00ca8e;
}
.group-box__survey-details__administering--checkin .group-box__survey-details__switch-item--active .switch-icon svg path {
  fill: #b15dcb;
}

.switch__item--pre.switch__item--active .switch__icon svg rect {
  fill: #fff;
}
.switch__item--pre.switch__item--active .switch__icon svg path {
  fill: #6362d6;
}
.switch__item--post.switch__item--active .switch__icon svg rect {
  fill: #fff;
}
.switch__item--post.switch__item--active .switch__icon svg path {
  fill: #00ca8e;
}
.switch__item--checkin.switch__item--active .switch__icon svg rect {
  fill: #fff;
}
.switch__item--checkin.switch__item--active .switch__icon svg path {
  fill: #b15dcb;
}

.icon__container:hover .group-box__survey-details__administering__instructions-item__actions-icon svg path {
  fill: #fff;
}

.link__icon--white svg path {
  fill: #fff;
}

.program-list-modal .program-title-component .program-title-component-name {
  width: 323px !important;
  hyphens: auto;
}

.tabs-stages-main .tabs__tab.now:hover rect {
  fill: #fea424;
}
.tabs-stages-main .tabs__tab.now:hover path {
  fill: #fff;
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.now.clicked rect {
  fill: #fea424;
}
.tabs-stages-main .tabs__tab.now.clicked path {
  fill: #fff;
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.next:hover rect:first-of-type {
  fill: #9949ff;
}
.tabs-stages-main .tabs__tab.next:hover rect:last-of-type {
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.next:hover path {
  fill: #fff;
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.next.clicked rect:first-of-type {
  fill: #9949ff;
}
.tabs-stages-main .tabs__tab.next.clicked rect:last-of-type {
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.next.clicked path {
  fill: #fff;
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.later:hover rect:first-of-type {
  fill: #be8ffc;
}
.tabs-stages-main .tabs__tab.later:hover path {
  fill: #fff;
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.later.clicked rect:first-of-type {
  fill: #be8ffc;
}
.tabs-stages-main .tabs__tab.later.clicked path {
  fill: #fff;
  stroke: #fff;
}
.tabs-stages-main .tabs__tab.past:hover rect {
  fill: #35383f;
}
.tabs-stages-main .tabs__tab.past:hover path {
  fill: #fff;
}
.tabs-stages-main .tabs__tab.past.clicked rect {
  fill: #35383f;
}
.tabs-stages-main .tabs__tab.past.clicked path {
  fill: #fff;
}
.tabs-stages-main .tab-all:hover rect:first-of-type {
  fill: #24c4c8;
}
.tabs-stages-main .tab-all:hover path {
  stroke: #fff;
}
.tabs-stages-main .tab-all.clicked rect:first-of-type {
  fill: #24c4c8;
}
.tabs-stages-main .tab-all.clicked path {
  stroke: #fff;
}

/*
 * Default Styling for Ng Deep
 */
/****** Item Site Component *****/
.item-site-restore-tooltip {
  transform: translate(75px, -10px) !important;
  max-width: 196px !important;
}

.item-site-delete-tooltip {
  transform: translate(-100px, -10px) !important;
  max-width: 300px !important;
}

/************/
/****** Selection Button Component *****/
.selectionButton .added-list li svg:hover path {
  fill: #ff246d;
}

/************/
/****** Enter As Component *****/
.enter-as-dialog .mat-mdc-dialog-container .mdc-dialog__container .mdc-dialog__surface h3 {
  font-size: 15px !important;
  position: initial !important;
  transform: none !important;
  white-space: pre;
  line-height: 22px;
}

/************/
/****** Header Component *****/
.main-header .main-nav .links-menu li a .links-icon g g {
  fill: #5c636c;
}
.main-header .main-nav .links-menu li a:hover .links-icon g g {
  fill: #24c4c8;
}
.main-header .main-nav .links-menu li.active .links-icon g g {
  fill: #24c4c8 !important;
}

/************/
/****** New User Component *****/
.new-user .column.membership .dropdown input {
  width: 471px;
}
.new-user .column.membership .dropdown .dropdown-icon {
  right: 38px;
}
.new-user .column.membership .dropdown .select-dropdown {
  width: 94%;
}
.new-user .short .fieldLong {
  width: 100%;
}
.new-user .mat-mdc-radio-button .mdc-label {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #16171a;
}
.new-user .wrapperDealId input,
.new-user .wrapperNumberSurveys input {
  width: 471px;
}

/************/
/****** Manage Program Component *****/
.manage-program .delete-program-tooltip {
  min-width: 329px;
  transform: translate(50px, 10px) !important;
}

/* Program Info */
.new-programInfo .add-program .PNTitle .titleT {
  margin-bottom: 5px;
}
.new-programInfo .add-tools .nameTool .titleT {
  margin-bottom: 5px;
}

/******/
/************/
/****** Report List Component *****/
.portfolio-list-tooltip {
  min-width: 255px !important;
  position: relative !important;
  overflow: visible !important;
  transform: translate(1px, 8px) !important;
}
.portfolio-list-tooltip::after {
  width: 0;
  height: 0;
  content: "";
  left: calc(0% - 0.6rem);
  top: calc(40% - 0.25rem);
  position: absolute !important;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid rgba(0, 0, 0, 0.5490196078);
  border-style: solid;
  border-color: transparent transparent #16171a transparent;
  z-index: 1;
  transform: rotate(270deg);
}

/************/
/****** Career Details Component *****/
.internship-tooltip {
  left: 1200px;
  top: -50px;
  background-color: #43474f;
  position: relative;
  word-wrap: break-word;
  hyphens: auto;
  overflow-wrap: break-word;
  min-width: 95%;
  width: 100%;
  opacity: 0.99;
}
.internship-tooltip:after {
  content: " ";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(67, 71, 79, 0.97);
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}

.career-knowledge-tooltip {
  text-align: center;
  background-color: #43474f;
  word-wrap: break-word;
  hyphens: auto;
  overflow-wrap: break-word;
  min-width: 250px;
  width: 100%;
  opacity: 0.99;
}

/************/
/****** Internship Component *****/
.internship-tooltip {
  left: -120px;
  top: -50px;
  background-color: #43474f;
  position: relative;
  word-wrap: break-word;
  hyphens: auto;
  overflow-wrap: break-word;
  min-width: 95%;
  width: 100%;
  opacity: 0.99;
}
.internship-tooltip:after {
  content: " ";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(67, 71, 79, 0.97);
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}

/************/
/****** Need Impact *****/
.impact .active-tools .close-icon .icon-close {
  top: 0 !important;
  right: 0 !important;
}

/************/
/****** Report Tab Switcher Component *****/
.hover-tabs-tooltip {
  max-width: unset !important;
}

/************/
/****** Report Top Bar Component *****/
.top-nav .report-download .report-download-wrapper:hover .icon-download-report path {
  fill: #43474f;
}
.top-nav .report-download.disabled .report-download-wrapper .icon-download-report path {
  fill: #b1b7c0;
}

.selections-tooltip {
  max-width: 208px !important;
}

.portfolio-filters-column mat-icon {
  overflow: visible;
}

/************/
/****** Subscription Component *****/
.new-flow-section.subscriptions .details .wrapperCol .fieldLong {
  width: 478px;
}
.new-flow-section.subscriptions .mat-radio-button .mat-radio-label-content {
  font-weight: 600;
  font-size: 15px;
  color: #16171a;
}
.new-flow-section.subscriptions .mat-mdc-form-field-infix {
  background-color: #faf9f9 !important;
}

/************/
/****** Legend Component *****/
.legend .hover-tooltip {
  background-color: #43474f;
  position: relative;
  left: -10%;
  min-width: 95%;
  width: 100%;
  opacity: 0.99;
}
.legend .hover-tooltip:after {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid rgba(67, 71, 79, 0.97);
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}

/************/
/****** Portfolio Filter Component *****/
.title-tooltip {
  min-width: 230px !important;
  transform: translate(1px, 8px) !important;
  position: relative !important;
  overflow: visible !important;
  margin-left: 0.4rem;
  padding-left: 0.8rem;
}
.title-tooltip::after {
  width: 0;
  height: 0;
  content: "";
  left: calc(0% - 0.6rem);
  top: calc(47% - 0.25rem);
  position: absolute !important;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid rgba(0, 0, 0, 0.5490196078);
  border-style: solid;
  border-color: transparent transparent #16171a transparent;
  z-index: 1;
  transform: rotate(270deg);
}

.portfolio-view .portfolio-list-tooltip-type {
  min-width: 300px !important;
}
.portfolio-view .portfolio-list-tooltip-type::first-letter {
  text-transform: uppercase;
}
.portfolio-view .dashboard-tooltip {
  transform: translate(30px, 0px) !important;
}
.portfolio-view .initiative-tooltip {
  position: relative !important;
  overflow: visible !important;
}
.portfolio-view .initiative-tooltip::after {
  width: 0;
  height: 0;
  content: "";
  left: calc(0% - 0.6rem);
  top: calc(40% - 0.25rem);
  position: absolute !important;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid rgba(0, 0, 0, 0.5490196078);
  border-style: solid;
  border-color: transparent transparent #16171a transparent;
  z-index: 1;
  transform: rotate(270deg);
}

/************/
.new-flow-section.subscriptions .close-component .icon-close:hover path,
.new-user .close-component .icon-close:hover path {
  fill: #ff246d;
}

.mat-icon {
  overflow: unset !important;
}

.mat-mdc-form-field-input-control {
  letter-spacing: normal !important;
}

.loading.programs {
  top: 100px;
  position: absolute;
  left: 50%;
}

.menu-dropdown-selector.rotate svg {
  transform: rotate(180deg);
  top: 5%;
}

.group-card__group-info .group-info__manage-group-icon svg path {
  fill: #86909e;
}
.group-card__group-info .group-info__manage-group-icon:hover svg path {
  fill: #fff;
}
.group-card__group-info .group-info__title-main .titleT {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
}
.group-card__group-info .group-info__title .titleT {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 330px;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__manage-surveys-admin:hover svg path {
  stroke: #fff;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name svg {
  width: 20px;
  height: 20px;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name .color1 svg path {
  fill: #6362d6;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name .color2 svg path {
  fill: #b15dcb;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name .color3 svg path {
  fill: #00ca8e;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name .color4 svg path {
  fill: #0396ff;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name .color5 svg path {
  fill: #9949ff;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name .color6 svg path {
  fill: #91ca2e;
}
.group-card__survey-admins .survey-admins__wrapper .wrapper__icon-name .icon-name__title .titleT {
  margin-bottom: 0;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__collection-summary-icon {
  position: relative;
  left: -7px;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__collection-summary-icon.checkin {
  left: 0px;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__collection-summary-icon.purple svg path {
  fill: #6362d6;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__collection-summary-icon.magenta svg path {
  fill: #b15dcb;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target .mat-icon {
  width: 16px;
  height: 16px;
  top: -1px;
  position: relative;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target .mat-icon svg {
  width: 16px;
  height: 16px;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target .mat-icon.target-not-calculated.white svg circle {
  stroke: #fff;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target .mat-icon.target-not-calculated.white svg rect {
  fill: #fff;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target .mat-icon.target-met-finished.white svg path {
  fill: #fff;
  stroke: #fff;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target .mat-icon.target-met-finished.white svg circle {
  stroke: #fff;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target.orange .target-not-met.white svg path:nth-of-type(2),
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target.orange .target-not-met.white svg path:nth-of-type(4) {
  fill: #fea424;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__target.orange .target-not-met.white svg rect {
  fill: #fea424;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon svg {
  width: 16px;
  height: 16px;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-met-finished.green svg path {
  fill: #00ca8e;
  stroke: #00ca8e;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-met-finished.green svg circle {
  stroke: #00ca8e;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-met-finished.magenta svg path {
  fill: #b15dcb;
  stroke: #b15dcb;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-met-finished.magenta svg circle {
  stroke: #b15dcb;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-met-finished.white svg path {
  fill: #fff;
  stroke: #fff;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-met-finished.white svg circle {
  stroke: #fff;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-not-met.orange svg path:nth-of-type(2),
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-not-met.orange svg path:nth-of-type(4) {
  fill: #faf9f9;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-not-met.orange svg path:nth-of-type(1),
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-not-met.orange svg path:nth-of-type(3) {
  fill: #fea424;
}
.group-card__survey-admins .survey-admins__collection-summary .pre__wrapper .wrapper__days-until .mat-icon.target-not-met.orange svg rect {
  fill: #faf9f9;
}
.group-card__survey-admins .survey-admins__collection-summary .post__collection-summary-icon.green svg path {
  fill: #00ca8e;
}

.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .planned-survey-date {
  width: 28px;
  height: 28px;
}
.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .planned-survey-date svg {
  width: 28px;
  height: 28px;
}
.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .planned-survey-date.Post svg circle {
  fill: #d9f7ee;
}
.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .planned-survey-date.Post svg path {
  stroke: #00ca8e;
}
.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .planned-survey-date.Check-In svg circle {
  fill: #eadcf3;
}
.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .planned-survey-date.Check-In svg path {
  stroke: #b15dcb;
}
.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .survey-date-wrapper__date-main .survey-date-title .titleT {
  margin-bottom: 3px;
}
.group-box__wrapper .responses__collection-info .collection-info__survey-date-wrapper .survey-date-wrapper__date-main .survey-date-info .titleT {
  margin-bottom: 0px;
}
.group-box__wrapper .responses__collection-info .bar-message mat-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.group-box__wrapper .responses__collection-info .bar-message mat-icon.target-not-met-icon.orange svg path:nth-child(1),
.group-box__wrapper .responses__collection-info .bar-message mat-icon.target-not-met-icon.orange svg path:nth-child(3) {
  fill: #fea424;
}
.group-box__wrapper .responses__collection-info .bar-message mat-icon.warning-triangle.red svg path {
  fill: #ff246d;
}
.group-box__wrapper .responses__collection-info .bar-message mat-icon.purple svg path {
  fill: #6362d6;
}
.group-box__wrapper .responses__collection-info .bar-message mat-icon.magenta svg path {
  fill: #b15dcb;
}
.group-box__wrapper .responses__collection-info .bar-message mat-icon.green svg path {
  fill: #00ca8e;
}
.group-box__wrapper .responses__collection-info .list-responses button {
  margin: 37px auto 0 auto;
}
.group-box__wrapper .responses__collection-info .list-responses.valid-responses button {
  margin: 22px auto 0 auto;
}
.group-box__wrapper .tag-responses .titleTT {
  font-variant: small-caps;
}
.group-box__wrapper .tag-responses--magenta .icon svg path {
  fill: #b15dcb !important;
}
.group-box__wrapper .tag-responses--magenta .wrapperTT {
  background-color: #f4edf9 !important;
}
.group-box__wrapper .tag-responses--magenta .titleTT {
  color: #b15dcb !important;
}
.group-box__wrapper .tag-responses--green .icon svg path {
  fill: #00ca8e !important;
}
.group-box__wrapper .tag-responses--green .wrapperTT {
  background-color: #ecfbf6 !important;
}
.group-box__wrapper .tag-responses--green .titleTT {
  color: #00ca8e !important;
}
.group-box__wrapper .tag-responses--purple .icon svg path {
  fill: #6362d6 !important;
}
.group-box__wrapper .tag-responses--purple .wrapperTT {
  background-color: #f2f2fb !important;
}
.group-box__wrapper .tag-responses--purple .titleTT {
  color: #6362d6 !important;
}
.group-box__wrapper .tag-responses--orange .icon svg path {
  fill: #fea424 !important;
}
.group-box__wrapper .tag-responses--orange .wrapperTT {
  background-color: #fef6e9 !important;
}
.group-box__wrapper .tag-responses--orange .titleTT {
  color: #e59118 !important;
}
.group-box__wrapper .tag-responses--red .icon svg path {
  fill: #ff246d !important;
}
.group-box__wrapper .tag-responses--red .wrapperTT {
  background-color: #fff0f5 !important;
}
.group-box__wrapper .tag-responses--red .titleTT {
  color: #ff246d !important;
}
.group-box__wrapper .tag-responses--gray .wrapperTT {
  background-color: #e8eaeb !important;
}
.group-box__send-details__button .email-icon--post svg path {
  stroke: #d9f7ee;
}
.group-box__send-details__button .email-icon--pre svg path {
  stroke: #e5e5f8;
}
.group-box__send-details__button .email-icon--checkin svg path {
  stroke: #eadcf3;
}
.group-box__send-details__button--disabled .email-icon svg path {
  stroke: #86909e;
}

.survey-admin-notifications__col1 .col1__name-survey-admin .titleT {
  margin-bottom: 2px;
}
.survey-admin-notifications__col1 .col1__email-survey-admin .titleT {
  margin-bottom: 0px;
}
.survey-admin-notifications__col2 .col2__email-notification .titleT {
  margin-bottom: 0px;
}
.survey-admin-notifications__col3 .col3__remove-survey-admins:hover .icon-close svg g path:nth-child(2) {
  fill: #ff246d;
}

.modal__wrapper-survey-admins .wrapper__content .content__col1 .col1__info-group .info-group__title .titleT {
  font-variant: small-caps;
  margin-bottom: 1px;
  text-transform: lowercase;
}
.modal__wrapper-survey-admins .wrapper__content .content__col2 .col2__field-margin input {
  margin-bottom: 12px;
}
.modal__wrapper-survey-admins .wrapper__content .content__col2 .col2__button-add button {
  margin: 20px auto 0 auto;
}

.send-email-survey-admin-tooltip {
  left: 85%;
  top: 0px;
  position: relative;
  max-width: 243px !important;
}

.remove-survey-admin-tooltip {
  left: 55%;
  top: -3px;
  position: relative;
  max-width: 243px !important;
}

.title-tool.site-name .group-info__title .titleT {
  margin-bottom: 0;
  width: auto;
  max-width: 319px;
  font-variant: all-small-caps;
}

.title-tool.group-participants .group-info__title .titleT {
  margin-bottom: 0;
}

.title-tool.date .group-info__title .titleT {
  margin-bottom: 7px;
  line-height: 16px;
}

.collection-progress-title {
  display: flex;
}
.collection-progress-title .titleT {
  padding: 4.5px 10px;
  border-radius: 8px;
}
.collection-progress-title.pre .titleT {
  background-color: #6362d6;
}
.collection-progress-title.post .titleT {
  background-color: #00ca8e;
}
.collection-progress-title.checkin .titleT {
  background-color: #b15dcb;
}

.no-survey-admins__text .name-tool-component .titleT {
  margin-bottom: 0px;
}

.search-bar-wrapper .search-bar-wrapper__box2 .input-search-bar .search-input {
  margin-bottom: 0px;
}

.continueBtn.white:not(.disabled):hover .book-img svg path {
  fill: #fff;
}

.account-management .org-leaders.member .infoM .rightSide {
  border-radius: 6px;
  border: 1px solid #e8eaeb;
}

.setupAccountOl .form-wrapper .warningInput input.fieldMedium,
.setupAccountOl .login-wrapper .warningInput input.fieldMedium,
.login .form-wrapper .warningInput input.fieldMedium,
.login .login-wrapper .warningInput input.fieldMedium,
.reset-password .form-wrapper .warningInput input.fieldMedium,
.reset-password .login-wrapper .warningInput input.fieldMedium {
  margin-bottom: 6px !important;
}
.setupAccountOl .form-wrapper .warningInput .warningWrapper,
.setupAccountOl .login-wrapper .warningInput .warningWrapper,
.login .form-wrapper .warningInput .warningWrapper,
.login .login-wrapper .warningInput .warningWrapper,
.reset-password .form-wrapper .warningInput .warningWrapper,
.reset-password .login-wrapper .warningInput .warningWrapper {
  margin-bottom: 20px !important;
}
.setupAccountOl .input-other input.fieldMedium,
.login .input-other input.fieldMedium,
.reset-password .input-other input.fieldMedium {
  margin-top: 4px;
  margin-bottom: 0px !important;
}
.setupAccountOl input.fieldMedium,
.login input.fieldMedium,
.reset-password input.fieldMedium {
  margin-bottom: 20px !important;
}

.select-function {
  width: 350px;
  height: 44px;
  background: #fff;
  display: flex;
  align-items: center;
  position: relative;
}
.select-function .mat-mdc-text-field-wrapper {
  border: 1px solid #e8eaeb;
  border-radius: 6px;
}
.select-function.warning-style .mat-mdc-text-field-wrapper {
  border: 1px solid #ff246d;
}
.select-function .mat-mdc-form-field-wrapper {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.select-function .mat-mdc-form-field-flex {
  height: 100%;
  align-items: center;
}
.select-function .mat-mdc-form-field-infix {
  padding: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.select-function .mat-mdc-select {
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 14px;
}
.select-function .select-function-label {
  color: #86909e;
  font-family: "work-sans", sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 16px;
  padding-left: 14px;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  letter-spacing: 0px;
}
.select-function .mat-select-arrow {
  margin-right: 10px;
}
.select-function .mat-mdc-select-value-text {
  color: #16171a;
  font-family: "work-sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
.select-function .mat-mdc-select-arrow-wrapper {
  display: none;
}
.select-function .custom-arrow {
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  pointer-events: none;
}
.select-function .custom-arrow.rotated {
  transform: translateY(-50%) rotate(180deg);
}
.select-function .mdc-floating-label--float-above {
  transform: translateY(-50%) scale(1) !important;
}

.mat-mdc-select-panel .mat-mdc-option.select-function-option.mat-mdc-option-active.mdc-list-item {
  background-color: rgba(29, 27, 32, 0.08) !important;
}
.mat-mdc-select-panel .mat-mdc-option.select-function-option .mdc-list-item__primary-text {
  color: #1d1b20;
  font-family: "work-sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.5px;
}
.mat-mdc-select-panel .mat-mdc-option.select-function-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #6362d6;
}

.snackbar-resend {
  position: absolute !important;
  top: 400px !important;
}
.snackbar-resend .mdc-snackbar__surface {
  background-color: #16171a !important;
  border-radius: 8px !important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08) !important;
}
.snackbar-resend .mdc-snackbar__label {
  color: #fff !important;
  font-family: "work-sans", sans-serif !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
}
.snackbar-resend .mat-mdc-snack-bar-action .mdc-button__label {
  color: transparent;
  width: 18px;
  height: 18px;
  background: url('icon-close-snackbar.svg') no-repeat center center;
  background-size: contain;
}

.btn-cancel-password .btnShort,
.btn-save-password .btnShort {
  margin-left: 0px !important;
}

.mat-mdc-progress-spinner circle,
.mat-mdc-spinner circle {
  stroke: #fff !important;
}

.impact-summaries-list-header-col2 .impact-summaries-list-header-icon,
.impact-summaries-list-header-col3 .impact-summaries-list-header-icon {
  width: 15px !important;
  height: 15px !important;
}
.impact-summaries-list-header-col2 .impact-summaries-list-header-icon svg,
.impact-summaries-list-header-col3 .impact-summaries-list-header-icon svg {
  width: 15px !important;
  height: 15px !important;
}
.impact-summaries-list-header-col2 .impact-summaries-list-header-icon svg path,
.impact-summaries-list-header-col3 .impact-summaries-list-header-icon svg path {
  fill: #86909e;
}
.impact-summaries-list-header-col2 .impact-summaries-list-header-icon.hovered svg path,
.impact-summaries-list-header-col3 .impact-summaries-list-header-icon.hovered svg path {
  fill: #0396ff;
}

/****** Impact Summaries *****/
.impact-summaries-invite__form-panel .btnShort {
  margin-left: 0 !important;
  width: 250px;
  display: flex;
  justify-content: center;
}
.impact-summaries-invite__form-panel .btnShort:hover:not(.disabled) {
  box-shadow: none !important;
}
.impact-summaries-invite__form-panel .btnShort:hover:not(.disabled) span {
  color: #ffffff !important;
}
.impact-summaries-invite__form-panel .btnShort.disabled {
  background-color: #f3f2f1 !important;
  border-color: #f3f2f1 !important;
  cursor: not-allowed;
  pointer-events: none;
}
.impact-summaries-invite__form-panel .btnShort.disabled span {
  color: #86909e !important;
}

.impact-summaries-invite__form-job-role .field-wrapper-medium {
  display: none;
}

.snackbar-below-element .mdc-snackbar__surface {
  min-width: auto !important;
  padding: 0 !important;
}
.snackbar-below-element .mdc-snackbar__surface .mat-mdc-snack-bar-label {
  padding: 0 !important;
}

.impact-summaries-info__content-box-button .btnShort {
  margin-left: 0 !important;
}

/************/
/****** Unsubscribe *****/
.unsubscribe-card .fieldMedium,
.unsubscribe-card .continueBtn,
.unsubscribe-card .btn-content {
  max-width: 100% !important;
}

.custom-snackbar-success,
.custom-snackbar-error {
  margin: 0 0 70px 0 !important;
}
.custom-snackbar-success .mdc-snackbar__surface,
.custom-snackbar-error .mdc-snackbar__surface {
  padding: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08) !important;
}
.custom-snackbar-success .mdc-snackbar__surface .mat-mdc-snack-bar-label,
.custom-snackbar-error .mdc-snackbar__surface .mat-mdc-snack-bar-label {
  padding: 0 !important;
}

/************/
html {
  --mdc-plain-tooltip-supporting-text-tracking: 0px;
}

.switcherTopBar.mat-disabled .mat-slide-toggle-bar {
  background-color: #86909e;
}

.mat-slide-toggle-thumb-container {
  transition: all 0.1s cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
}
.mat-slide-toggle-thumb-container:hover {
  cursor: pointer;
}
.mat-slide-toggle-thumb-container:active {
  cursor: pointer !important;
}

.mat-mdc-slide-toggle.mat-checked .mat-ripple-element {
  background-color: transparent;
}

.mat-mdc-tooltip {
  font: 500 14px "work-sans", sans-serif;
  line-height: 16px;
  border-radius: 6px !important;
  background-color: #16171a;
  padding: 8px 10px;
}
.mat-mdc-tooltip.btn-tooltip {
  margin: 0 0 20px !important;
}
.mat-mdc-tooltip.centered {
  text-align: center !important;
}
.mat-mdc-tooltip.dashboard-tooltip {
  margin: 0 0 8px !important;
}
.mat-mdc-tooltip.dashboard-tooltip-fw {
  margin: 0 0 8px !important;
  max-width: 100% !important;
}
.mat-mdc-tooltip.wider-tooltip {
  width: 100% !important;
  max-width: 265px !important;
}
.mat-mdc-tooltip.html-tooltip {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.3px;
  max-width: 265px !important;
  white-space: pre-line;
}
.mat-mdc-tooltip.html-tooltip.purple {
  color: #a1a1e6;
}
.mat-mdc-tooltip.html-tooltip.magenta {
  color: #cb9ade;
}
.mat-mdc-tooltip.html-tooltip.blue {
  color: #7edbde;
}
.mat-mdc-tooltip.html-tooltip::first-line {
  color: #fff;
}
.mat-mdc-tooltip.res-tooltip {
  margin: 0 0 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}
.mat-mdc-tooltip.res-tooltip.fixed-width {
  max-width: 206px !important;
}
.mat-mdc-tooltip.green {
  background-color: #00ca8e;
}
.mat-mdc-tooltip.all-sites-tooltip {
  position: relative;
  max-width: 280px !important;
  left: 42% !important;
}

.mat-mdc-progress-spinner circle,
.mat-mdc-progress-spinner circle {
  stroke: #6362d6;
}

.mat-accent.mat-radio-checked .mdc-radio__outer-circle {
  border-color: #21a7ab !important;
  border-width: 2px;
}

.mat-accent.mat-radio-checked .mat-radio-label:hover .mdc-radio__outer-circle-circle {
  background-color: #fff;
}

.mat-accent.mat-radio-checked .mdc-radio__inner-circle {
  background-color: #21a7ab;
}

.mat-slide-toggle-thumb {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}

.mdc-text-field--filled {
  background-color: white !important;
}

.mdc-text-field {
  padding: 0 !important;
}
.mdc-text-field:hover {
  background-color: white !important;
}

.mdc-text-field--filled {
  --mdc-filled-text-field-active-indicator-height: 0px !important;
}
.mdc-text-field--filled:hover {
  --mdc-filled-text-field-active-indicator-height: 0px !important;
}

.mat-mdc-form-field-flex:hover {
  background-color: #fff !important;
}

.mat-mdc-form-field-infix {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-color: #fff !important;
}
.mat-mdc-form-field-infix:hover {
  background-color: #fff;
}

.mdc-line-ripple--active {
  border: none !important;
}
.mdc-line-ripple--active::after {
  content: none !important;
}
.mdc-line-ripple--active::before {
  content: none !important;
}

.mat-mdc-form-field-subscript-wrapper {
  position: absolute !important;
  width: 0px !important;
}

.mdc-tooltip__surface {
  display: contents !important;
}

.mdc-tooltip__surface-animation {
  background: none !important;
  font: 500 14px "work-sans", sans-serif !important;
  line-height: 16px !important;
  border-radius: 8px !important;
}

.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: #21a7ab !important;
  border-width: 2px !important;
}
.mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: #21a7ab !important;
}

.mat-mdc-radio-button .mdc-radio {
  padding: calc((var(--mdc-radio-state-layer-size) - 31px) / 2) !important;
}

.mdc-form-field > label {
  font-weight: 500 !important;
  font-size: 15px !important;
}

.mdc-label:hover {
  color: #21a7ab;
  cursor: pointer;
}

.mat-mdc-radio-button .mdc-radio:hover .mdc-radio__native-control:not([disabled]):not(:focus) ~ .mdc-radio__background::before {
  content: none;
}

.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background::before {
  background-color: transparent !important;
}

.mat-mdc-radio-button.cdk-mouse-focused .mdc-radio__background::before {
  background-color: transparent !important;
}

.mdc-radio__outer-circle {
  border-color: #24c4c8 !important;
  border-width: 2px !important;
  background: white;
}

.mat-mdc-radio-button:not(.mat-mdc-radio-checked) .mdc-radio:hover .mdc-radio__outer-circle {
  background-color: #fff !important;
  border-color: #21a7ab !important;
  border-width: 2px !important;
}

.mat-mdc-radio-button.mat-accent.mat-radio-checked .mdc-radio__outer-circle {
  border-color: #21a7ab;
}

.mat-ripple-element {
  background-color: transparent !important;
  opacity: 0 !important;
}

.mat-mdc-radio-button.mat-accent .mdc-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: #24c4c8;
}

.mat-mdc-radio-button:not(.mat-mdc-radio-checked):hover .mdc-radio__outer-circle {
  background-color: #dcf5f6 !important;
  border-color: #21a7ab !important;
}
.mat-mdc-radio-button:not(.mat-mdc-radio-checked) .mdc-radio:hover .mdc-radio__outer-circle {
  background-color: #dcf5f6 !important;
}

html {
  --mat-datepicker-calendar-date-focus-state-background-color: white !important;
  --mdc-filled-text-field-input-text-placeholder-color: #86909e !important;
}

.mat-calendar-body-selected {
  background-color: #2fc7cb !important;
  color: #fff !important;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: #f3f2f1 !important;
}

mat-calendar.mat-calendar {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #e8eaeb;
  border-radius: 6px;
  background-color: #ffffff;
}
mat-calendar.mat-calendar span.mdc-button__label,
mat-calendar.mat-calendar .mat-calendar-body-label,
mat-calendar.mat-calendar .mat-calendar-table-header th,
mat-calendar.mat-calendar .mat-calendar-body-cell-content {
  font-family: work-sans;
  color: #43474f;
}
mat-calendar.mat-calendar span.mdc-button__label,
mat-calendar.mat-calendar .mat-calendar-body-label {
  font-size: 14px;
  font-weight: 600;
}
mat-calendar.mat-calendar span.mdc-button__label {
  line-height: 16px;
}
mat-calendar.mat-calendar .mat-calendar-table-header tr:first-child th {
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
}
mat-calendar.mat-calendar .mat-calendar-body-cell-content {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
}
mat-calendar.mat-calendar .mat-calendar-body-cell-content.mat-calendar-body-today {
  border: 1px solid #b1b7c0;
}
mat-calendar.mat-calendar .mat-calendar-controls .mat-calendar-previous-button:hover,
mat-calendar.mat-calendar .mat-calendar-controls .mat-calendar-next-button:hover {
  background-color: #86909e;
}

.mat-calendar .mat-mdc-button {
  width: inherit;
}
.mat-calendar .mat-mdc-button:hover {
  background: 0 0;
  color: inherit;
}
.mat-calendar table thead tr td,
.mat-calendar table thead tr th,
.mat-calendar table tr td,
.mat-calendar table tr th {
  color: inherit;
}
.mat-calendar table thead {
  background-color: inherit;
}
.mat-calendar table {
  border: inherit;
  background: inherit;
}

/*************************
 * Report (Please place all report SASS in /report)
 *************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "work-sans", sans-serif;
  color: #16171a;
  padding: 0;
  margin: 0;
  line-height: 1;
}

h2 {
  font-size: 2.25em;
  font-weight: 900;
}

p,
pre {
  font-family: "work-sans", sans-serif;
  margin-bottom: 1.5em;
  line-height: 1.5;
  color: #16171a;
}

p:last-child,
pre {
  margin-bottom: 0;
}

pre {
  white-space: pre-wrap;
}

a {
  transition: 0.3s;
}

strong {
  font-weight: 800;
}

main:hover, main:active, main:focus {
  outline: 0;
}

.basicReport .section-title h2 {
  text-align: left;
  width: 600px;
  margin: 0 auto 4px;
}
.basicReport #learning_preferences .section-title h2 {
  text-align: left !important;
  margin: 0 auto 4px;
}
.basicReport #learning_preferences .section-description {
  margin-bottom: 6px;
}
.basicReport #learning_preferences .preference-pre-details {
  margin-top: 45px;
}
.basicReport #social_capital .section-description {
  margin-bottom: 6px;
}
.basicReport #youth_engagement .section-title h2 {
  text-align: left !important;
  margin: 0 auto 4px;
}
.basicReport #youth_engagement .section-description {
  margin-bottom: 6px;
}
.basicReport #youth_engagement .experience-doughnut-charts {
  margin-top: 60px;
}
.basicReport #civic_engagement .section-description {
  margin-bottom: 0px;
}
.basicReport #civic_engagement .main-chart yla-charts {
  margin-top: 60px;
}
.basicReport .overview .section-title {
  margin-bottom: 0px !important;
}
.basicReport .overview .section-title h2 {
  margin: 0 auto 25px !important;
}
.basicReport .internship-experience .section-title {
  margin-bottom: 0px !important;
}
.basicReport .internship-experience .section-title .section-title-heading {
  margin: 0 auto 4px !important;
}
.basicReport #college_readiness_skills .section-title h2 {
  text-align: left !important;
  margin: 0 auto 4px;
}
.basicReport #career_knowledge_skills .section-description {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.basicReport #career_knowledge_skills .main-chart {
  margin-top: 110px;
}
.basicReport #experiences .section-title h2 {
  text-align: left !important;
  margin: 0 auto 4px;
}
.basicReport #experiences .section-description {
  margin-bottom: 6px;
}
.basicReport #experiences .experiences-container {
  margin-top: 54px;
}
.basicReport #need_impact .section-description {
  margin-bottom: 6px;
}
.basicReport #need_impact .active-tools {
  margin-top: 54px;
}
.basicReport #capacities .assets-diagram {
  margin: 60px auto 0;
}
.basicReport #benchmarks .sel-conclusion {
  margin-top: 35px;
}

.section-title {
  display: flex;
  flex-direction: column;
}
.section-title h2,
.section-title .section-title-heading {
  text-align: center;
  font-weight: 900;
  margin: 0 auto 25px;
  line-height: 40px;
  position: relative;
}
.section-title .section-title-underline {
  display: block;
  height: 4px;
  width: 100px;
  margin: 10px auto 25px;
  background-color: #43474f;
}
.section-title .more-info-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.section-title .more-info-icon.open {
  width: 16px;
  height: 16px;
  left: -24px;
}
.section-title .more-info-icon.open:hover svg circle,
.section-title .more-info-icon.open:hover svg #path1 {
  stroke: #16171a;
}
.section-title .more-info-icon.open:hover svg #path2 {
  fill: #16171a;
}
.section-title .more-info-icon.close {
  width: 12px;
  height: 12px;
  left: -22px;
}
.section-title .more-info-icon.close:hover svg path:nth-child(2) {
  fill: #16171a;
}
.section-title .more-info-icon.arrow:after {
  content: "";
  position: absolute;
  bottom: -65px;
  transform: translateX(-50%) rotate(45deg);
  height: 20px;
  width: 20px;
  background-color: #faf9f9;
  border-top: 1px solid #e8eaeb;
  border-left: 1px solid #e8eaeb;
  right: -14px;
}
.section-title .more-info-icon:hover {
  cursor: pointer;
  outline: 0;
}
.section-title .more-info-icon:focus {
  outline: 0;
}

.section-subtitle h3 {
  text-align: center;
  font-weight: 900;
  margin-bottom: 55px;
}

text {
  font-family: "work-sans", sans-serif;
  fill: #43474f !important;
  font-weight: 600;
}

.section-tabs {
  display: flex;
  justify-content: center;
  margin: 0 auto 31px;
}
.section-tabs .tab {
  font-weight: 600;
  color: #86909e;
  text-align: center;
  opacity: 0.5;
  text-transform: uppercase;
  transition: 0.3s;
  margin-right: 22.5px;
  margin-left: 22.5px;
}
.section-tabs .tab:hover {
  cursor: pointer;
  opacity: 1;
}
.section-tabs .inner-tab {
  margin-left: 15px;
  margin-right: 15px;
}
.section-tabs .active {
  color: #43474f;
  opacity: 1;
}
.section-tabs .active span {
  position: relative;
}
.section-tabs .active span:after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  background-color: #24c4c8;
}

.section-description p,
.section-description pre {
  display: block;
  font-size: 16px;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 1.5em;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.19px;
}

.section-description p:last-child,
.section-description pre:last-child {
  margin: 0 auto;
}

.hidden {
  display: none !important;
}

.add-opacity {
  opacity: 0 !important;
}

.overlay-active,
.overlay-inactive {
  transition: all 0.2s linear;
}

.overlay-active {
  opacity: 0.5;
}
.overlay-active.black-overlay {
  opacity: 1;
  background-color: #16171a;
}
.overlay-active.fixed-overlay {
  height: 100vh;
}
.overlay-active.extra-margin {
  padding-top: 11.5rem;
}

.overlay-inactive {
  opacity: 1;
}

button {
  font-family: "work-sans", sans-serif;
}

#main {
  position: relative;
}

.select-report,
.no-report {
  position: relative;
  height: calc(100vh - 6rem - 50px - 63px);
  width: 100%;
}
.select-report h3,
.no-report h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  text-align: center;
  line-height: 1.7;
  opacity: 0.6;
}

.loading-report {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mobile-label {
  display: none;
}

.user-scrolled-down .report-header {
  top: 0 !important;
  transition: 0s;
  z-index: 100;
}

#black-header {
  transition: 0.5s;
}

.hide-nav {
  z-index: -1 !important;
}

.divider-line:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  background-color: #e8eaeb;
}

.shared-report-top .top-fix,
.shared-report-top .introduction {
  padding-top: 5px !important;
}

/*************************
 *  Introduction
 *************************/
.introduction {
  color: #43474f;
  background-color: #fff;
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 85px;
  position: relative;
}
.introduction .introduction-wrapper {
  display: flex;
  margin: 0 auto;
  max-width: 1020px;
}
.introduction .loading-content {
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%);
}
.introduction h2 {
  font-size: 20px;
  font-weight: 800;
  color: #24c4c8;
  margin-bottom: 15px;
}
.introduction h3 {
  font-size: 1em;
  font-weight: 600;
  color: #43474f;
  margin-bottom: 4px;
  padding-top: 3px;
  padding-left: 37px;
  height: 25px;
  width: auto;
  white-space: nowrap;
}
.introduction .introduction-side-nav {
  height: auto;
  width: auto;
  margin-top: 0;
  margin-right: 65px;
}
.introduction .introduction-side-nav ul li {
  font-size: 15px;
  font-weight: 500;
  color: #86909e;
  list-style-type: none;
  text-align: center;
  position: relative;
  margin-bottom: 13px;
  padding: 12px 49px;
  transition: 0.3s;
  box-sizing: border-box;
  border-radius: 9px;
  white-space: nowrap;
  border: 1px solid transparent;
}
.introduction .introduction-side-nav ul li:hover {
  cursor: pointer;
}
.introduction .introduction-side-nav ul .active {
  color: #24c4c8;
  border: 1px solid #e8eaeb;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}
.introduction .introduction-text:nth-child(2) {
  height: auto;
  width: 75%;
}
.introduction .introduction-text {
  height: auto;
  width: 100%;
  position: relative;
  font-size: 1em;
  color: #43474f;
}
.introduction .introduction-text p,
.introduction .introduction-text pre {
  line-height: 1.5em;
}
.introduction .sel-capacities {
  height: auto;
  width: 100%;
}
.introduction .capacity-icons {
  position: absolute;
  top: 12px;
  left: 12px;
  transform: translate(-50%, -50%);
  height: 18px;
  min-height: auto;
  min-width: auto;
}
.introduction .capacity-icons.bigger {
  height: 22px;
}
.introduction .yd-practices {
  height: auto;
  width: 100%;
  position: relative;
}
.introduction .flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 0;
}
.introduction .no-margin {
  margin-top: 0;
}
.introduction .capacity {
  height: auto;
  width: 33.33333333%;
  color: #767987;
  margin: 0;
  padding: 0 42px 50px 0;
  position: relative;
  width: 50%;
}
.introduction .capacity p {
  font-size: 14px;
  padding: 0 0 0 37px;
  margin: 0;
}
.introduction .sel-capacities .capacity:nth-child(3n) {
  padding-right: 0;
}
.introduction .yd-practices .capacity:nth-child(2n) {
  padding-right: 0;
}
.introduction .practices-row {
  width: 50%;
  margin: 0;
  padding: 0 30px 50px 0;
}
.introduction .offset-2 {
  width: 75%;
  margin-right: 65px;
}
.introduction .offset-1 {
  width: 25%;
}
.introduction .offset-1 img {
  margin-top: 15px;
}
.introduction .img-caption {
  display: block;
  margin-top: 30px;
  font-size: 0.875em;
  font-weight: 600;
  color: #24c4c8;
  text-align: center;
}
.introduction .how-to-use {
  display: flex;
  margin-top: 50px;
  margin-left: 30px;
}
.introduction .img {
  margin-right: 45px;
}
.introduction .learn-more {
  margin-top: 10px;
}
.introduction .learn-more a {
  color: #24c4c8;
  font-size: 0.875em;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.3s;
}
.introduction .recommendation {
  font-size: 0.875em;
  height: auto;
  width: 320px;
}
.introduction .how-to-use:nth-child(3) {
  margin-left: 30px;
}
.introduction .how-to-use:nth-child(4) {
  margin-left: 147px;
}
.introduction .how-to-use:nth-child(5) {
  margin-left: 273px;
}
.introduction.v2_5 .introduction-wrapper {
  max-width: 964px;
}
.introduction.v2_5 .introduction-side-nav {
  margin-right: 36px;
}
.introduction.v2_5 .introduction-side-nav ul li {
  padding: 12px;
  min-width: 190px;
}
.introduction.v2_5 .introduction-text > h2 {
  padding: 0 24px;
  color: #16171a;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}
.introduction.v2_5 .introduction-text > h2 .tool-icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.introduction.v2_5 .introduction-text > pre {
  padding: 0 24px;
  color: #43474f;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.19px;
  line-height: 23px;
}
.introduction.v2_5 .introduction-text .overall-capacity {
  position: relative;
  margin-top: 32px;
  box-sizing: border-box;
  width: 748px;
  border: 1px solid #f3f2f1;
  border-radius: 4px;
  background-color: #faf9f9;
  padding: 40px 24px;
}
.introduction.v2_5 .introduction-text .overall-capacity:first-child .capacities-container .capacity svg path[fill="#43474F"],
.introduction.v2_5 .introduction-text .overall-capacity:first-child .capacities-container .capacity svg g[fill="#43474F"] > path {
  fill: #b15dcb;
}
.introduction.v2_5 .introduction-text .overall-capacity:first-child .capacities-container .capacity svg circle[stroke="#43474F"] {
  stroke: #b15dcb;
}
.introduction.v2_5 .introduction-text .overall-capacity > h3 {
  color: #43474f;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 19px;
}
.introduction.v2_5 .introduction-text .overall-capacity > p {
  color: #43474f;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}
.introduction.v2_5 .introduction-text .overall-capacity .overall-capacity-line {
  height: 1px;
  background-color: #e8eaeb;
  margin: 28px 46px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container {
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(2, 340px);
  grid-column-gap: 20px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacities-column:last-child .capacity {
  margin-top: 32px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity {
  width: 340px;
  padding: 3px 0 0;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity .capacity-name-line {
  display: flex;
  align-items: center;
  gap: 12px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity .capacity-name-line .capacity-name {
  color: #43474f;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity .capacity-name-line .capacity-icon {
  width: 24px;
  height: 24px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity > p {
  padding: 0;
  margin-top: 6px;
  color: #43474f;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity svg path[fill="#43474F"],
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity svg g[fill="#43474F"] > path {
  fill: #24c4c8;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity svg circle[stroke="#43474F"] {
  stroke: #24c4c8;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity .capacity-icons {
  top: 0;
  left: 0;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity .capacity-line {
  height: 1px;
  background-color: #e8eaeb;
  margin: 24px 12px;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacities-container .capacity:last-child .capacity-line {
  display: none;
}
.introduction.v2_5 .introduction-text .overall-capacity .capacity-icons {
  top: 40px;
  left: 24px;
  height: 24px;
  width: 24px;
  transform: initial;
}
.introduction.v2_5 .introduction-text .experiences .overall-capacity {
  padding: 32px 24px;
}
.introduction.v2_5 .introduction-text .experiences .overall-capacity .capacities-container .capacity svg path[fill="#43474F"],
.introduction.v2_5 .introduction-text .experiences .overall-capacity .capacities-container .capacity svg g[fill="#43474F"] > path {
  fill: #24c4c8;
}
.introduction.v2_5 .introduction-text .experiences .overall-capacity .capacities-container .capacity svg circle[stroke="#43474F"] {
  stroke: #24c4c8;
}
.introduction.v2_5 .introduction-text .experiences .overall-capacity .capacities-container .capacity svg rect[fill="#43474F"] {
  fill: #24c4c8;
}

/*************************
 *  Group Overview
 *************************/
.overview {
  color: #43474f;
  background-color: #fff;
  height: auto;
  width: 100%;
  padding: 85px 0;
  position: relative;
}
.overview .overview-wrapper {
  margin: 0 auto;
  max-width: 1020px;
}
.overview .portfolio-tabs {
  margin-bottom: 45px;
}
.overview .overview-description {
  display: flex;
  justify-content: center;
  margin-bottom: 65px;
}
.overview .overview-description .overview-description-column {
  margin-left: 15%;
  min-width: 40px;
  max-width: 180px;
  line-height: 1em;
}
.overview .overview-description .overview-description-column .main-label,
.overview .overview-description .overview-description-column .sub-label {
  font-family: "work-sans", sans-serif;
  display: block;
  font-weight: 600;
}
.overview .overview-description .overview-description-column .sub-label {
  font-size: 0.9375em;
  font-weight: 800;
  color: #b9bac2;
  text-transform: uppercase;
  margin-bottom: 4px;
  position: relative;
}
.overview .overview-description .overview-description-column .sub-label:after {
  content: "";
  background: url("/src/assets/img/report/overview-flow.svg") no-repeat 50%;
  height: 30px;
  width: 10px;
  margin-right: -80px;
  position: absolute;
  top: 6px;
  right: 0;
}
.overview .overview-description .overview-description-column .main-label {
  font-size: 1.375em;
  color: #43474f;
  line-height: 22px;
}
.overview .overview-description .overview-description-column:last-child .sub-label:after {
  display: none;
}
.overview .overview-description .overview-description-column:nth-child(1) {
  margin-left: 0;
}
.overview .overview-content {
  display: flex;
  justify-content: center;
  height: auto;
  width: 100%;
  margin-bottom: 0;
}
.overview .overview-content .overview-content-img img {
  display: block;
  margin: 0 auto;
}
.overview .overview-content .overview-content-img:nth-child(1n) {
  height: auto;
  width: 45%;
  align-self: center;
}
.overview .overview-content .overview-content-img:nth-child(1) {
  margin-top: 20px;
}
.overview .overview-content .overview-content-img:nth-child(2n) {
  text-align: right;
}
.overview .overview-content .overview-content-timeframe {
  height: auto;
  width: 55%;
}
.overview .overview-content .overview-content-timeframe h3 {
  color: #43474f;
  text-transform: uppercase;
  font-size: 1.125em;
  font-weight: 700;
  margin-bottom: 10px;
}
.overview .overview-content .overview-content-timeframe .timeframe {
  margin: 0 0 35px;
}
.overview .overview-content .overview-content-timeframe .timeframe .timeframe-title {
  font-size: 1.125em;
  color: #43474f;
  font-weight: 600;
  margin-bottom: 2px;
}
.overview .overview-content .overview-content-timeframe .timeframe .timeframe-subtitle {
  font-size: 1.75em;
  color: #24c4c8;
  font-weight: 700;
  margin-bottom: 2px;
  line-height: 1;
}
.overview .overview-content .overview-content-timeframe .timeframe .date {
  text-transform: uppercase;
  font-weight: 800;
}
.overview .overview-content .overview-content-timeframe .timeframe .timeframe-description {
  margin-bottom: 0;
}
.overview .overview-content .overview-content-timeframe .timeframe .timeframe-duration {
  color: #24c4c8;
  font-style: italic;
  font-weight: 600;
  margin: 0;
}
.overview .overview-content .overview-content-timeframe .timeframe:last-child {
  margin-bottom: 0;
}
.overview .overview-content:nth-child(2) {
  margin-bottom: 50px;
}
.overview .change-font-size .overview-description-column .main-label {
  font-size: 1.125em;
}
.overview.portfolio .section-title h2 {
  margin: 0 auto 30px;
}

/*************************
 *  Youth Demographics
 *************************/
.section-description {
  margin-bottom: 55px;
}

.portfolio-tabs {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  margin-bottom: 45px;
}

.donut-column {
  height: auto;
  width: 25%;
  transition: 0.3s;
  position: relative;
  padding: 0 20px;
  text-align: center;
}
.donut-column:not(:last-child)::after {
  content: "";
  background-color: #e8eaeb;
  position: absolute;
  top: 28px;
  right: 0;
  height: 280px;
  width: 1px;
}
.donut-column:nth-child(4n+0)::after {
  display: none;
}

.chart-surveyed .surveyed-icon.hover {
  display: none;
}
.chart-surveyed:hover {
  cursor: pointer;
}
.chart-surveyed:hover text {
  fill: #43474f !important;
}
.chart-surveyed:hover .surveyed-icon.hover {
  display: block;
}
.chart-surveyed .surveyed-text {
  font-size: 12px;
  fill: #86909e !important;
}
.chart-surveyed.orange .surveyed-text {
  fill: #e59118 !important;
}
.chart-surveyed.orange:hover .surveyed-bg {
  fill: rgba(255, 237, 211, 0.45) !important;
}
.chart-surveyed.red .surveyed-text {
  fill: #db1e5e !important;
}
.chart-surveyed.red:hover .surveyed-bg {
  fill: rgba(255, 218, 231, 0.45) !important;
}

.chart-tools text {
  font-size: 12px;
  fill: #86909e !important;
}
.chart-tools:hover {
  cursor: pointer;
}
.chart-tools:hover text {
  fill: #43474f !important;
}
.chart-tools.orange:hover .surveyed-tools {
  fill: #e59118 !important;
}
.chart-tools.red:hover .surveyed-tools {
  fill: #db1e5e !important;
}

.surveyed-bg {
  position: absolute;
}
.surveyed-bg.orange {
  fill: #ffedd3;
}
.surveyed-bg.red {
  fill: #ffdae7;
}

.show-responses-toggle {
  font-size: 0.875em;
  font-weight: 600;
  text-align: center;
  color: #86909e;
  margin-top: 0;
  margin-right: 10px;
  margin-left: 10px;
}
.show-responses-toggle:hover {
  text-decoration: underline;
  color: #43474f;
  cursor: pointer;
}

.aggregate-chart-mega-tooltip {
  position: absolute;
  top: 85px;
  text-align: left;
  z-index: 99;
}

.tab-container {
  display: block;
  margin-bottom: 20px;
}

.portfolio .section-title h2 {
  margin: 0 auto 10px;
}
.portfolio .more-info {
  margin-top: 16px;
}

/*************************
 *  SEL Benchmark
 *************************/
.sel-benchmark {
  color: #43474f;
  background-color: #fff;
  height: auto;
  width: 100%;
  padding: 85px 0;
  position: relative;
}
.sel-benchmark .portfolio-tabs {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
  margin-bottom: 45px;
}
.sel-benchmark .percent-surveyed {
  display: flex;
  justify-content: center;
  margin-bottom: 41px;
}
.sel-benchmark .sel-benchmark-wrapper {
  margin: 0 auto;
}
.sel-benchmark .show-report-type {
  text-transform: capitalize;
}
.sel-benchmark .sel-preface-heading.post {
  position: absolute;
  top: 14%;
  left: 24%;
}
.sel-benchmark .tab-container {
  display: block;
  margin-bottom: 20px;
}
.sel-benchmark.v2_5 .sel-label {
  min-height: initial;
}
.sel-benchmark.portfolio .section-title h2 {
  margin: 0 auto;
}
.sel-benchmark.portfolio .portfolio-tabs {
  margin-bottom: 10px;
}
.sel-benchmark.portfolio .percent-surveyed {
  margin-bottom: 51px;
}
.sel-benchmark.portfolio .more-info {
  margin-top: 25px;
}

/*************************
 *  Youth Assets / Assets and Gains
 *************************/
.assets {
  color: #43474f;
  background-color: #fff;
  height: auto;
  width: 100%;
  padding: 85px 0 65px;
  position: relative;
}
.assets .portfolio-tabs {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
}
.assets .portfolio-tabs.capacitiesPortfolio2_5 .tab-switcher.add-spacing {
  margin-left: -20px;
}
.assets .portfolio-tabs.capacitiesPortfolio2_5 .tab-switcher.add-spacing .tab-switcher-wrapper {
  padding-left: 0;
}
.assets .portfolio-tabs.capacitiesPortfolio2_5 .tab-switcher.add-spacing .tab-switcher-wrapper.tab-divider:before {
  width: 0px;
}
.assets .tab-container {
  display: block;
  margin-bottom: 20px;
}
.assets .assets-wrapper {
  margin: 0 auto;
}
.assets .assets-diagram {
  height: auto;
  width: 714px;
  margin: 40px auto 0;
}
.assets .assets-diagram-header {
  display: grid;
  grid-template-columns: auto 244px 130px;
  max-width: 700px;
  margin: 0 auto 10px;
}
.assets .assets-diagram-header.post-header {
  grid-template-columns: 318px 243px 106px auto;
  margin: 0 0 10px 7px;
}
.assets .btn-switcher {
  align-items: center;
}
.assets .assets-diagram-label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  padding-bottom: 10px;
}
.assets .assets-diagram-label.pre {
  color: #6362d6;
}
.assets .assets-diagram-label.pre:after {
  width: 219px;
}
.assets .assets-diagram-label.post {
  color: #00ca8e;
}
.assets .assets-diagram-label.post:after {
  width: 86px;
}
.assets .assets-diagram-label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #e8eaeb;
  height: 1px;
}
.assets .assets-diagram-pre {
  flex-grow: 0.3;
}
.assets .assets-diagram-post {
  flex-grow: 0.17;
}
.assets .assets-diagram-heading {
  display: flex;
  margin-top: 10px;
}
.assets .assets-diagram-heading .text {
  color: #86909e;
  text-transform: none;
  border: none;
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  padding-bottom: 0;
}
.assets .assets-diagram-heading .left,
.assets .assets-diagram-heading .right {
  float: none !important;
  width: 50%;
}
.assets .assets-diagram-heading .center {
  width: 100%;
}
.assets .assets-diagram-body {
  margin: 0;
}
.assets .assets-diagram-body.capacitiesPortfolio2_5 .mega-tooltip-container .title-container .title {
  padding-left: 20px;
}
.assets .elementary-row-label {
  font-size: 12px;
  font-weight: bold;
  color: #86909e;
  width: 100%;
  max-width: 570px;
  margin: 0 auto 10px;
  text-transform: uppercase;
}
.assets .elementary-row-label.post {
  max-width: 700px;
}
.assets .assets-diagram-capacities {
  display: flex;
  height: 90px;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 15px 0;
  transition: 0.2s;
  position: relative;
  border: 1px solid #e8e9eb;
  border-top: none;
  overflow: hidden;
}
.assets .assets-diagram-capacities:hover {
  border-radius: 4px;
  margin: 10px auto;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
  cursor: pointer;
}
.assets .assets-diagram-capacities:hover::before {
  content: "";
  height: 1px;
  width: 714px;
  background-color: rgba(22, 23, 26, 0.1);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 50%;
}
.assets .assets-diagram-capacities:hover + div {
  border-top: 1px solid #e8e9eb;
  transition: none;
}
.assets .assets-diagram-capacities .assets-diagram-capacity {
  display: flex;
  align-items: center;
  max-height: 59px;
  max-width: 325px;
  width: 100%;
  position: relative;
}
.assets .assets-diagram-capacities .assets-diagram-capacity .capacity-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #43474f;
  margin-right: 48px;
  margin-left: 48px;
  position: relative;
}
.assets .assets-diagram-capacities .assets-diagram-capacity .capacity-title.asset-tooltip {
  left: 250px;
}
.assets .assets-diagram-capacities .assets-diagram-capacity .capacity-icons {
  position: absolute;
  top: 50%;
  left: -33px;
  transform: translateY(-50%);
  height: auto;
  width: 20px;
}
.assets .assets-diagram-capacities .assets-diagram-capacity .asset-icon {
  position: absolute;
  right: 0;
  transition: 0.3s;
  padding: 0 20px;
  font-size: 1em;
  color: #b9bac2;
}
.assets .assets-diagram-capacities .assets-diagram-capacity .asset-icon:hover {
  color: #43474f;
  cursor: pointer;
}
.assets .assets-diagram-capacities .tooltip-right {
  font-size: 12px;
  left: 20px;
  text-align: center;
  line-height: 14px;
  width: 270px;
}
.assets .assets-diagram-capacities text {
  fill: #86909e !important;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade {
  display: flex;
  width: 100%;
  max-width: 243px;
  height: 53px;
  padding-top: 18px;
  position: relative;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade .high-score,
.assets .assets-diagram-capacities .assets-diagram-pre-grade .low-score {
  display: block;
  font-family: "work-sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin-top: -4px;
  color: #86909e;
  text-align: center;
  width: 30%;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade .blue-line {
  background-color: #24c4c8;
  border-radius: 3px;
  height: 6px;
  width: auto;
  margin-top: 8px;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade hr {
  background-color: #e8eaeb;
  border: none;
  padding: 0;
  height: 20px;
  width: 2px;
  margin: 2px 5px 0;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade .purple-line {
  background-color: #6362d6;
  border-radius: 3px;
  height: 6px;
  width: auto;
  margin-top: 8px;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade .zero-value {
  background-color: #e8eaeb;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade.double-zero .zero-value {
  width: 50px !important;
}
.assets .assets-diagram-capacities .assets-diagram-pre-grade:before {
  content: "";
  background-color: #e8eaeb;
  height: 40px;
  width: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.assets .assets-diagram-capacities .assets-diagram-post-grade {
  height: 53px;
  width: 130px;
  text-align: center;
  position: relative;
  margin-top: 2px;
}
.assets .assets-diagram-capacities .assets-diagram-post-grade:before {
  content: "";
  background-color: #e8eaeb;
  height: 40px;
  width: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.assets .assets-diagram-capacities .show-number .legend {
  display: none;
}
.assets .assets-diagram-capacities .made-gains {
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translateY(-50%);
  color: #86909e;
}
.assets .assets-diagram-capacities .made-gains.one-digit {
  position: absolute;
  top: 50%;
  left: 46%;
}
.assets .assets-diagram-capacities .ad-charts text,
.assets .assets-diagram-capacities .made-gains {
  font-family: "work-sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.assets .assets-diagram-capacities .assets-dropdown {
  position: absolute;
  top: 80px;
  height: auto;
  width: 100%;
  cursor: default;
}
.assets .assets-diagram-capacities .assets-dropdown .top-border {
  height: auto;
  width: 632px;
  border: 1px solid #e8e9eb;
  margin-top: 10px;
  margin-right: 41px;
  margin-left: 41px;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-dropdown-pre-heading {
  margin-top: 40px;
  position: relative;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-dropdown-pre-heading h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.36px;
  max-width: 76px;
  height: 29px;
  width: 100%;
  margin: 0 auto 8px;
  padding: 7px 0;
  color: #6362d6;
  text-align: center;
  background-color: #e6e6f7;
  border-radius: 8.5px;
  text-transform: uppercase;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-dropdown-pre-heading .sub-heading {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #43474f;
  display: block;
  margin: 7px auto 10px;
  text-align: center;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-dropdown-post-heading {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-dropdown-post-heading h4 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.36px;
  height: 29px;
  width: 76px;
  margin: 0 auto;
  padding: 7px 0;
  color: #00ca8e;
  text-align: center;
  background-color: #e2f7ef;
  border-radius: 8.5px;
  text-transform: uppercase;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-dropdown-stats {
  display: flex;
  height: auto;
  width: 100%;
  margin-top: 10px;
  padding: 0 69px;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right {
  height: auto;
  width: 50%;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-circle,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-circle {
  background-color: #dcf5f6;
  border-radius: 50%;
  margin: 0 auto;
  height: 50px;
  width: auto;
  border-radius: 19px;
  box-sizing: initial;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-bg,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-bg {
  position: relative;
  height: 50px;
  width: auto;
  margin: 0 auto;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .percent,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .percent {
  display: block;
  font-weight: 900;
  font-size: 1.5em;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .percent-label,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .percent-label {
  display: block;
  font-size: 0.875em;
  font-weight: 800;
  color: #43474f;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 20px;
  white-space: nowrap;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left svg,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right svg {
  display: block;
  margin: 16px auto 10px;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation {
  text-align: left;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation .gains-description,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation .negative-gains,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation .positive-gains,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation .gains-description,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation .negative-gains,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation .positive-gains {
  display: inline-block;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 25%;
  padding: 5px;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation .gains-description,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation .gains-description {
  font-size: 14px;
  font-weight: 500;
  color: #43474f;
  width: 50%;
  letter-spacing: 0.47px;
  line-height: 16px;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation .gains-description.two-lines,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation .gains-description.two-lines {
  width: auto;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation .negative-gains,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation .negative-gains {
  font-size: 15px;
  font-weight: 700;
  color: #86909e;
  background-color: #e8eaeb;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-stats-explanation .positive-gains,
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-stats-explanation .positive-gains {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  background-color: #00ca8e;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-circle {
  background-color: #e2f2f7;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-left .assets-circle .percent {
  color: #24c4c8;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-circle {
  background-color: #e6e6f7;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-right .assets-circle .percent {
  color: #6362d6;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-conclusion svg {
  display: block;
  margin: 15px auto 7px;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-conclusion span {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  color: #43474f;
  display: block;
  margin: 7px auto 10px;
  text-align: center;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-conclusion .assets-conclusion span {
  font-weight: 600;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-conclusion .assets-conclusion-box {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  position: relative;
  border-radius: 19px;
  background-color: #d9f7ee;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-conclusion .conclusion-gains {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-conclusion .conclusion-gains span:nth-child(1) {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  color: #00ca8e;
}
.assets .assets-diagram-capacities .assets-dropdown .assets-dropdown-content .assets-stats-conclusion .conclusion-gains span:nth-child(2) {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  margin: -8px 0 0;
  color: #43474f;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
}
.assets .assets-diagram-capacities:last-child {
  border-radius: 0 0 4px 4px;
}
.assets .assets-diagram-capacities:hover:first-child {
  border-top: 1px solid #e8eaeb;
}
.assets .assets-diagram-capacities.add-border {
  border-top: 1px solid #e8e9eb;
  border-radius: 4px 4px 0 0;
}
.assets .assets-diagram-capacities.elem-sel-row {
  border-radius: 4px;
  border-bottom: none !important;
}
.assets .assets-diagram-capacities.elem-sel-row:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 100%;
  background-image: url("/src/assets/img/bg-elem-sel-post.svg");
  background-color: #b15dcb;
}
.assets .assets-diagram-capacities .capacity-icons {
  position: absolute;
  top: 50%;
  left: -35px;
  transform: translateY(-50%);
  height: 18px;
  width: 24px;
  min-height: auto;
  min-width: auto;
}
.assets .assets-diagram-college,
.assets .assets-diagram-coresel {
  margin-bottom: 30px;
  position: relative;
}
.assets .assets-diagram-college::before,
.assets .assets-diagram-coresel::before {
  content: "";
  transition: 0.3s;
  height: 100%;
  width: 5px;
  position: absolute;
  top: 50%;
  left: -20px;
  transform: translate(-50%, -50%);
}
.assets .assets-diagram-college .assets-diagram-capacities:nth-child(2),
.assets .assets-diagram-coresel .assets-diagram-capacities:nth-child(2) {
  border-top: 1px solid #e8e9eb;
}
.assets .assets-tool-label {
  position: absolute;
  top: 50%;
  left: -65px;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.assets .assets-tool-label h2 {
  display: flex;
  flex-wrap: wrap;
  font-family: "work-sans", sans-serif;
  font-size: 0.9375em;
  font-weight: 600;
  height: auto;
  width: 60px;
  text-transform: uppercase;
  text-align: right;
  line-height: 1.125em;
  justify-content: flex-end;
}
.assets .assets-tool-label span {
  display: block;
}
.assets .pre-diagram .assets-diagram-college::before,
.assets .pre-diagram .assets-diagram-coresel::before {
  position: absolute;
  top: 50%;
  left: 50px;
}
.assets .pre-diagram .assets-tool-label {
  position: absolute;
  top: 50%;
  left: 5px;
}
.assets .assets-diagram-college h2 {
  color: #7edbde;
}
.assets .assets-diagram-college::before {
  background-color: #7edbde;
}
.assets .assets-diagram-coresel h2 {
  color: #a1a1e6;
}
.assets .assets-diagram-coresel::before {
  background-color: #a1a1e6;
}
.assets.elementary-sel .assets-diagram-college::before,
.assets.elementary-sel .assets-diagram-coresel::before,
.assets.elementary-sel .assets-tool-label {
  display: none;
}
.assets.elementary-sel .btn-switcher {
  margin-bottom: 22px;
}
.assets.portfolio .section-title h2 {
  margin: 0 auto;
}
.assets.portfolio .portfolio-tabs {
  margin-bottom: 30px;
}
.assets.portfolio .assets-diagram {
  margin: 30px auto 0;
}
.assets.portfolio .more-info {
  margin-top: 25px;
}

.pre-diagram .assets-diagram-header {
  width: 100%;
  max-width: 570px;
  grid-template-columns: auto 244px;
}
.pre-diagram .assets-diagram-header .assets-diagram-pre {
  flex-grow: 0.3;
}
.pre-diagram .assets-diagram-header .left,
.pre-diagram .assets-diagram-header .right {
  height: auto;
  width: 50%;
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities {
  width: 100%;
  max-width: 570px;
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities .assets-diagram-capacity {
  width: 100%;
  max-width: 325px;
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities .assets-diagram-capacity h3.custom-tooltip .tooltip-right {
  left: 270px;
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities .assets-diagram-capacity.elem-sel-row:after {
  background-image: url("/src/assets/img/bg-elem-sel-pre.svg");
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities .assets-diagram-pre-grade {
  width: 100%;
  max-width: 244px;
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities:hover {
  margin: auto;
  box-shadow: none;
  cursor: default;
  transition: none;
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities:hover::before {
  display: none;
}
.pre-diagram .assets-diagram-body .assets-diagram-capacities:hover + div {
  border-top: none;
}

.asset-tooltip {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  height: auto;
  width: 270px;
  white-space: inherit;
}

/*************************
 *  Learning Preference & Youth Experience
 *************************/
.experience {
  color: #43474f;
  background-color: #fff;
  height: auto;
  width: 100%;
  padding: 85px 0;
  position: relative;
}
.experience .tab-container {
  display: block;
  margin-bottom: 20px;
}
.experience .portfolio-tabs {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
}
.experience .percent-surveyed {
  display: flex;
  justify-content: center;
  margin-bottom: 41px;
}
.experience .normal-tabs {
  margin-bottom: 31px;
}
.experience .experience-wrapper {
  margin: 0 auto;
}
.experience .tabs-container {
  display: block;
  margin-bottom: 20px;
}
.experience h3 {
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}
.experience .experience-doughnut-charts {
  display: flex;
  height: auto;
  width: 70%;
  margin-right: auto;
  margin-bottom: 23px;
  margin-left: auto;
}
.experience .youth-attendance,
.experience .learning-preferences,
.experience .youth-satisfaction {
  height: auto;
  width: 33.33333333%;
}
.experience #donut-youth-experience-0,
.experience #donut-youth-experience-1,
.experience #donut-youth-experience-2 {
  text-align: center;
  margin-top: 50px;
  position: relative;
}
.experience #donut-youth-experience-0 text,
.experience #donut-youth-experience-1 text,
.experience #donut-youth-experience-2 text {
  font-family: "work-sans", sans-serif;
  font-size: 2em;
  font-weight: 800;
  position: relative;
}
.experience .view-details {
  font-family: "work-sans", sans-serif;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
  margin-top: 10px;
}
.experience .view-details:hover {
  cursor: pointer;
  opacity: 1;
}
.experience .experience-container {
  position: relative;
  margin-top: 23px;
  overflow: hidden;
}
.experience .experience-container:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 26.5%;
  transform: translateX(-50%) rotate(45deg);
  height: 25px;
  width: 25px;
  transition: 1s;
  background-color: #fff;
  border: 1px solid #e8eaeb;
}
.experience .experience-container.left-arrow:before {
  position: absolute;
  top: -15px;
  left: 26.5%;
}
.experience .experience-container.mid-arrow:before {
  position: absolute;
  top: -15px;
  left: 50%;
}
.experience .experience-container.right-arrow:before {
  position: absolute;
  top: -15px;
  left: 73.5%;
}
.experience .attendance-doughnut-details {
  overflow: hidden;
  height: auto;
  width: auto;
  background-color: #faf9f9;
  box-shadow: inset 0 1px 0 0 #e8eaeb, inset 0 -1px 0 0 #e8eaeb;
  padding: 65px 0 85px;
}
.experience .preference-doughnut-details .full-width {
  height: auto;
  width: 100%;
}
.experience .preference-doughnut-details {
  background-color: #faf9f9;
  box-shadow: inset 0 1px 0 0 #e8eaeb, inset 0 -1px 0 0 #e8eaeb;
  padding: 65px 0 85px;
}
.experience .preference-doughnut-details,
.experience .preference-pre-details {
  overflow: hidden;
  height: auto;
  width: auto;
}
.experience .preference-pre-details {
  overflow: visible;
  height: auto;
  width: auto;
}
.experience .preference-pre-details .details-table {
  width: 540px !important;
}
.experience .preference-pre-details .details-table tr td:first-child {
  font-size: 16px;
  font-weight: 700;
}
.experience .preference-pre-details .details-table tr td:nth-child(2) {
  font-size: 16px;
  color: #43474f;
}
.experience .preference-pre-details .details-table tr th:first-child {
  height: auto;
  width: 60%;
}
.experience .preference-pre-details .details-table tr th:nth-child(2) {
  height: auto;
  width: 20%;
}
.experience .preference-pre-details .details-table tr th:nth-child(3) {
  height: auto;
  width: 20%;
}
.experience .satisfaction-doughnut-details {
  overflow: hidden;
  height: auto;
  width: auto;
  background-color: #faf9f9;
  box-shadow: inset 0 1px 0 0 #e8eaeb, inset 0 -1px 0 0 #e8eaeb;
  padding: 65px 0 85px;
}
.experience .attendance-doughnut-details .section-tabs .active span:after {
  background-color: #00ca8e;
}
.experience .satisfaction-doughnut-details .section-tabs .active span:after {
  background-color: #6362d6;
}
.experience .top-line {
  min-width: 700px;
  border-top: 1px solid #dedfe2;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-top: 7px;
}
.experience .top-line:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #fff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 7px;
}
.experience .top-line:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #dedfe2 transparent;
  display: block;
  width: 1px;
  z-index: 1;
  top: 8px;
}
.experience .first:after,
.experience .first:before {
  left: 16.4%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.experience .second:after,
.experience .second:before {
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.experience .third:after,
.experience .third:before {
  left: 83.4%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.experience .details-description {
  font-size: 0.9375em;
  font-weight: 500;
  display: block;
  height: auto;
  width: 420px;
  margin: 31px auto 0;
}
.experience .details-table {
  height: auto;
  width: 420px;
  margin: 0 auto;
  position: relative;
  border: none;
}
.experience .preference-doughnut-details .details-table,
.experience .preference-pre-details .details-table {
  height: auto;
  width: 80%;
  max-width: 690px;
}
.experience .preference-doughnut-details .details-table tr th:nth-child(2),
.experience .preference-doughnut-details .details-table tr th:nth-child(3),
.experience .preference-pre-details .details-table tr th:nth-child(2),
.experience .preference-pre-details .details-table tr th:nth-child(3) {
  color: #24c4c8;
  font-size: 1.125em;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
}
.experience .preference-doughnut-details .details-table tr td:nth-child(2),
.experience .preference-doughnut-details .details-table tr td:nth-child(3),
.experience .preference-pre-details .details-table tr td:nth-child(2),
.experience .preference-pre-details .details-table tr td:nth-child(3) {
  text-align: center;
  color: #43474f;
  font-weight: 600;
}
.experience tr:not(:first-child) {
  height: 47px;
  width: 100%;
  border-bottom: 1px solid #f1f2f3;
}
.experience tr:nth-of-type(2n) {
  background-color: #fff;
}
.experience th:last-child {
  width: 115px;
  text-align: left !important;
}
.experience th,
.experience td {
  vertical-align: middle;
}
.experience tr:nth-child(1) {
  height: 60px;
  width: auto;
  text-align: left;
  border-bottom: 1px solid #b9bac2;
}
.experience td:nth-child(1) {
  color: #43474f;
  font-weight: 800;
}
.experience .table-title {
  font-size: 20px;
  font-weight: 800;
  position: relative;
}
.experience .light {
  font-weight: 600;
}
.experience .preference-doughnut-details .details-description th:nth-child(2) {
  width: 150px;
}
.experience .preference-doughnut-details .details-description th:nth-child(3) {
  width: 100px;
}
.experience .green {
  color: #00ca8e;
}
.experience .blue {
  color: #24c4c8;
}
.experience .purple {
  color: #6362d6;
}
.experience .red-highlight {
  color: #ff246d;
  background-color: #ffdae7;
}
.experience .green-highlight {
  color: #00ca8e;
  background-color: #d9f7ee;
}
.experience .blue-highlight {
  color: #24c4c8;
  background-color: #dcf5f6;
}
.experience .purple-highlight {
  color: #6362d6;
  background-color: #e5e5f8;
}
.experience .red-hightlight,
.experience .green-highlight,
.experience .blue-highlight,
.experience .purple-highlight {
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  border-radius: 5px;
  height: auto;
  width: 50px;
  padding: 5px 0;
}
.experience .align-right {
  text-align: right;
  padding-right: 19px;
}
.experience .align-center {
  text-align: center;
}
.experience .btn-switcher {
  position: absolute;
  top: 19px;
  right: 0;
}
.experience .preference-doughnut-details .btn-switcher {
  position: absolute;
  top: 21px;
  right: 0;
}
.experience .attendance-doughnut-details .btn-switcher,
.experience .satisfaction-doughnut-details .btn-switcher {
  position: absolute;
  top: 21px;
  right: 0;
}
.experience .opacity td {
  opacity: 0.5;
}
.experience .table-heading-tooltip {
  position: absolute;
  top: 20px;
  right: 15px;
  color: #43474f;
}
.experience .table-heading-tooltip .tooltip-down {
  text-transform: none;
  height: auto;
  width: 216px;
  top: 32px;
  left: -104px;
}
.experience .table-heading-tooltip .tooltip-down:after {
  right: 47%;
}
.experience.hide-learning-preference .youth-attendance:nth-child(2) {
  display: none;
}
.experience.hide-learning-preference .experience-doughnut-charts {
  justify-content: center;
}
.experience.hide-learning-preference .experience-container.left-arrow:before {
  left: 38%;
}
.experience.hide-learning-preference .experience-container.right-arrow:before {
  left: 61.5%;
}
.experience.is-elem .experience-doughnut-charts {
  justify-content: center;
}
.experience.is-elem .experience-container.left-arrow:before {
  left: 38%;
}
.experience.is-elem .experience-container.right-arrow:before {
  left: 61.5%;
}
.experience.two-sections .experience-doughnut-charts {
  justify-content: center;
}
.experience.two-sections .experience-container.left-arrow:before {
  left: 38%;
}
.experience.two-sections .experience-container.right-arrow:before {
  left: 61.5%;
}
.experience.portfolio.youth.experience {
  padding-bottom: 0;
}
.experience.portfolio.youth .section-title h2 {
  margin: 0 auto;
}
.experience.portfolio.youth #donut-youth-experience-0,
.experience.portfolio.youth .experience #donut-youth-experience-1,
.experience.portfolio.youth .experience #donut-youth-experience-2 {
  margin-top: 40px;
}
.experience.portfolio.youth .preference-doughnut-details {
  padding: 50px 0 55px;
}
.experience.portfolio.youth .more-info {
  margin-top: 25px;
}

.experience-post tr,
.experience-post tr:nth-of-type(2n) {
  background-color: #faf9f9 !important;
}

.skills {
  padding-bottom: 0;
}
.skills .main-chart.yla-charts {
  display: grid;
  grid-template-columns: 320px 320px;
  justify-content: center;
  grid-column-gap: 46px;
}
.skills .chart {
  display: block;
  margin: 60px auto -50px;
  text-align: center;
}
.skills .chart text {
  font-family: "work-sans", sans-serif;
  font-size: 2em;
  font-weight: 800;
  position: relative;
}
.skills .chart .percent {
  font-size: 1.5625em;
  font-weight: 600;
}
.skills .chart-label {
  color: #86909e;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.36px;
  line-height: 19px;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
}
.skills .details-description {
  height: auto;
  width: 632px;
  position: relative;
}
.skills .table-data-description {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -42px;
  right: 0;
  height: auto;
  width: 100%;
  max-width: 340px;
}
.skills .table-data-description:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  background-color: #e8eaeb;
}
.skills .details-table {
  height: auto;
  width: 632px;
  margin-top: 88px;
}
.skills .details-table tr:nth-child(1) {
  height: 40px;
  width: auto;
}
.skills .details-table th:first-child {
  height: auto;
  width: 290px;
}
.skills .details-table th:not(:first-child) {
  color: #86909e;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: center !important;
}
.skills .details-table td:not(:first-child) {
  color: #86909e;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}
.skills .details-table .val {
  font-size: 14px;
}
.skills .table-data-desc-label {
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
  color: #43474f;
  text-align: center;
  max-width: 180px;
}
.skills .green-bg,
.skills .red-bg,
.skills .blue-bg,
.skills .purple-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  height: 30px;
  width: 50px;
  margin: 0 auto;
}
.skills .green-bg {
  color: #00ca8e;
  background-color: #d9f7ee;
}
.skills .red-bg {
  color: #ff246d;
  background-color: #ffdae7;
}
.skills .blue-bg {
  color: #24c4c8;
  background-color: #dcf5f6;
}
.skills .purple-bg {
  color: #6362d6;
  background-color: #e5e5f8;
}
.skills .fa-info {
  font-size: 13px;
  color: #b1b7c0;
  margin-left: 5px;
  transition: 300ms;
}
.skills .fa-info:hover {
  color: #43474f;
}
.skills:after {
  display: none;
}
.skills .yla-container.left-arrow:before {
  left: 50%;
  transform: translateX(-200px) rotate(45deg);
}
.skills .yla-container.right-arrow:before {
  left: 50%;
  transform: translateX(170px) rotate(45deg);
}
.skills.civic .attendance-doughnut-details .section-tabs .active span::after {
  background-color: #24c4c8;
}
.skills .tab-container {
  display: block;
  margin-bottom: 20px;
}
.skills.portfolio .section-description {
  margin: 0 auto 34px;
}
.skills.portfolio .chart {
  margin: 34px auto -50px;
}
.skills.portfolio .experience-container.mid-arrow {
  margin-top: 40px;
}
.skills.portfolio .attendance-doughnut-details {
  padding: 50px 0 85px;
}
.skills.portfolio.civic .section-title h2 {
  margin: 0 auto;
}
.skills.portfolio.civic .attendance-doughnut-details {
  padding: 50px 0 55px;
}

/*************************
 *  Recommendations
 *************************/
.recommendations {
  color: #43474f;
  background-color: #fff;
  height: auto;
  width: 100%;
  padding: 85px 0;
  position: relative;
}
.recommendations .tab-container {
  display: block;
  margin-bottom: 20px;
}
.recommendations .recommendations-section {
  height: 24px;
  display: inline-flex;
  padding: 3px 10px;
  align-items: center;
  background-color: #f3f2f1;
  border-radius: 13px;
  font-size: 12px;
  font-weight: bold;
  color: #43474f;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.recommendations .recommendations-section.second-iteration {
  margin-top: 30px;
}
.recommendations .percent-surveyed {
  display: flex;
  justify-content: center;
  margin-bottom: 41px;
}
.recommendations .recommendations-wrapper {
  margin: 0 auto;
}
.recommendations .portfolio-tabs {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
}
.recommendations .recs-container {
  display: grid;
  justify-content: center;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  max-width: 1006px;
  margin: 0 auto;
  position: relative;
}
.recommendations .recs-container.elementary-container {
  max-width: 1018px;
}
.recommendations .recs-aside {
  transition: 0.8s;
}
.recommendations .recs-aside.more-room .rec-nav {
  display: grid;
  grid-template-columns: repeat(3, auto);
  width: 350px;
  padding: 18px;
}
.recommendations .recs-aside.more-room .rec-name {
  grid-column: 1/span 3;
}
.recommendations .recs-aside.more-room .rec-potential {
  grid-column: 1/span 3;
  grid-row: 2;
}
.recommendations .recs-aside.more-room .elem-potential-score {
  display: flex;
  align-items: center;
  margin-bottom: 0 !important;
  margin-left: 20px;
  justify-content: flex-end;
}
.recommendations .recs-aside.more-room .custom-label {
  display: flex;
  justify-content: flex-end;
}
.recommendations .recs-aside.more-room .elem-exp-received {
  display: flex;
  align-items: center;
  grid-column: 1/span 3;
  grid-row: 3;
}
.recommendations .recs-aside.more-room .percent-label {
  margin-bottom: 0 !important;
  margin-left: 20px;
  justify-content: flex-end;
}
.recommendations .recs-aside.elementary-aside {
  padding: 18px 0 15px;
}
.recommendations .recs-aside.elementary-aside .rec-name {
  margin-bottom: 8px;
  line-height: normal;
}
.recommendations .recs-aside.elementary-aside .elem-potential-score {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 5px;
}
.recommendations .recs-aside.elementary-aside .score {
  display: flex;
  align-items: center;
}
.recommendations .recs-aside.elementary-aside .score .circle {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e8eaeb;
}
.recommendations .recs-aside.elementary-aside .score .circle.on {
  background-color: #b1b7c0;
}
.recommendations .recs-aside.elementary-aside .score .circle:not(:last-child) {
  margin-right: 7px;
}
.recommendations .recs-aside.elementary-aside .elem-exp-received {
  margin-top: 9px;
  line-height: 1;
}
.recommendations .recs-aside.elementary-aside .elem-exp-received .percent-label {
  margin-bottom: 5px;
  color: #b1b7c0;
  font-weight: bold;
}
.recommendations .recs-aside.elementary-aside .elem-exp-received .progress-bar-container {
  display: flex;
  margin-left: 0;
  width: 100%;
  height: 6px;
  align-items: center;
}
.recommendations .recs-aside.elementary-aside .elem-exp-received .progress-bar-container .progress-bar {
  max-width: 123px;
}
.recommendations .recs-aside.elementary-aside .elem-exp-received .progress-bar-container .progress-bar-fill {
  height: 6px;
}
.recommendations .recs-aside.elementary-aside .elem-exp-received .received {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.4;
  text-align: right;
  color: #86909e;
  margin: 0 0 2px;
  flex-grow: 1;
  justify-content: flex-end;
  visibility: hidden;
}
.recommendations .recs-aside.elementary-aside .rec-active .elem-potential-score {
  color: #6362d6;
}
.recommendations .recs-aside.elementary-aside .rec-active .score .circle {
  background-color: #b1b7c0;
}
.recommendations .recs-aside.elementary-aside .rec-active .score .circle.on {
  background-color: #6362d6;
}
.recommendations .recs-aside.elementary-aside .rec-active .elem-exp-received .percent-label {
  color: #24c4c8;
}
.recommendations .recs-aside.elementary-aside .rec-active .elem-exp-received .progress-bar-fill {
  background-color: #24c4c8;
}
.recommendations .recs-aside.elementary-aside .rec-active .elem-exp-received .progress-bar-fill.zero-progress-bar-fill {
  background-color: #b1b7c0;
}
.recommendations .recs-aside.elementary-aside .rec-active .elem-exp-received .received {
  visibility: visible;
}
.recommendations .recs-aside-fixed {
  position: fixed;
  top: 115px;
}
.recommendations .recs-aside-fixed-portfolio {
  position: fixed;
  top: 180px;
}
.recommendations .rec-nav {
  color: #b1b7c0;
  border-radius: 4px;
  background-color: transparent;
  height: auto;
  width: 300px;
  padding: 18px 18px 12px;
  margin-bottom: 10px;
}
.recommendations .rec-nav:hover {
  cursor: pointer;
}
.recommendations .rec-name {
  font-weight: 700;
  text-transform: uppercase;
}
.recommendations .rec-potential {
  display: flex;
  align-items: center;
  margin-top: 2px;
}
.recommendations .score {
  color: #b1b7c0;
}
.recommendations .score .fa:not(:first-child) {
  margin-left: 5px;
}
.recommendations .custom-label {
  font-size: 10px;
  font-weight: bold;
  color: #86909e;
  text-transform: uppercase;
  flex-grow: 1;
  line-height: 1.4;
  text-align: right;
  visibility: hidden;
}
.recommendations .rec-active {
  color: #43474f;
  background-color: #fff;
  border: 1px solid #e8eaeb;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.12);
}
.recommendations .rec-active .score {
  color: #6362d6;
}
.recommendations .rec-active .custom-label {
  visibility: visible;
}
.recommendations .recs-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 680px;
}
.recommendations .rec-data {
  height: auto;
  width: 100%;
  padding-bottom: 50px;
  padding-left: 50px;
  position: relative;
}
.recommendations .rec-data.elementary-recs {
  padding-left: 0;
  padding-bottom: 42px;
}
.recommendations .rec-data.elementary-recs .rec-title {
  margin-left: 12px;
}
.recommendations .rec-data.elementary-recs .rec-link {
  margin-right: 12px;
  right: -10px;
}
.recommendations .rec-data.elementary-recs .rec-desc {
  margin-left: 12px;
  margin-right: 12px;
  margin-bottom: 22px;
}
.recommendations .rec-title {
  font: 600 24px "work-sans", sans-serif;
  color: #43474f;
  font-size: 24px;
  padding-bottom: 8px;
  position: relative;
  margin-bottom: 31px;
}
.recommendations .rec-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 80px;
  background-color: #6362d6;
}
.recommendations .rec-link {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  position: absolute;
  top: 7px;
  right: 0;
  padding-bottom: 0;
  transition: 0.3s;
}
.recommendations .rec-link a {
  color: #6362d6;
  text-decoration: none;
}
.recommendations .rec-link a:hover {
  color: #5352b3;
}
.recommendations .rec-link:hover {
  cursor: pointer;
}
.recommendations .rec-link:hover a:hover {
  color: #5352b3;
}
.recommendations .rec-link:hover svg path:nth-child(2) {
  stroke: #5352b3;
}
.recommendations .rec-link:after {
  content: "";
  height: 1px;
  width: 71%;
  position: absolute;
  bottom: 5px;
  left: 0;
  background-color: #6362d6;
}
.recommendations .resources-icon {
  display: inline-block;
  position: relative;
  min-width: 24px;
  min-height: 24px;
}
.recommendations .resources-icon svg {
  position: absolute;
  top: 7px;
  right: -2px;
  height: 24px;
  width: 24px;
}
.recommendations .rec-desc {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.35;
  color: #43474f;
  margin-bottom: 35px;
}
.recommendations .rec-priority {
  margin-bottom: 30px;
}
.recommendations .rec-option {
  margin-bottom: 25px;
}
.recommendations .rec-option.odd-bg {
  background-color: #f3f2f1;
  border-radius: 4px;
}
.recommendations .importance-level {
  display: flex;
  font: 600 14px "work-sans", sans-serif;
  letter-spacing: 0.4px;
  color: #86909e;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.recommendations .opt-title {
  margin-bottom: 10px;
}
.recommendations .opt-title-h {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #43474f;
}
.recommendations .opt-letter {
  font-size: 16px;
  font-weight: bold;
  color: #86909e;
}
.recommendations .opt-metrics {
  margin-bottom: 15px;
}
.recommendations .percent-label {
  display: inline-flex;
  font: 600 14px "work-sans", sans-serif;
  color: #86909e;
}
.recommendations .progress-bar-container {
  display: inline-flex;
  margin-left: 15px;
  height: 10px;
  width: 100px;
}
.recommendations .progress-bar-container .progress-bar {
  height: auto;
  width: 100%;
  background-color: #e8eaeb;
  border-radius: 5px;
}
.recommendations .progress-bar-container .progress-bar-fill {
  display: block;
  height: 10px;
  width: auto;
  background-color: #b1b7c0;
  border-radius: 5px;
  transition: 0.3s;
}
.recommendations .received {
  display: flex;
  margin-top: 5px;
  font: 700 12px "work-sans", sans-serif;
  color: #86909e;
  text-transform: uppercase;
}
.recommendations .opt-desc {
  font: 500 16px "work-sans", sans-serif;
  letter-spacing: 0.2px;
  line-height: 25px;
}
.recommendations .opt-desc-p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  line-height: 1.38;
  color: #43474f;
}
.recommendations .fa-adjust {
  transform: rotate(180deg);
}
.recommendations .priority {
  margin-bottom: 35px;
}
.recommendations .priority .importance-level,
.recommendations .priority .opt-letter,
.recommendations .priority .percent-label {
  color: #24c4c8;
}
.recommendations .priority .progress-bar-container .progress-bar-fill {
  background-color: #24c4c8;
}
.recommendations .no-experiences .rec-nav {
  display: flex;
  align-items: center;
  padding: 0 22px;
  height: 86px;
}
.recommendations .no-experiences .rec-potential {
  display: none;
}
.recommendations .elementary-option .rec-option {
  padding: 18px 12px;
  margin-bottom: 0;
}
.recommendations .elementary-option .rec-option:first-child {
  padding-top: 0;
}

.portfolio-tabs {
  margin-bottom: 50px;
}

/*************************
 *  Report Social Capital
 *************************/
.social-capital {
  color: #43474f;
  background-color: #fff;
  height: auto;
  width: 100%;
  padding: 85px 0;
  position: relative;
  padding-bottom: 0;
}
.social-capital .tab-container {
  display: block;
  margin-bottom: 20px;
}
.social-capital .portfolio-tabs {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: center;
}
.social-capital .percent-surveyed {
  display: flex;
  justify-content: center;
  margin-bottom: 41px;
}
.social-capital .normal-tabs {
  margin-bottom: 31px;
}
.social-capital .experience-wrapper {
  margin: 0 auto;
}
.social-capital .tabs-container {
  display: block;
  margin-bottom: 20px;
}
.social-capital h3 {
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
}
.social-capital .experience-doughnut-charts {
  display: flex;
  height: auto;
  width: 70%;
  margin-right: auto;
  margin-bottom: 23px;
  margin-left: auto;
}
.social-capital .youth-attendance,
.social-capital .learning-preferences,
.social-capital .youth-satisfaction {
  height: auto;
  width: 33.33333333%;
}
.social-capital #donut-youth-experience-0,
.social-capital #donut-youth-experience-1,
.social-capital #donut-youth-experience-2 {
  text-align: center;
  margin-top: 50px;
  position: relative;
}
.social-capital #donut-youth-experience-0 text,
.social-capital #donut-youth-experience-1 text,
.social-capital #donut-youth-experience-2 text {
  font-family: "work-sans", sans-serif;
  font-size: 2em;
  font-weight: 800;
  position: relative;
}
.social-capital .view-details {
  font-family: "work-sans", sans-serif;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
  margin-top: 10px;
}
.social-capital .view-details:hover {
  cursor: pointer;
  opacity: 1;
}
.social-capital .experience-container {
  position: relative;
  margin-top: 40px;
  overflow: hidden;
}
.social-capital .experience-container:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 26.5%;
  transform: translateX(-50%) rotate(45deg);
  height: 25px;
  width: 25px;
  transition: 1s;
  background-color: #fff;
  border: 1px solid #e8eaeb;
}
.social-capital .experience-container.left-arrow:before {
  position: absolute;
  top: -15px;
  left: 26.5%;
}
.social-capital .experience-container.mid-arrow:before {
  position: absolute;
  top: -15px;
  left: 50%;
}
.social-capital .experience-container.right-arrow:before {
  position: absolute;
  top: -15px;
  left: 73.5%;
}
.social-capital .attendance-doughnut-details {
  overflow: hidden;
  height: auto;
  width: auto;
  background-color: #faf9f9;
  box-shadow: inset 0 1px 0 0 #e8eaeb, inset 0 -1px 0 0 #e8eaeb;
  padding: 50px 0 85px;
}
.social-capital .preference-doughnut-details .full-width {
  height: auto;
  width: 100%;
}
.social-capital .preference-doughnut-details {
  background-color: #faf9f9;
  box-shadow: inset 0 1px 0 0 #e8eaeb, inset 0 -1px 0 0 #e8eaeb;
  padding: 65px 0 85px;
}
.social-capital .preference-doughnut-details,
.social-capital .preference-pre-details {
  overflow: hidden;
  height: auto;
  width: auto;
}
.social-capital .preference-pre-details {
  overflow: visible;
  height: auto;
  width: auto;
}
.social-capital .preference-pre-details .details-table {
  width: 540px !important;
}
.social-capital .preference-pre-details .details-table tr td:first-child {
  font-size: 16px;
  font-weight: 700;
}
.social-capital .preference-pre-details .details-table tr td:nth-child(2) {
  font-size: 16px;
  color: #43474f;
}
.social-capital .preference-pre-details .details-table tr th:first-child {
  height: auto;
  width: 60%;
}
.social-capital .preference-pre-details .details-table tr th:nth-child(2) {
  height: auto;
  width: 20%;
}
.social-capital .preference-pre-details .details-table tr th:nth-child(3) {
  height: auto;
  width: 20%;
}
.social-capital .satisfaction-doughnut-details {
  overflow: hidden;
  height: auto;
  width: auto;
  background-color: #faf9f9;
  box-shadow: inset 0 1px 0 0 #e8eaeb, inset 0 -1px 0 0 #e8eaeb;
  padding: 65px 0 85px;
}
.social-capital .attendance-doughnut-details .section-tabs .active span:after {
  background-color: #00ca8e;
}
.social-capital .satisfaction-doughnut-details .section-tabs .active span:after {
  background-color: #6362d6;
}
.social-capital .top-line {
  min-width: 700px;
  border-top: 1px solid #dedfe2;
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin-top: 7px;
}
.social-capital .top-line:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #fff transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: 7px;
}
.social-capital .top-line:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #dedfe2 transparent;
  display: block;
  width: 1px;
  z-index: 1;
  top: 8px;
}
.social-capital .first:after,
.social-capital .first:before {
  left: 16.4%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.social-capital .second:after,
.social-capital .second:before {
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.social-capital .third:after,
.social-capital .third:before {
  left: 83.4%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.social-capital .details-description {
  font-size: 0.9375em;
  font-weight: 500;
  display: block;
  margin: 31px auto 0;
  height: auto;
  width: 632px;
  position: relative;
}
.social-capital .details-table {
  position: relative;
  height: auto;
  width: 632px;
  margin-top: 55px;
  border: none;
}
.social-capital .details-table tr:nth-child(1) {
  height: 40px;
  width: auto;
}
.social-capital .details-table th {
  border-top: 1px solid #e8eaeb;
}
.social-capital .details-table th:first-child {
  height: auto;
  width: 290px;
  border-top: none;
}
.social-capital .details-table th:not(:first-child) {
  width: 80px;
  color: #86909e;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: center !important;
}
.social-capital .details-table td:first-child {
  color: #43474f;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
}
.social-capital .details-table td:not(:first-child) {
  color: #86909e;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}
.social-capital .details-table .val {
  font-size: 14px;
}
.social-capital .preference-doughnut-details .details-table,
.social-capital .preference-pre-details .details-table {
  height: auto;
  width: 80%;
  max-width: 690px;
}
.social-capital .preference-doughnut-details .details-table tr th:nth-child(2),
.social-capital .preference-doughnut-details .details-table tr th:nth-child(3),
.social-capital .preference-pre-details .details-table tr th:nth-child(2),
.social-capital .preference-pre-details .details-table tr th:nth-child(3) {
  color: #24c4c8;
  font-size: 1.125em;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center;
}
.social-capital .preference-doughnut-details .details-table tr td:nth-child(2),
.social-capital .preference-doughnut-details .details-table tr td:nth-child(3),
.social-capital .preference-pre-details .details-table tr td:nth-child(2),
.social-capital .preference-pre-details .details-table tr td:nth-child(3) {
  text-align: center;
  color: #43474f;
  font-weight: 600;
}
.social-capital tr:not(:first-child) {
  height: 47px;
  width: 100%;
  border-bottom: 1px solid #f1f2f3;
}
.social-capital tr:nth-of-type(2n) {
  background-color: #fff;
}
.social-capital th,
.social-capital td {
  vertical-align: middle;
}
.social-capital tr:nth-child(1) {
  height: 60px;
  width: auto;
  text-align: left;
  border-bottom: 1px solid #b9bac2;
}
.social-capital .table-title {
  font-size: 20px;
  font-weight: 800;
  position: relative;
}
.social-capital .light {
  font-weight: 600;
}
.social-capital .preference-doughnut-details .details-description th:nth-child(2) {
  width: 150px;
}
.social-capital .preference-doughnut-details .details-description th:nth-child(3) {
  width: 100px;
}
.social-capital .green {
  color: #00ca8e;
}
.social-capital .blue {
  color: #24c4c8;
}
.social-capital .purple {
  color: #6362d6;
}
.social-capital .red-highlight {
  color: #ff246d;
  background-color: #ffdae7;
}
.social-capital .green-highlight {
  color: #00ca8e;
  background-color: #d9f7ee;
}
.social-capital .blue-highlight {
  color: #24c4c8;
  background-color: #dcf5f6;
}
.social-capital .purple-highlight {
  color: #6362d6;
  background-color: #e5e5f8;
}
.social-capital .red-hightlight,
.social-capital .green-highlight,
.social-capital .blue-highlight,
.social-capital .purple-highlight {
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  border-radius: 5px;
  height: auto;
  width: 50px;
  padding: 5px 0;
}
.social-capital .align-right {
  text-align: right;
  padding-right: 19px;
}
.social-capital .align-center {
  text-align: center;
}
.social-capital .btn-switcher {
  position: absolute;
  top: 19px;
  right: 0;
}
.social-capital .preference-doughnut-details .btn-switcher {
  position: absolute;
  top: 21px;
  right: 0;
}
.social-capital .attendance-doughnut-details .btn-switcher,
.social-capital .satisfaction-doughnut-details .btn-switcher {
  position: absolute;
  top: 21px;
  right: 0;
}
.social-capital .opacity td {
  opacity: 0.5;
}
.social-capital .table-heading-tooltip {
  position: absolute;
  top: 20px;
  right: 15px;
  color: #43474f;
}
.social-capital .table-heading-tooltip .tooltip-down {
  text-transform: none;
  height: auto;
  width: 216px;
  top: 32px;
  left: -104px;
}
.social-capital .table-heading-tooltip .tooltip-down:after {
  right: 47%;
}
.social-capital.hide-learning-preference .youth-attendance:nth-child(2) {
  display: none;
}
.social-capital.hide-learning-preference .experience-doughnut-charts {
  justify-content: center;
}
.social-capital.hide-learning-preference .experience-container.left-arrow:before {
  left: 38%;
}
.social-capital.hide-learning-preference .experience-container.right-arrow:before {
  left: 61.5%;
}
.social-capital.is-elem .experience-doughnut-charts {
  justify-content: center;
}
.social-capital.is-elem .experience-container.left-arrow:before {
  left: 38%;
}
.social-capital.is-elem .experience-container.right-arrow:before {
  left: 61.5%;
}
.social-capital.two-sections .experience-doughnut-charts {
  justify-content: center;
}
.social-capital.two-sections .experience-container.left-arrow:before {
  left: 38%;
}
.social-capital.two-sections .experience-container.right-arrow:before {
  left: 61.5%;
}
.social-capital .table-data-description {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -25px;
  right: 0;
  height: auto;
  width: 100%;
  max-width: 340px;
}
.social-capital .table-data-desc-label {
  font-size: 13px;
  font-weight: bold;
  line-height: 17px;
  color: #43474f;
  text-align: center;
  max-width: initial;
}
.social-capital .green-bg,
.social-capital .red-bg,
.social-capital .blue-bg,
.social-capital .purple-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  height: 30px;
  width: 50px;
  margin: 0 auto;
}
.social-capital .green-bg {
  color: #00ca8e;
  background-color: #d9f7ee;
}
.social-capital .red-bg {
  color: #ff246d;
  background-color: #ffdae7;
}
.social-capital .blue-bg {
  color: #24c4c8;
  background-color: #dcf5f6;
}
.social-capital .purple-bg {
  color: #6362d6;
  background-color: #e5e5f8;
}
.social-capital .fa-info {
  font-size: 13px;
  color: #b1b7c0;
  margin-left: 5px;
  transition: 300ms;
}
.social-capital .fa-info:hover {
  color: #43474f;
}
.social-capital:after {
  display: none;
}
.social-capital .yla-container.left-arrow:before {
  left: 50%;
  transform: translateX(-200px) rotate(45deg);
}
.social-capital .yla-container.right-arrow:before {
  left: 50%;
  transform: translateX(170px) rotate(45deg);
}
.social-capital.civic .attendance-doughnut-details .section-tabs .active span::after {
  background-color: #24c4c8;
}
.social-capital .table-data-description {
  right: initial;
  left: 300px;
  width: 345px;
  max-width: 345px;
}

.social-capital-post tr,
.social-capital-post tr:nth-of-type(2n) {
  background-color: #faf9f9 !important;
}
.social-capital-post .details-description {
  width: 811px;
}
.social-capital-post .details-table {
  width: 811px;
}
.social-capital-post .details-table tr {
  border-bottom: none;
}
.social-capital-post .details-table tr th {
  border-top: 1px solid #e8eaeb;
  border-bottom: 1px solid #b9bac2;
}
.social-capital-post .details-table tr th:first-child {
  border-top: none;
}
.social-capital-post .details-table tr th:nth-last-child(2) {
  width: 20px;
  border-top: none;
  border-bottom: none;
}
.social-capital-post .details-table tr th:last-child {
  height: 34px;
  width: 160px;
  color: #43474f;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
}
.social-capital-post .details-table tr td {
  border-bottom: 1px solid #f1f2f3;
}
.social-capital-post .details-table tr td:nth-last-child(2) {
  width: 20px;
  border-bottom: none;
}
.social-capital-post .table-data-description {
  right: initial;
  left: 300px;
  width: 345px;
  max-width: 345px;
}

.report-experiences-v2_5 {
  color: #43474f;
  background-color: #fff;
  width: 100%;
  height: auto;
  padding-top: 85px;
  position: relative;
}
.report-experiences-v2_5 .experience-wrapper {
  margin: 0 auto;
}
.report-experiences-v2_5 .tab-container {
  display: block;
  margin-bottom: 20px;
}
.report-experiences-v2_5 .experiences-container {
  display: grid;
  grid-template-columns: 332px 682px;
  grid-column-gap: 30px;
  max-width: 1044px;
  margin: 0 auto 0px auto;
  padding-bottom: 45px;
}
.report-experiences-v2_5 .experiences-container .experiences-list,
.report-experiences-v2_5 .experiences-container .experiences-recommendations {
  box-sizing: border-box;
  height: calc(100vh - 155px);
  border: 1px solid #e8eaeb;
  border-radius: 4px;
  box-shadow: 0 3px 4px 0 rgba(22, 23, 26, 0.12);
  overflow-y: auto;
}
.report-experiences-v2_5 .experiences-container .experiences-list::-webkit-scrollbar,
.report-experiences-v2_5 .experiences-container .experiences-recommendations::-webkit-scrollbar {
  display: none;
}
.report-experiences-v2_5 .experiences-list .second-order-experience.first-item .second-order-experience-title {
  border-top: none;
}
.report-experiences-v2_5 .experiences-list .second-order-experience .second-order-experience-title {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 28px;
  box-sizing: border-box;
  border-top: 1px solid #e8eaeb;
  border-bottom: 1px solid #e8eaeb;
  background-color: #faf9f9;
  color: #43474f;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
}
.report-experiences-v2_5 .experiences-list .second-order-experience .experiences-container:first-child > .second-order-experience-title {
  border-top: none;
}
.report-experiences-v2_5 .experiences-list .second-order-experience .second-order-experience-list {
  padding: 14px 16px 16px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.report-experiences-v2_5 .experiences-list .second-order-experience:only-child .second-order-experience-list {
  padding-top: 20px;
  row-gap: 20px;
}
.report-experiences-v2_5 .experiences-list .second-order-experience .experience-type {
  display: flex;
  flex-direction: column;
  row-gap: 11px;
}
.report-experiences-v2_5 .experiences-list .second-order-experience .experience-type-label {
  padding-left: 12px;
  text-transform: uppercase;
  height: 14px;
  color: #16171a;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
}
.report-experiences-v2_5 .experiences-list .second-order-experience .experience-boxes {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.report-experiences-v2_5 .experiences-list .experience-box {
  cursor: pointer;
  margin: auto;
  width: 300px;
  padding: 16px 14px 12px 14px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  box-sizing: border-box;
  border-radius: 12px;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-name {
  width: 264px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact {
  text-transform: uppercase;
  height: 14px;
  display: grid;
  grid-template-columns: 80px 45px 125px;
  grid-column-gap: 10px;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact .potential-dots-line {
  display: flex;
  align-items: center;
  gap: 3px;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact .potential-dots-line .potential-dot {
  height: 5px;
  width: 5px;
  border-radius: 4px;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact .potential-dots-line .potential-dot.on {
  background-color: #6362d6;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact .potential-dots-line .potential-dot.off {
  background-color: #e8eaeb;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact .dots-label {
  color: #86909e;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
  text-align: right;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact .dots-numbers {
  height: 14px;
  color: #6362d6;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-potential-for-impact .dots-numbers.post {
  text-align: right;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score {
  height: 14px;
  text-transform: uppercase;
  display: grid;
  grid-template-columns: 80px 50px 130px;
  grid-column-gap: 5px;
  align-items: center;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score.checkin .implementation-line .score-line {
  background-color: #b15dcb;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score.checkin .implementation-numbers {
  color: #b15dcb;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score .implementation-line {
  height: 6px;
  width: 80px;
  border-radius: 3.5px;
  background-color: #e8eaeb;
  position: relative;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score .implementation-line .score-line {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 6px;
  height: 6px;
  border-radius: 3.5px;
  background-color: #24c4c8;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score .implementation-line .score-line.implementation-zero {
  background-color: #86909e;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score .implementation-numbers {
  height: 14px;
  color: #24c4c8;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
  text-align: right;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score .implementation-numbers.nan {
  color: #86909e;
}
.report-experiences-v2_5 .experiences-list .experience-box .experience-implementation-score .implementation-label {
  color: #86909e;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
  text-align: right;
}
.report-experiences-v2_5 .experiences-list .experience-box.inactive {
  border: 1px solid transparent;
  background-color: #faf9f9;
}
.report-experiences-v2_5 .experiences-list .experience-box.inactive .experience-name,
.report-experiences-v2_5 .experiences-list .experience-box.inactive .experience-potential-for-impact .dots-numbers,
.report-experiences-v2_5 .experiences-list .experience-box.inactive .experience-implementation-score .implementation-numbers {
  color: #86909e;
}
.report-experiences-v2_5 .experiences-list .experience-box.inactive .experience-potential-for-impact .potential-dots-line .potential-dot.on,
.report-experiences-v2_5 .experiences-list .experience-box.inactive .experience-implementation-score .implementation-line .score-line {
  background-color: #b1b7c0;
}
.report-experiences-v2_5 .experiences-list .experience-box.inactive .dots-label,
.report-experiences-v2_5 .experiences-list .experience-box.inactive .implementation-label {
  display: none;
}
.report-experiences-v2_5 .experiences-list .experience-box.active {
  border: 1px solid #e8eaeb;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
}
.report-experiences-v2_5 .experiences-recommendations {
  display: flex;
  flex-direction: column;
}
.report-experiences-v2_5 .experiences-recommendations .recommendation-container {
  padding-top: 24px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience {
  position: relative;
  /*display: grid;
        grid-template-columns: 26px 355px auto;*/
  padding: 0 35px 36px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .selected-experience-icon {
  width: 26px;
  height: 26px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 4px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .selected-experience-icon svg path[fill="#43474F"],
.report-experiences-v2_5 .experiences-recommendations .selected-experience .selected-experience-icon svg g[fill="#43474F"] > path {
  fill: #6362d6;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .selected-experience-title {
  color: #43474f;
  font-size: 28px;
  line-height: 33px;
  letter-spacing: 0.5px;
  font-weight: 700;
  text-align: center;
  max-width: 365px;
  margin-left: auto;
  margin-right: auto;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper {
  display: flex;
  justify-content: center;
  width: 297px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-reflection-guide-link,
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-resources-link {
  padding: 7px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-reflection-guide-link img,
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-resources-link img {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  transform: translateY(-1px);
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-reflection-guide-link span,
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-resources-link span {
  display: inline-block;
  margin-left: -6px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-reflection-guide-link {
  background-color: #24c4c8;
  color: #fff;
  padding-right: 7px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-reflection-guide-link.marginRight {
  margin-right: 16px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience .experience-buttons-wrapper .selected-experience-resources-link {
  color: #43474f;
  border: 1px solid #e8eaeb;
}
.report-experiences-v2_5 .experiences-recommendations .selected-experience-description {
  padding: 24px 32px;
  color: #43474f;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-recommendations {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e8eaeb;
  margin-bottom: 24px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-recommendations .recommendation-item {
  padding: 16px 32px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-recommendations .recommendation-item:nth-child(even) {
  background-color: #f3f2f1;
}
.report-experiences-v2_5 .experiences-recommendations .selected-recommendations .recommendation-item:last-child {
  padding-bottom: 24px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-recommendations .recommendation-item .recommendation-title {
  color: #43474f;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 19px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-recommendations .recommendation-item .recommendation-description {
  margin-top: 16px;
  color: #43474f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}
.report-experiences-v2_5 .experiences-recommendations .experiences-subheader {
  /*margin-top: 32px;*/
  padding: 0 32px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 38px;
  border-top: 1px solid #e8eaeb;
  border-bottom: 1px solid #e8eaeb;
  background-color: #faf9f9;
}
.report-experiences-v2_5 .experiences-recommendations .experiences-subheader .text {
  text-transform: uppercase;
  height: 14px;
  color: #43474f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 14px;
}
.report-experiences-v2_5 .experiences-recommendations .experiences-subheader .text:nth-child(2) {
  margin-left: auto;
}
.report-experiences-v2_5 .experiences-recommendations #best-practices-subheader {
  margin-bottom: 8px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list {
  display: flex;
  flex-direction: column;
  /*row-gap: 20px;*/
  padding: 0 32px;
  border-bottom: 1px solid #e8eaeb;
  margin-bottom: 24px;
  /*.best-practice-line {
            height: 1px;
            background-color: $gray-4;
        }*/
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item {
  padding-right: 31px;
  display: flex;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8eaeb;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item.eesel {
  padding-right: 17px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item:nth-child(1) {
  padding-top: 24px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item.last-element {
  padding-bottom: 24px;
  border-bottom: none;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item .icon-more-info {
  cursor: pointer;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item .recommendation-text {
  width: 425px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item .recommendation-text .recommendation-title {
  width: 425px;
  color: #43474f;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item .recommendation-text .recommendation-description {
  width: 425px;
  color: #43474f;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item .young-received {
  margin-left: auto;
}
.report-experiences-v2_5 .experiences-recommendations .selected-best-practices-list .selected-best-practice-item .young-received svg text {
  fill: #43474f !important;
  font-size: 14px;
  line-height: 16px;
}
.report-experiences-v2_5 .expTabs .tab-switcher {
  margin-bottom: 20px;
}
.report-experiences-v2_5 .expTabs .tab-switcher.add-spacing {
  margin-left: -20px;
}
.report-experiences-v2_5 .expTabs .tab-switcher.add-spacing .tab-switcher-wrapper {
  padding-left: 0;
}
.report-experiences-v2_5 .expTabs .tab-switcher.add-spacing .tab-switcher-wrapper.tab-divider:before {
  width: 0px;
}
.report-experiences-v2_5 .percent-surveyed {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
.report-experiences-v2_5.portfolio .section-title h2 {
  margin: 0 auto 15px;
}

/*************************
 * Dashboard
 *************************/
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus,
p:focus,
span:focus,
em:focus,
aside:focus,
nav:focus,
header:focus,
label:focus,
input:focus,
textarea:focus,
div:focus,
ul:focus,
li:focus {
  outline: none;
}

table {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

table tr:nth-of-type(2n) {
  background-color: transparent !important;
}

a,
.link,
.tool-learn-more {
  font-weight: 700;
  color: #2fc7cb;
  text-decoration: none;
}
a:hover,
.link:hover,
.tool-learn-more:hover {
  cursor: pointer;
}
a:focus,
.link:focus,
.tool-learn-more:focus {
  outline: none;
}

.md-datepicker-input-mask {
  display: none;
}

.md-calendar-scroll-mask {
  display: block;
}

.md-datepicker-calendar {
  position: absolute;
  top: 30px;
  left: 20px;
  border: 1px s6olid #e5ebef;
  border-radius: 4px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.md-calendar-day-header thead tr,
.md-calendar-day-header thead tr th {
  display: flex;
  align-items: center;
  justify-content: center;
}

.md-calendar-date.md-focus .md-calendar-date-selection-indicator {
  background-color: transparent;
}

.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: none;
}

.md-calendar-date-selection-indicator,
.md-calendar-date-today,
.md-calendar-date.md-focus .md-calendar-date-selection-indicator {
  border-radius: 10px;
  transition: 0s;
  height: 40px;
  width: 40px;
}
.md-calendar-date-selection-indicator:hover,
.md-calendar-date-today:hover,
.md-calendar-date.md-focus .md-calendar-date-selection-indicator:hover {
  background-color: #6362d6;
  color: #fff;
}

.md-calendar-selected-date {
  border-radius: 10px;
  transition: 0s;
  height: 40px;
  width: 40px;
  background-color: #6362d6;
  color: #fff;
}

.md-calendar tbody,
.md-calendar td,
.md-calendar tr {
  border: #f1f1f1;
}

.md-calendar-month-label {
  padding-top: 25px;
}

.md-datepicker-calendar-pane {
  border-width: 0;
}

.tool-details {
  letter-spacing: 0.1px;
}
.tool-details .tool-name {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
  color: #6362d6;
  margin: 0 0 12px;
}
.tool-details .tool-desc {
  font-size: 16px;
  font-weight: 600;
  color: #16171a;
  margin: 0 auto 25px;
  max-width: 650px;
}
.tool-details .download-sample-survey {
  display: flex;
  justify-content: center;
  margin: 0 auto 40px;
}
.tool-details .download-btn {
  font-size: 15px;
  font-weight: 600;
  color: #16171a;
  height: auto;
  width: auto;
  padding: 12px 15px 12px 41px;
  border: 1px solid #d7dbde;
  border-radius: 12px;
  background-color: #ffffff;
  outline: none;
}
.tool-details .download-icon {
  position: relative;
}
.tool-details .download-icon:before {
  content: url("/assets/img/dashboard/download-sample.svg");
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
}

.go-back {
  position: relative;
  content: url("/assets/img/dashboard/icon-go-back.svg");
  position: fixed;
  top: 49px;
  left: 50px;
  transform: translateY(-50%);
}
.go-back:hover {
  cursor: pointer;
  filter: brightness(0.5);
}

.new-flow-section {
  position: relative;
  height: auto;
  width: 100%;
  padding: 90px 0;
  min-height: 100vh;
  background-color: #faf9f9;
  line-height: 26px;
}
.new-flow-section.full-viewport-height {
  height: 100vh;
  width: 100%;
}
.new-flow-section .help-icon {
  float: right;
  padding-right: 10px;
}
.new-flow-section .help-icon:after {
  content: "";
  background-image: url("/assets/img/tooltip.png");
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  display: inline-block;
  cursor: pointer;
}
.new-flow-section .close-flow {
  font: 600 16px "work-sans", sans-serif;
  color: #86909e;
  position: fixed;
  top: 48px;
  right: 50px;
  transform: translateY(-50%);
  transition: 500ms;
  z-index: 7;
}
.new-flow-section .close-flow:hover {
  cursor: pointer;
  color: #ff246d;
  transition: 500ms;
}
.new-flow-section .close-icon {
  height: 16px;
  width: 16px;
}
.new-flow-section .steps-progress {
  display: block;
  margin: 20px 38.6% 0;
  height: 4px;
  width: 104px;
  position: relative;
}
.new-flow-section .step-0 {
  background-color: #e8eaeb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -24%;
  transform: translateY(-50%);
  transition: 1.8s;
  height: 10px;
  width: 10px;
}
.new-flow-section .step-1 {
  background-color: #e8eaeb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 24%;
  transform: translateY(-50%);
  transition: 1.8s;
  height: 10px;
  width: 10px;
}
.new-flow-section .step-2 {
  background-color: #e8eaeb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 74%;
  transform: translate(-50%, -50%);
  transition: 1.8s;
  height: 10px;
  width: 10px;
}
.new-flow-section .step-schedule {
  background-color: #e8eaeb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -20%;
  transform: translate(-50%, -50%);
  transition: 1.8s;
  height: 10px;
  width: 10px;
}
.new-flow-section .step-3 {
  background-color: #e8eaeb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -24%;
  transform: translateY(-50%);
  transition: 1.8s;
  height: 10px;
  width: 10px;
}
.new-flow-section .step-4 {
  background-color: #e8eaeb;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -24%;
  transform: translate(400%, -50%);
  transition: 1.8s;
  height: 10px;
  width: 10px;
}
.new-flow-section .line {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  height: 4px;
  width: 40px;
  transition: 0.7s;
  background-color: #e8eaeb;
}
.new-flow-section .current {
  background-color: #2fc7cb;
}
.new-flow-section .steps-explain {
  font-size: 11px;
  font-weight: 600;
  color: #86909e;
  position: absolute;
  top: 12px;
  right: 0%;
  transform: translateY(-50%);
}
.new-flow-section .steps-explain:after {
  content: url("/assets/img/dashboard/icon-help.svg");
  position: absolute;
  top: 65%;
  right: -22px;
  transform: translateY(-50%);
  height: 100%;
  width: 14px;
}
.new-flow-section .steps-explain:hover {
  cursor: pointer;
}
.new-flow-section .steps-title {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
  max-width: 795px;
}
.new-flow-section .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  color: #16171a;
  text-align: center;
}
.new-flow-section .steps {
  position: relative;
  height: auto;
  width: 100%;
  max-width: 795px;
  margin: 0 auto 35px;
  /*&.step3 {
    @include margin(0 auto 40px auto);
  }
  &.stepSite {
    max-width: 681px;
    @include margin(0 auto 35px 20px);
  }*/
}
.new-flow-section .new-flow-screen {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 auto;
  max-width: 650px;
}
.new-flow-section .flow-btns {
  display: flex;
  justify-content: left;
  align-items: center;
  height: auto;
  width: 100%;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
  max-width: 400px;
  z-index: 1;
}
.new-flow-section .flow-btns.schedule {
  justify-content: center;
  position: relative;
}
.new-flow-section .flow-btns.schedule .continue.schedule:hover .btn-tooltip {
  display: block;
}
.new-flow-section .flow-btns.schedule button {
  background-color: #e8eaeb;
  color: #86909e;
  box-shadow: none;
  border: none;
  margin-right: 0;
  cursor: default;
}
.new-flow-section .flow-btns.schedule .btn-tooltip {
  display: none;
  position: absolute;
  top: 51px;
  left: 98px;
  height: 35px;
  padding: 9px;
  background-color: #16171a;
  color: white;
  border-radius: 8px;
  height: 51px;
  width: 238px;
  transition: 300ms ease-in-out;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.new-flow-section .continue {
  position: relative;
  margin-right: 15px;
}
.new-flow-section .continue.step0 {
  text-align: center;
}
.new-flow-section .continue-full {
  width: 100%;
  margin-right: auto;
}
.new-flow-section .continue-full .continue-btn {
  width: 100%;
}
.new-flow-section .continue-step-3 {
  margin: 0 auto;
}
.new-flow-section .skip {
  position: relative;
}
.new-flow-section .continue-btn,
.new-flow-section .skip-btn {
  font-size: 14px;
  font-weight: 600;
  color: #16171a;
  height: 50px;
  width: 158px;
  padding: 12px 29px;
  margin-right: 5px;
  border-radius: 12px;
  border: 1px solid #d7dbde;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  outline: none;
}
.new-flow-section .continue-btn {
  background-color: #24c4c8;
  color: white;
}
.new-flow-section .custom-label {
  height: 16px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  color: #86909e;
  text-transform: uppercase;
  margin-bottom: 9px;
  margin-top: 0;
}
.new-flow-section input[type=text],
.new-flow-section input[type=number],
.new-flow-section input[type=date],
.new-flow-section input[type=email],
.new-flow-section textarea,
.new-flow-section .mat-mdc-input-element,
.new-flow-section select {
  font-size: 15px;
  font-weight: 600;
  height: 44px;
  width: 100%;
  padding: 12px 15px;
  min-width: 200px;
  max-width: 320px;
  color: #16171a;
  border: 1px solid #e8eaeb !important;
  background-color: #fff !important;
  border-radius: 6px !important;
  box-shadow: inset 0 1px 1px 0 rgba(67, 71, 79, 0.2);
  box-sizing: border-box;
  margin-bottom: 22px;
}
.new-flow-section input[type=text]:focus,
.new-flow-section input[type=number]:focus,
.new-flow-section input[type=date]:focus,
.new-flow-section input[type=email]:focus,
.new-flow-section textarea:focus,
.new-flow-section .mat-mdc-input-element:focus,
.new-flow-section select:focus {
  background-color: #fff;
  border: 2px solid #2fc7cb !important;
  box-shadow: none;
}
.new-flow-section ::placeholder {
  font-size: 15px;
  font-weight: 500;
  color: #86909e;
}
.new-flow-section .details-intro {
  text-align: center;
  font-weight: 600;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  max-width: 450px;
}
.new-flow-section .details {
  max-width: 380px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
.new-flow-section textarea {
  height: 94px;
  width: 100%;
  resize: none;
}
.new-flow-section .site-list {
  position: absolute;
  height: auto;
  width: 320px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  box-shadow: none;
  z-index: 100;
}
.new-flow-section .site-list .list {
  transition: 0s;
  max-height: 0;
}
.new-flow-section .show-site-list {
  border: 1px solid #e5ebef;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.new-flow-section .show-site-list .list {
  transition: max-height 0.3s;
  max-height: 195px;
}
.new-flow-section .add-sites input {
  margin-bottom: 12px;
}
.new-flow-section .list {
  margin: 0;
  overflow: auto;
}
.new-flow-section .list li {
  font: 500 16px "work-sans", sans-serif;
  padding: 11px 15px;
}
.new-flow-section .list li:hover {
  cursor: pointer;
  color: #24c4c8;
}
.new-flow-section .added-list {
  display: flex;
  flex-wrap: wrap;
  max-width: 400px;
  margin: 0;
}
.new-flow-section .added-list li {
  font-size: 13px;
  font-weight: 800;
  border-radius: 8px;
  color: #6166cf;
  background-color: #e6e6f7;
  padding: 7px 26px 7px 10px;
  margin-right: 8px;
  margin-bottom: 8px;
  position: relative;
}
.new-flow-section .remove-site {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  opacity: 0.5;
}
.new-flow-section .remove-site:hover {
  cursor: pointer;
}
.new-flow-section .remove-site:after {
  content: url("/assets/img/dashboard/icon-remove.svg");
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
}
.new-flow-section .group-dates {
  display: flex;
  height: auto;
  width: 100%;
}
.new-flow-section .start-date,
.new-flow-section .end-date {
  height: auto;
  width: 50%;
  position: relative;
}
.new-flow-section .start-date:after,
.new-flow-section .end-date:after {
  content: url("/assets/img/dashboard/icon-date.svg");
  position: absolute;
  top: 62%;
  right: 33px;
  transform: translateY(-50%);
}
.new-flow-section .start-date input,
.new-flow-section .end-date input {
  font: 500 15px "work-sans", sans-serif;
  height: auto;
  width: 150px;
  padding: 12px 15px;
  border: 1px solid #d7dbde !important;
}
.new-flow-section .start-date {
  margin-right: 0;
}
.new-flow-section .md-datepicker-input-container {
  border: none;
}
.new-flow-section .group-site-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.new-flow-section .group-site-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 16px;
  transition: 0.3s;
  border: 1px solid #d7dbde;
  background-color: #ffffff;
  border-radius: 6px;
  outline: none;
  font-size: 15px;
  font-weight: 600;
  color: #86909e;
  transition: 500ms;
}
.new-flow-section .non-edit-subtext {
  color: #fea424;
  font-size: 12px;
  font-weight: bold;
}
.new-flow-section input.mat-mdc-input-element {
  min-width: auto;
}

.group-material-dates {
  max-width: 320px;
  /*
  .mat-mdc-form-field .mat-form-field-infix {
    padding-top: 0;
    padding-bottom: 0;
  }

  .mat-form-field-subscript-wrapper {
    margin-top: 0;
  }
  .mat-form-field-appearance-fill {

    .mat-form-field-infix {
      border: none;
      width: 150px;
      img {
        position: absolute;
        right: 14px;
        top: 14px;
        cursor: pointer;
      }
      input {
        margin-bottom: 20px;
      }
    }

    .mat-form-field-suffix {
      position: static;
    }

    .mat-form-field-underline {
      display: none;
    }

    .mat-form-field-wrapper {
      padding-bottom: 0;
    }
  }*/
  /*
  .mat-form-field-label {
    padding-top: 6px;
    padding-left: 15px;
  }*/
}
.group-material-dates .start-date:after,
.group-material-dates .end-date:after {
  content: "";
}
.group-material-dates .start-date input,
.group-material-dates .end-date input {
  height: auto;
  width: 150px;
}
.group-material-dates .start-date {
  padding: 0 10px 0 0;
}
.group-material-dates .end-date {
  padding: 0 0 0 10px;
}
.group-material-dates .inputDate::placeholder {
  font-size: 15px;
  font-weight: 500;
  color: #86909e;
  font-style: italic;
}
.group-material-dates .custom-label {
  margin-bottom: 9px;
}
.group-material-dates .custom-label.survey-date {
  display: flex;
  position: relative;
  height: auto;
}
.group-material-dates .custom-label.survey-date .survey-date-icon {
  color: #fff;
  border-radius: 8px;
  position: relative;
  width: 26px;
  height: 22px;
  margin-right: 6px;
}
.group-material-dates .custom-label.survey-date .survey-date-icon.survey-date-icon-pre {
  background-color: #6362d6;
}
.group-material-dates .custom-label.survey-date .survey-date-icon.survey-date-icon-post {
  background-color: #00ca8e;
}
.group-material-dates .custom-label.survey-date .survey-date-icon img {
  position: absolute;
  top: 4px;
  left: 6px;
  height: 14px;
  vertical-align: initial;
}
.group-material-dates .custom-label.survey-date .survey-date-text {
  left: 32px;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.orgSetupDropdown .dropdown-icon {
  right: 0px !important;
}
.orgSetupDropdown.flip-icon .dropdown-icon {
  right: 12px !important;
}

.orgSetupDropdown {
  width: 320px !important;
}

.manage-program .invite-btn .continue-btn {
  height: 50px;
  width: 190px;
  padding: 9px;
}

.organization-setup-flow .help-icon {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: none;
  padding-right: 22px;
}
.organization-setup-flow .help-icon:after {
  background-image: url("/assets/img/icon-help.png");
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
}
.organization-setup-flow .help-icon .tooltip-right {
  left: 30px;
  height: auto;
  width: 220px;
  padding: 8px 10px;
}
.organization-setup-flow .new-organization,
.organization-setup-flow .organization-details,
.organization-setup-flow .organization-permission {
  position: relative;
  height: auto;
  width: 100%;
  max-width: 650px;
}
.organization-setup-flow .continue-step-3 {
  margin: 0 auto;
}
.organization-setup-flow .almost-there-btn,
.organization-setup-flow .agree-btn {
  background-color: #24c4c8;
  color: white;
}
.organization-setup-flow .agree-btn {
  width: 450px;
  left: -55px;
  position: relative;
}
.organization-setup-flow .new-organization {
  margin: 0 auto;
}
.organization-setup-flow .country-list,
.organization-setup-flow .state-list,
.organization-setup-flow .month-list {
  position: absolute;
  left: 0;
  height: auto;
  width: 335px;
  left: 155px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: transparent;
  box-shadow: none;
  z-index: 100;
}
.organization-setup-flow .country-list .list,
.organization-setup-flow .state-list .list,
.organization-setup-flow .month-list .list {
  transition: 0s;
  max-height: 0;
}
.organization-setup-flow .month:hover {
  cursor: pointer;
}
.organization-setup-flow .month:focus {
  outline: none;
}
.organization-setup-flow .country-list {
  z-index: 101;
  width: 335px;
}
.organization-setup-flow .state-list {
  height: auto;
  width: 75px;
  left: 334px;
}
.organization-setup-flow .show-country-list,
.organization-setup-flow .show-state-list,
.organization-setup-flow .show-month-list {
  border: 1px solid #e5ebef;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.organization-setup-flow .show-country-list .list,
.organization-setup-flow .show-state-list .list,
.organization-setup-flow .show-month-list .list {
  transition: max-height 0.3s;
  max-height: 195px;
}
.organization-setup-flow .list {
  margin: 0;
  overflow-y: scroll;
}
.organization-setup-flow .list li {
  font: 500 16px "work-sans", sans-serif;
  padding: 11px 15px;
}
.organization-setup-flow .list li:hover {
  cursor: pointer;
  color: #24c4c8;
}
.organization-setup-flow .organization-details {
  margin: 0 auto;
}
.organization-setup-flow .details-intro.consent {
  text-align: left;
}
.organization-setup-flow .consent-link {
  width: 450px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
.organization-setup-flow .consent-link img {
  float: left;
}
.organization-setup-flow .consent-link p {
  color: #24c4c8;
  font-weight: 600;
}
.organization-setup-flow .consent-link p:hover {
  cursor: pointer;
}
.organization-setup-flow .consent-agreement {
  width: 450px;
  margin-top: 50px;
  margin-bottom: 25px;
  margin-right: auto;
  margin-left: auto;
}
.organization-setup-flow .consent-agreement .agreement-paragraph {
  color: #86909e;
  font-size: 14px;
  font-weight: 500;
  margin-top: 25px;
  width: 450px;
}
.organization-setup-flow textarea {
  height: 94px;
  width: 100%;
  margin-bottom: 40px;
  resize: none;
}
.organization-setup-flow .location-row .custom-label {
  display: inline-block;
}
.organization-setup-flow .location-row input {
  min-width: 70px;
  display: inline-block;
}
.organization-setup-flow .location-row .city {
  width: 205px;
}
.organization-setup-flow .location-row .zip-code {
  width: 120px;
}
.organization-setup-flow .country {
  color: transparent !important;
  text-shadow: 0 0 0 #16171a;
}
.organization-setup-flow .country:hover {
  cursor: pointer;
}
.organization-setup-flow .country:focus {
  outline: none;
}
.organization-setup-flow .location-row.isUS .city {
  width: 174px;
}
.organization-setup-flow .location-row.isUS .state-container {
  display: inline-block;
  width: 75px;
}
.organization-setup-flow .location-row.isUS .state {
  width: 78px;
}
.organization-setup-flow .location-row.isUS .state-input {
  color: transparent !important;
  text-shadow: 0 0 0 #16171a;
  color: transparent !important;
  text-shadow: 0 0 0 #16171a;
}
.organization-setup-flow .location-row.isUS .state-input:hover {
  cursor: pointer;
}
.organization-setup-flow .location-row.isUS .zip-code {
  width: 75px;
}
.organization-setup-flow .organization-permission {
  margin: 0 auto;
}
.organization-setup-flow .input-dropdown {
  position: relative;
  max-width: 99%;
}
.organization-setup-flow .input-dropdown .dropdown-icon {
  position: absolute;
  top: 19px;
  right: 0;
  transition: 0s;
  height: 22px;
  width: 22px;
}
.organization-setup-flow .input-dropdown .dropdown-icon:focus {
  outline: none;
}
.organization-setup-flow .input-dropdown .dropdown-icon:hover {
  cursor: pointer;
}
.organization-setup-flow .input-dropdown.flip-icon .dropdown-icon {
  top: 2px;
  right: 12px;
  transform: rotate(180deg);
}
.organization-setup-flow .continue .continue-btn.disabled {
  color: #86909e;
  background-color: #e8eaeb;
  border: none;
  box-shadow: none;
}
.organization-setup-flow .continue .continue-btn.disabled:hover {
  cursor: default;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo {
  min-height: 310px;
  width: 883px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  margin-bottom: 50px;
  justify-content: space-between;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI {
  width: 445px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box1LWSI,
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box2LWSI,
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box3LWSI {
  box-sizing: border-box;
  min-height: 75px;
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box1LWSI .boxLeft,
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box2LWSI .boxLeft,
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box3LWSI .boxLeft {
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 0 0 8px;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box1LWSI .boxRight,
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box2LWSI .boxRight,
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box3LWSI .boxRight {
  width: 389px;
  padding: 14px;
  box-sizing: border-box;
  color: #86909e;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  border-top: 1px solid #e8eaeb;
  border-bottom: 1px solid #e8eaeb;
  border-right: 1px solid #e8eaeb;
  border-radius: 0 8px 8px 0;
  background-color: #ffffff;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box1LWSI .boxLeft {
  background-color: #6362d6;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box2LWSI .boxLeft {
  background-color: #24c4c8;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box3LWSI {
  margin-bottom: 0px;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .leftSideWSI .box3LWSI .boxLeft {
  background-color: #00ca8e;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .rightSideWSI {
  width: 405px;
  min-height: 331px;
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .rightSideWSI .calendlyBox {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 1px solid #e8eaeb;
  border-radius: 8px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .rightSideWSI .calendlyBox .schedule-btn {
  height: 44px;
  width: 188px;
  box-shadow: 0 3px 6px 0 rgba(36, 196, 200, 0.4);
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
  border-radius: 12px;
  background-color: #24c4c8;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.organization-setup-flow .schedule-step .wrapperScheduleInfo .rightSideWSI .calendlyBox .schedule-btn:hover {
  box-shadow: 0 5px 6px 0 rgba(36, 196, 200, 0.4);
  cursor: pointer;
}

.organization-setup-landing {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 80vh;
  grid-template-areas: "org" "prog";
  padding-top: 56px;
}
.organization-setup-landing .org-box {
  grid-area: prog;
  position: relative;
}
.organization-setup-landing .start-box {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.organization-setup-landing .add-img {
  display: block;
  width: 25%;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
}
.organization-setup-landing .title {
  font: 600 28px "work-sans", sans-serif;
  color: #16171a;
  text-align: center;
  margin-bottom: 5px;
}
.organization-setup-landing .desc {
  color: #43474f;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  width: 570px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.organization-setup-landing .start-btn {
  display: block;
  font: 600 20px "work-sans", sans-serif;
  color: #fff;
  border: 1px solid #24c4c8;
  border-radius: 12px;
  background-color: #24c4c8;
  box-shadow: 0 2px 8px 0 #dcf5f6;
  margin: 0 auto;
  padding: 12px 14px;
  height: auto;
  width: 165px;
  outline: none;
}

.no-blinking-cursor {
  color: transparent !important;
  text-shadow: 0 0 0 #16171a;
}

/*************************
 *  Print
 *************************/
.print-only {
  display: none !important;
}

@media print {
  /*************************
    *  Defaults
    *************************/
  * {
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  html,
  body {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  p,
  span,
  ul li,
  pre {
    font-size: 12pt;
    font-weight: 500;
    line-height: 1.7 !important;
    page-break-inside: avoid;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  pre {
    color: rgb(0, 0, 0) !important;
    opacity: 0.8;
    page-break-inside: avoid;
  }
  pre {
    margin-bottom: 1.5em;
    page-break-inside: avoid;
  }
  div {
    page-break-inside: avoid;
  }
  @page {
    size: letter portrait;
    margin: 14.5520833315mm 7.937499999mm 18.7854166643mm;
    counter-increment: page;
    @bottom-left-corner {
      color: rgb(0, 0, 0) !important;
    }
  }
  @page :first {
    content: "alsdfjalsf";
  }
  @page :blank {
    @top-center {
      content: "This page is intentionally left blank.";
    }
  }
  .print-only {
    display: inherit !important;
  }
  #black-header,
  .report-header {
    display: none;
  }
  main,
  .top-fix {
    margin: 0;
    padding: 0;
  }
  .body-pad {
    padding: 0 !important;
  }
  .main-report-container {
    /*************************
        *  Cover Page
        *************************/
    /*************************
        *  Introduction
        *************************/
    /*************************
        *  Overview
        *************************/
    /*************************
        *  Demographics
        *************************/
    /*************************
        *  Need/Impact
        *************************/
    /*************************
        *  SEL Benchmark
        *************************/
    /*************************
        *  Assets
        *************************/
    /*************************
        *  College Readiness Skills
        *************************/
    /*************************
        *  Internship Experience
        *************************/
    /*************************
        *  Learning Preferences & Youth Experience
        *************************/
    /*************************
        *  Recommendations
        *************************/
    /*************************
        *  Civic Engagement
        *************************/
  }
  .main-report-container .introduction:after,
  .main-report-container .overview:after,
  .main-report-container .demographics:after,
  .main-report-container .impact:after,
  .main-report-container .sel-benchmark:after,
  .main-report-container .assets:after,
  .main-report-container .experience:after {
    display: none;
  }
  .main-report-container .print-btn {
    position: fixed;
    top: 10px;
    right: 20px;
    border: 1px solid rgba(99, 98, 214, 0.5);
    outline: none;
    z-index: 9999;
    height: 50px;
    width: auto;
    border-radius: 2px;
    background-color: rgba(99, 98, 214, 0.5);
  }
  .main-report-container .print-btn:hover {
    background-color: rgba(99, 98, 214, 0.6);
  }
  .main-report-container .section-title,
  .main-report-container .section-title h2 {
    text-transform: uppercase;
    font-size: 16pt;
    font-weight: 900;
    margin: 15pt auto 5pt 0;
    text-align: left;
  }
  .main-report-container .section-description,
  .main-report-container .section-description p,
  .main-report-container .section-description pre {
    height: auto;
    width: 100%;
    font-weight: 500;
  }
  .main-report-container .hide-for-print {
    display: none !important;
  }
  .main-report-container text {
    fill: rgb(0, 0, 0) !important;
  }
  .main-report-container .report-title {
    font-family: "work-sans", sans-serif;
    text-align: center;
    margin-top: 140pt;
    margin-bottom: 39pt;
  }
  .main-report-container .report-title .title h1 {
    font-size: 14pt;
    font-weight: 800;
  }
  .main-report-container .report-title .sub-title {
    font-size: 14pt;
    text-transform: uppercase;
    font-weight: 700;
    color: rgb(0, 0, 0) !important;
    opacity: 0.8;
  }
  .main-report-container .report-title .post-color .sub-title {
    color: #00ca8e !important;
  }
  .main-report-container .report-type,
  .main-report-container .org-title,
  .main-report-container .program-title,
  .main-report-container .site-title,
  .main-report-container .group-title {
    font-family: "work-sans", sans-serif;
    text-align: center;
    margin-top: 0;
    margin-bottom: 39pt;
  }
  .main-report-container .report-type .title h2,
  .main-report-container .org-title .title h2,
  .main-report-container .program-title .title h2,
  .main-report-container .site-title .title h2,
  .main-report-container .group-title .title h2 {
    font-size: 22pt;
    color: rgb(0, 0, 0) !important;
    font-weight: 800;
  }
  .main-report-container .report-type .sub-title,
  .main-report-container .org-title .sub-title,
  .main-report-container .program-title .sub-title,
  .main-report-container .site-title .sub-title,
  .main-report-container .group-title .sub-title {
    font-size: 14pt;
    font-weight: 800;
    text-transform: uppercase;
    color: #6362d6 !important;
  }
  .main-report-container .post-report-color .report-type .sub-title,
  .main-report-container .post-report-color .org-title .sub-title,
  .main-report-container .post-report-color .program-title .sub-title,
  .main-report-container .post-report-color .site-title .sub-title,
  .main-report-container .post-report-color .group-title .sub-title {
    color: #00ca8e !important;
  }
  .main-report-container .introduction {
    display: block;
    margin: auto;
    padding: 0;
    height: auto;
    width: auto;
    page-break-before: always;
  }
  .main-report-container .introduction .introduction-wrapper {
    display: inherit;
    max-width: 100%;
  }
  .main-report-container .introduction .hidden {
    display: block !important;
  }
  .main-report-container .introduction .flex-row {
    display: block;
  }
  .main-report-container .introduction .capacity {
    height: auto;
    width: auto;
    margin-bottom: 15pt;
    padding-bottom: 0;
    min-width: auto;
    max-width: 100%;
  }
  .main-report-container .introduction .capacity h3 {
    padding-top: 28px !important;
    margin: 0;
    height: auto;
    width: auto;
  }
  .main-report-container .introduction h3::before {
    content: none !important;
  }
  .main-report-container .introduction .sel-capacities h3 {
    padding-top: 28px !important;
    font-size: 11pt;
    font-weight: 700;
    margin: 0;
    height: auto;
    width: auto;
  }
  .main-report-container .introduction .flex-row {
    margin: 0;
  }
  .main-report-container .introduction .introduction-text {
    height: auto;
    width: 100%;
    color: rgb(0, 0, 0) !important;
  }
  .main-report-container .introduction .introduction-text h2 {
    position: relative;
    font-weight: 700;
  }
  .main-report-container .introduction .introduction-text h2::after {
    content: "";
    height: 2pt;
    width: 60pt;
    background-color: #24c4c8;
    position: absolute;
    bottom: -6pt;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .main-report-container .introduction .introduction-text h2:nth-child(n+1) {
    margin-top: 30pt;
  }
  .main-report-container .introduction .introduction-text h3,
  .main-report-container .introduction .introduction-text p,
  .main-report-container .introduction .introduction-text pre {
    padding: 0;
    font-size: 12pt;
  }
  .main-report-container .introduction .introduction-text .capacity h3 {
    font-weight: 800;
  }
  .main-report-container .introduction .introduction-text .capacity h3,
  .main-report-container .introduction .introduction-text .capacity p {
    font-size: 11pt;
    line-height: 1.4 !important;
  }
  .main-report-container .introduction .how-to-use {
    display: block;
    margin: 0 !important;
    padding: 0 0 15pt;
  }
  .main-report-container .introduction .img {
    display: none;
  }
  .main-report-container .introduction .recommendation {
    height: auto;
    width: 100%;
    font-size: 11pt;
    font-weight: 600;
    line-height: 1.4;
  }
  .main-report-container .introduction .learn-more {
    display: none;
  }
  .main-report-container .introduction .print-only {
    display: inline !important;
  }
  .main-report-container .overview {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    page-break-before: always;
  }
  .main-report-container .overview .overview-wrapper {
    max-width: 100%;
  }
  .main-report-container .overview .overview-content:nth-child(3) {
    margin-bottom: 0;
  }
  .main-report-container .overview .overview-description {
    justify-content: left;
  }
  .main-report-container .overview .overview-description .overview-description-column {
    margin-left: 50pt;
  }
  .main-report-container .overview .overview-description .overview-description-column .main-label {
    font-size: 14pt;
    font-weight: 800;
    color: rgb(0, 0, 0) !important;
    opacity: 0.8;
    line-height: 1.4 !important;
  }
  .main-report-container .overview .overview-description .overview-description-column .sub-label {
    font-size: 10pt;
    font-weight: 900;
    opacity: 0.4;
    color: rgb(0, 0, 0) !important;
    margin-top: -5px;
  }
  .main-report-container .overview .overview-description .overview-description-column .sub-label:after {
    margin-right: -40px;
    top: 10px;
  }
  .main-report-container .overview .overview-description .overview-description-column:not(:last-child)::after {
    margin-top: -50px;
    margin-right: -40px;
  }
  .main-report-container .overview .overview-content {
    margin: 0;
  }
  .main-report-container .overview .overview-content .overview-content-timeframe .timeframe .timeframe-title,
  .main-report-container .overview .overview-content .overview-content-timeframe .timeframe .timeframe-description {
    color: rgb(0, 0, 0);
  }
  .main-report-container .overview .overview-content .overview-content-img {
    display: none;
  }
  .main-report-container .overview .overview-content .overview-content-timeframe {
    height: auto;
    width: 100%;
  }
  .main-report-container .overview .overview-content .overview-content-timeframe h3,
  .main-report-container .overview .overview-content .overview-content-timeframe .date {
    color: #24c4c8 !important;
  }
  .main-report-container .overview .timeframe-subtitle {
    color: #24c4c8 !important;
  }
  .main-report-container .overview .print-col {
    display: flex;
    height: auto;
    width: 100%;
    flex-flow: wrap;
  }
  .main-report-container .overview .print-col .timeframe:nth-child(2) {
    height: auto;
    width: 100%;
  }
  .main-report-container .overview .print-col .timeframe:nth-child(3), .main-report-container .overview .print-col .timeframe:nth-child(4) {
    height: auto;
    width: 50%;
  }
  .main-report-container .overview .print-col .timeframe:nth-child(3) {
    padding-right: 11.5pt;
  }
  .main-report-container .overview .print-col .timeframe:nth-child(4) {
    padding-top: 20pt;
    padding-left: 11.5pt;
  }
  .main-report-container .demographics {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    page-break-before: always;
  }
  .main-report-container .demographics .section-description {
    margin-bottom: 20px;
  }
  .main-report-container .demographics .donut-column {
    height: auto;
    width: 50%;
    opacity: 1 !important;
  }
  .main-report-container .demographics .donut-column::after {
    display: none;
  }
  .main-report-container .demographics .donut-column:nth-child(1) {
    padding-right: 20px;
  }
  .main-report-container .demographics .donut-column:nth-child(3) {
    padding-left: 20px;
  }
  .main-report-container .demographics .donut-column:nth-child(2), .main-report-container .demographics .donut-column:nth-child(4) {
    padding: 0 20px;
  }
  .main-report-container .demographics .legend-col {
    display: flex;
    align-items: center;
    color: rgb(0, 0, 0);
    white-space: normal !important;
    max-width: 100%;
    overflow: initial;
  }
  .main-report-container .demographics .legend-table .legend-row {
    height: auto;
  }
  .main-report-container .demographics .tool-print-spacing #donut-demographic-3,
  .main-report-container .demographics .tool-print-spacing #donut-demographic-4,
  .main-report-container .demographics .tool-print-spacing #donut-demographic-5,
  .main-report-container .demographics .core-print-spacing #donut-demographic-3,
  .main-report-container .demographics .core-print-spacing #donut-demographic-4,
  .main-report-container .demographics .core-print-spacing #donut-demographic-5 {
    margin-top: 10px;
  }
  .main-report-container .demographics .core-print-spacing:nth-child(4) {
    padding-right: 20px;
  }
  .main-report-container .demographics .core-print-spacing:nth-child(5) {
    padding: 0 20px;
  }
  .main-report-container .demographics .tool-print-spacing:nth-child(4) {
    padding-left: 0;
    padding-right: 20px;
  }
  .main-report-container .demographics .tool-print-spacing:nth-child(5) {
    padding: 0 20px;
  }
  .main-report-container .demographics .tool-print-spacing:nth-child(6) {
    padding-left: 20px;
  }
  .main-report-container .demographics .legend {
    height: auto;
    width: 100%;
  }
  .main-report-container .demographics .no-responses {
    display: none;
  }
  .main-report-container .demographics td {
    color: rgb(0, 0, 0);
  }
  .main-report-container .impact {
    height: auto;
    width: 100%;
    padding: 0;
    page-break-before: always;
  }
  .main-report-container .impact .numeric-value-switcher {
    display: none;
  }
  .main-report-container .impact .active-tools .impact-box-charts {
    height: auto;
    width: 100%;
  }
  .main-report-container .impact .impact-box-charts h3 {
    opacity: 1;
  }
  .main-report-container .impact .impact-box-charts .impact-heading {
    text-transform: uppercase;
  }
  .main-report-container .impact .impact-box-charts h4 {
    font-style: normal;
    font-weight: 700;
  }
  .main-report-container .impact .active-tools .tools-2-col {
    display: block;
  }
  .main-report-container .impact .active-tools .college-readiness,
  .main-report-container .impact .active-tools .core-sel {
    border: none;
    box-shadow: none;
    padding-top: 0px;
    padding-bottom: 0;
  }
  .main-report-container .impact .active-tools .tool-title-heading {
    font-weight: 800;
    opacity: 1;
    color: rgb(0, 0, 0);
    text-transform: none;
  }
  .main-report-container .impact .active-tools .tool-subtitle {
    margin-top: 0;
  }
  .main-report-container .impact .active-tools .print-opened {
    position: inherit !important;
    visibility: visible !important;
    margin: 0 5px !important;
    opacity: 1 !important;
  }
  .main-report-container .impact .active-tools .print-closed {
    display: none;
  }
  .main-report-container .impact .active-tools .view-details {
    display: none;
  }
  .main-report-container .impact .impact-box-charts h3 {
    color: #00ca8e !important;
  }
  .main-report-container .impact .sub-label {
    display: none;
  }
  .main-report-container .impact .close-icon {
    display: none;
  }
  .main-report-container .impact .green-line:after,
  .main-report-container .impact .purple-line:after {
    display: none;
  }
  .main-report-container .impact .tool-title {
    margin-bottom: 0 !important;
  }
  .main-report-container .impact-pre .impact-box-charts h3 {
    color: #24c4c8 !important;
  }
  .main-report-container .sel-benchmark {
    height: auto;
    width: 100%;
    padding: 0;
    page-break-before: always;
  }
  .main-report-container .sel-benchmark .sel-data-pre .sel-data-heading {
    opacity: 0.7;
  }
  .main-report-container .sel-benchmark .sel-data-post .sel-data-heading {
    opacity: 0.7;
  }
  .main-report-container .sel-benchmark .show-report-type {
    font-size: inherit;
    font-weight: inherit;
  }
  .main-report-container .sel-benchmark .sel-conclusion {
    page-break-before: always;
  }
  .main-report-container .assets {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    page-break-before: always;
  }
  .main-report-container .assets .section-description {
    margin: 0;
  }
  .main-report-container .assets .assets-diagram {
    margin: 0 auto;
    page-break-before: always;
  }
  .main-report-container .assets .btn-switcher {
    visibility: hidden;
  }
  .main-report-container .assets .hover-tooltip {
    display: none;
  }
  .main-report-container .assets .assets-diagram-heading span {
    color: rgb(0, 0, 0);
    line-height: 1 !important;
  }
  .main-report-container .assets .assets-diagram-pre-grade .low-score,
  .main-report-container .assets .assets-diagram-pre-grade .high-score {
    color: rgb(0, 0, 0);
  }
  .main-report-container .assets .pre-diagram h2,
  .main-report-container .assets .assets-diagram-college h2,
  .main-report-container .assets .assets-diagram-coresel h2 {
    transform: rotate(-90deg) translateX(-5%);
    white-space: unset;
  }
  .main-report-container .assets .assets-diagram-college {
    margin-bottom: 10px;
  }
  .main-report-container .assets .assets-tool-label {
    left: -35px !important;
  }
  .main-report-container .assets .assets-tool-label span {
    display: inline-block;
    font-size: 10pt;
    text-align: center;
    margin-left: 10px;
  }
  .main-report-container .assets .assets-dropdown {
    display: none !important;
  }
  .main-report-container .assets .pre-diagram .assets-diagram-college::before,
  .main-report-container .assets .pre-diagram .assets-diagram-coresel::before {
    left: -20px !important;
  }
  .main-report-container .assets .assets-diagram-capacities .made-gains {
    top: 58% !important;
    left: 41% !important;
  }
  .main-report-container .assets .assets-diagram-capacities .made-gains.one-digit {
    top: 53% !important;
    left: 44% !important;
  }
  .main-report-container .assets .assets-diagram-capacities {
    height: 85px !important;
    padding: 5px 0;
    align-items: center;
  }
  .main-report-container .assets .assets-diagram-capacities .assets-diagram-pre-grade {
    height: auto;
    padding-top: 0;
  }
  .main-report-container .assets .assets-diagram-capacities .assets-diagram-capacity h3 {
    margin-left: 30px;
    font-weight: 600;
  }
  .main-report-container .assets .assets-diagram-capacities .assets-diagram-capacity .fa-info {
    display: none;
  }
  .main-report-container .skills {
    page-break-before: always;
  }
  .main-report-container .skills .attendance-doughnut-details {
    display: inherit !important;
  }
  .main-report-container .skills .mid-arrow:before {
    display: none;
  }
  .main-report-container .skills .attendance-doughnut-details {
    background-color: transparent;
    box-shadow: none;
  }
  .main-report-container .skills .numeric-value-switcher {
    display: none;
  }
  .main-report-container .skills .fa-info {
    display: none;
  }
  .main-report-container .skills .table-data-description {
    left: initial;
    right: 0;
  }
  .main-report-container .skills .table-data-description:after {
    display: none;
  }
  .main-report-container .skills .details-table {
    width: 100%;
  }
  .main-report-container .skills .details-table tr:first-child {
    height: 60px;
  }
  .main-report-container .internship-experience {
    page-break-before: always;
  }
  .main-report-container .internship-experience .internship-container {
    background-color: transparent;
    box-shadow: none;
  }
  .main-report-container .internship-experience .arrows {
    display: none;
  }
  .main-report-container .internship-experience .chart-2-table {
    page-break-before: always;
    display: flex !important;
    margin-top: 50px;
  }
  .main-report-container .experience {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    page-break-before: always;
  }
  .main-report-container .experience .details-table tr th:nth-child(3),
  .main-report-container .experience .details-table tr td:nth-child(3) {
    display: none;
  }
  .main-report-container .experience .preference-pre-details .details-table tr td:nth-child(1),
  .main-report-container .experience .preference-pre-details .details-table tr td:nth-child(2) {
    color: rgb(0, 0, 0);
    font-weight: 600;
  }
  .main-report-container .experience .experience-doughnut-charts {
    display: none;
  }
  .main-report-container .experience .attendance-doughnut-details,
  .main-report-container .experience .preference-doughnut-details,
  .main-report-container .experience .satisfaction-doughnut-details {
    display: none;
  }
  .main-report-container .experience #print-youth-experience-0 .legend:nth-child(4) text,
  .main-report-container .experience #print-youth-experience-1 .legend:nth-child(4) text,
  .main-report-container .experience #print-youth-experience-2 .legend:nth-child(4) text {
    display: none;
  }
  .main-report-container .experience text {
    font-family: "work-sans", sans-serif;
    font-size: 2em;
    font-weight: 800;
    position: relative;
  }
  .main-report-container .experience .print-experience {
    height: auto;
    width: 100%;
  }
  .main-report-container .experience .print-experience .details-table tr th:nth-child(3),
  .main-report-container .experience .print-experience .details-table tr td:nth-child(3) {
    display: table-cell;
    min-width: 200px;
  }
  .main-report-container .experience .print-experience td:nth-child(1) {
    color: rgb(0, 0, 0);
  }
  .main-report-container .experience .print-row {
    display: flex;
    height: auto;
    width: 100%;
    flex-flow: wrap;
    justify-content: center;
    margin-bottom: 50px;
  }
  .main-report-container .experience .col-0 {
    height: auto;
    width: 25%;
  }
  .main-report-container .experience .col-1 {
    height: auto;
    width: 75%;
  }
  .main-report-container .experience .chart-title {
    margin: 0 0 5px;
  }
  .main-report-container .experience .chart-title h3 {
    text-align: left;
    font-weight: 800;
    margin: 0;
  }
  .main-report-container .experience .chart-desc {
    margin: 0;
  }
  .main-report-container .experience .chart-desc .details-description {
    height: auto;
    width: 100%;
    margin: 0;
  }
  .main-report-container .experience .chart-desc .details-description p,
  .main-report-container .experience .chart-desc .details-description pre {
    font-size: 11pt;
    line-height: 1.4 !important;
    font-weight: 500;
  }
  .main-report-container .experience .print-table {
    margin: 10px 0 0;
  }
  .main-report-container .experience .print-table tr:nth-child(1) {
    height: 0;
  }
  .main-report-container .experience .print-table tr td {
    padding-left: 0;
    padding-right: 0;
  }
  .main-report-container .experience .table-title {
    font-size: 10pt !important;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
  }
  .main-report-container .experience .table-title:nth-child(2) {
    color: rgb(0, 0, 0);
  }
  .main-report-container .experience .table-title:nth-child(3) {
    color: #24c4c8;
  }
  .main-report-container .experience .print-row .table-title {
    text-align: center;
  }
  .main-report-container .experience .preferred-table {
    height: auto;
    width: 100%;
  }
  .main-report-container .experience-post tr,
  .main-report-container .experience-post tr:nth-of-type(2n) {
    background: #fff !important;
  }
  .main-report-container .recommendations {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    page-break-before: always;
    color: rgb(0, 0, 0);
  }
  .main-report-container .recommendations .rec-title {
    margin-bottom: 21px;
  }
  .main-report-container .recommendations .rec-content {
    padding: 0 0 25px;
  }
  .main-report-container .recommendations .rec-potential-container {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .main-report-container .recommendations .rec-potential-container.pre-margin {
    margin-bottom: 21px;
  }
  .main-report-container .recommendations .rec-potential-label {
    margin-right: 16px;
  }
  .main-report-container .recommendations .rec-potential {
    margin-left: 0;
    height: auto;
    width: auto;
  }
  .main-report-container .recommendations .rec-desc {
    margin-bottom: 21px;
  }
  .main-report-container .recommendations .opt-letter {
    color: rgb(0, 0, 0);
  }
  .main-report-container .recommendations .fa {
    color: #6362d6;
    margin-right: 10px;
  }
  .main-report-container .recommendations .no-experiences-print .rec-potential-container {
    display: none;
  }
  .main-report-container .recommendations .no-experiences-print .opt-letter {
    color: #24c4c8;
  }
  .main-report-container .recommendations .elem-potential-score {
    color: #6362d6;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    margin-right: 15px;
  }
  .main-report-container .recommendations .score {
    display: flex;
    align-items: center;
  }
  .main-report-container .recommendations .score .circle {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e8eaeb;
  }
  .main-report-container .recommendations .score .circle.on {
    background-color: #6362d6;
  }
  .main-report-container .recommendations .score .circle:not(:last-child) {
    margin-right: 7px;
  }
  .main-report-container .recommendations .elem-exp-received {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 21px;
  }
  .main-report-container .recommendations .elem-exp-received .received {
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    color: #86909e;
    margin: 0 16px 0 0;
  }
  .main-report-container .recommendations .elem-exp-received .percent-label {
    color: #24c4c8;
    font-weight: bold;
    margin-right: 16px;
  }
  .main-report-container .recommendations .elem-exp-received .progress-bar-container {
    display: flex;
    margin-left: 0;
    width: 100%;
    max-width: 130px;
    height: 6px;
    align-items: center;
  }
  .main-report-container .recommendations .elem-exp-received .progress-bar-container .progress-bar {
    max-width: 130px;
  }
  .main-report-container .recommendations .elem-exp-received .progress-bar-container .progress-bar-fill {
    background-color: #24c4c8;
    height: 6px;
  }
  .main-report-container .yla-print .attendance-doughnut-details {
    padding: 20px 0;
  }
  .main-report-container .yla-print .attendance-doughnut-details .details-description {
    width: auto;
    margin: 0;
  }
  .main-report-container .yla-print .attendance-doughnut-details .details-description .chart-label {
    text-align: left;
    font-weight: 800;
    font-size: 1.125em;
    margin: 0;
  }
  .main-report-container .yla-print .attendance-doughnut-details .details-description .details-definition {
    width: auto;
    font-size: 11pt !important;
    line-height: 1.4 !important;
  }
  .main-report-container .yla-print .attendance-doughnut-details .details-description .table-data-description {
    left: 297px;
  }
  .main-report-container .yla-print .attendance-doughnut-details .details-table {
    margin: 60px 0 0;
  }
  .main-report-container .experience-container:before {
    display: none;
  }
}
.print-container {
  margin: 0;
  padding: 0;
  /* Logo */
  /* Introduction */
}
.print-container .print-header {
  display: flex;
}
.print-container .print-heading {
  font-size: 10.25pt;
  color: #86909e !important;
  font-weight: bold;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 2px;
}
.print-container .logo {
  display: block;
  margin: 0 auto;
}
.print-container .print-introduction {
  margin-bottom: 17pt;
}
.print-container .print-group-name {
  font-size: 11pt;
  font-weight: bold;
  line-height: normal;
  color: #16171a;
  margin-bottom: 1px;
}
.print-container .print-group-name .date {
  font-size: 11pt;
  font-weight: bold;
  line-height: normal;
  color: #16171a;
  text-transform: uppercase;
}
.print-container .print-group-info {
  font-size: 11pt;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #43474f;
  margin-bottom: 8pt;
}
.print-container .need-help {
  font-size: 8pt;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #43474f;
  margin-bottom: 8pt;
}
.print-container .need-help-link {
  font-size: 8pt;
  color: #24c4c8;
}
.print-container .general-info {
  font-size: 8.75pt;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.22;
  letter-spacing: normal;
  color: #43474f;
}
.print-container .pre-info {
  margin-bottom: 10.25pt;
}
.print-container .text-var {
  font-size: 8.75pt;
  font-weight: bold;
  position: relative;
  line-height: 1.22 !important;
  white-space: nowrap;
}
.print-container .text-var:before {
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
}
.print-container .text-icon {
  margin: -2px 4px 0;
}
.print-container .pre-responses {
  color: #6362d6;
}
.print-container .pre-post-incomplete {
  color: #db1e5e;
}
.print-container .post-responses {
  color: #00ca8e;
}
.print-container .post-unmatched {
  color: #e59118;
}
.print-container .checkin-responses {
  color: #b15dcb;
}
.print-container .responses-print-component {
  display: block;
}
.print-container .responses-print-component:not(:last-child) {
  margin-bottom: 13.25pt;
}
.print-container .print-responses-label {
  display: grid;
  grid-template-columns: 12.5pt auto;
  grid-template-rows: 10.25pt 8.75pt;
  grid-column-gap: 8pt;
  grid-row-gap: 1px;
  margin-bottom: 9.5pt;
}
.print-container .print-responses-label .label-icon {
  grid-column: 1;
  grid-row: 1/span 2;
}
.print-container .print-responses-label .main-label {
  grid-column: 2;
  grid-row: 1;
  font-size: 9.5pt;
  font-weight: bold;
  line-height: normal;
}
.print-container .print-responses-label .main-label.purple {
  color: #6362d6;
}
.print-container .print-responses-label .main-label.orange {
  color: #e59118;
}
.print-container .print-responses-label .main-label.red {
  color: #db1e5e;
}
.print-container .print-responses-label .main-label.green {
  color: #00ca8e;
}
.print-container .print-responses-label .main-label.magenta {
  color: #b15dcb;
}
.print-container .print-responses-label .sub-label {
  grid-column: 2;
  grid-row: 2;
  font-size: 8px;
  font-weight: 600;
  line-height: normal;
  color: #43474f;
}
.print-container .print-responses-label .res-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5pt;
  height: 12.5pt;
  border-radius: 3px;
}
.print-container .print-responses-row {
  display: flex;
  height: 22.5pt;
  padding: 0 4px;
  align-items: center;
  position: relative;
  page-break-inside: avoid;
  break-inside: avoid;
}
.print-container .print-responses-row.first-row:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #e8eaeb;
}
.print-container .print-responses-row:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #e8eaeb;
}
.print-container .print-responses-row .checkbox {
  width: 12.5pt;
  height: 12.5pt;
  border-radius: 3px;
  border: solid 1px #86909e;
  background-color: #fff;
}
.print-container .print-responses-row .number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  width: 14pt;
  height: 12.5pt;
  border-radius: 5px;
  margin-left: 8pt;
}
.print-container .print-responses-row .number.gray {
  color: #86909e;
  background-color: #f3f2f1;
}
.print-container .print-responses-row .number.orange {
  color: #e59118;
  background-color: #ffedd3;
}
.print-container .print-responses-row .number.red {
  color: #db1e5e;
  background-color: #ffdae7;
}
.print-container .print-responses-row .initials {
  font-family: "IBM Plex Mono", monospace;
  font-size: 10.25pt;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  margin-left: 8pt;
}
.print-container .print-responses-row .birth-date {
  font-family: "IBM Plex Mono", monospace;
  font-size: 10.25pt;
  font-weight: 500;
  color: #000;
  margin-left: 18.5pt;
  position: relative;
}
.print-container .print-responses-row .birth-date .textYears {
  color: #86909e;
  font-size: 14px;
}
.print-container .print-responses-row .birth-date:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  background-color: #b1b7c0;
  border-radius: 50%;
}
.print-container .print-responses-row .submitted-date,
.print-container .print-responses-row .time,
.print-container .print-responses-row .paper {
  font-family: "IBM Plex Mono", monospace;
  font-size: 8pt;
  font-weight: 500;
  color: #43474f;
}
.print-container .print-responses-row .time,
.print-container .print-responses-row .en-dash {
  margin-left: 12px;
}
.print-container .print-responses-row .submitted-date {
  display: flex;
  align-items: center;
  margin-left: 13.25pt;
}
.print-container .print-responses-row .icon-pdf {
  width: 11px;
  height: 12px;
  margin: 0 3px 0 12px;
}

/*************************
 *  Responsive (iPad)
 *************************/
@media screen and (max-width: 768px) {
  main {
    padding-bottom: 25px;
  }
}
.momentum-scrolling {
  -webkit-overflow-scrolling: touch !important;
}

@media screen and (max-width: 1350px) {
  .dashboard-wrapper .dashboard-programs .tabs-container,
  .dashboard-wrapper .dashboard-programs .details-wrap,
  .dashboard-wrapper .dashboard-options {
    padding-right: 35px;
    padding-left: 35px;
  }
  .dashboard-wrapper .dashboard-group,
  .dashboard-wrapper .view-past-groups {
    margin: 0 35px 40px;
  }
  .dashboard-wrapper .background-box-1 {
    max-width: 97%;
  }
  .dashboard-wrapper .background-box-2 {
    max-width: 94%;
  }
}
@media screen and (max-width: 1100px) {
  .overview .overview-description .overview-description-column .sub-label:after {
    margin-right: -70px;
  }
  .demographics .donut-column {
    margin-bottom: 50px;
    height: auto;
    width: 33.3333333333%;
  }
  .demographics .donut-column:nth-child(3n):after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .report-header .top-nav .report-filter {
    max-width: 320px;
  }
  .introduction .introduction-sidenav {
    margin-right: 46px;
  }
  .introduction .introduction-sidenav ul {
    margin-left: 0;
  }
  .introduction .sel-capacities .capacity:nth-child(3n) {
    padding-right: 42px;
  }
  .introduction .sel-capacities .capacity:nth-child(2n) {
    padding-right: 0;
  }
  .introduction .yd-practices .capacity:nth-child(2n) {
    padding-right: 0;
  }
  .introduction .how-to-use:nth-child(4) {
    margin-left: 90px;
  }
  .introduction .how-to-use:nth-child(5) {
    margin-left: 150px;
  }
  .demographics .donut-column {
    height: auto;
    width: 50%;
  }
  .demographics .donut-column:nth-child(even):after {
    display: none;
  }
  .demographics .donut-column:nth-child(3n):after {
    display: inherit;
  }
  .demographics .legend-col {
    max-width: 300px;
  }
}
@media screen and (max-width: 890px) {
  .name a {
    font-size: 12px;
  }
  .top-bar,
  .top-bar-section ul li,
  .top-bar-section ul li a {
    font-size: 13px;
  }
  .introduction .introduction-sidenav {
    margin-right: 36px;
  }
  .tools-2-col {
    flex-wrap: wrap;
  }
  .impact .active-tools .college-readiness {
    border-bottom: none;
    border-bottom-left-radius: 0;
  }
  .impact .active-tools .core-sel {
    border-top: none;
    border-bottom-right-radius: 0;
  }
  .impact .active-tools .apply-min-width {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  }
  .assets .assets-diagram {
    height: auto;
    width: 100%;
  }
  .assets .assets-diagram-capacities {
    height: auto;
    width: 100%;
  }
  .assets .pre-diagram {
    height: auto;
    width: 100%;
  }
  .pre-diagram .assets-tool-label h2,
  .assets .assets-diagram-coresel h2 h2,
  .assets-diagram-college h2,
  .assets-diagram-coresel h2 {
    transform: rotate(-90deg) translateX(-5%);
    white-space: unset !important;
  }
  .pre-diagram .assets-tool-label .gains-description,
  .assets .assets-diagram-coresel h2 .gains-description,
  .assets-diagram-college .gains-description,
  .assets-diagram-coresel .gains-description {
    width: 80%;
  }
  .assets-tool-label {
    left: -35px !important;
  }
  .assets-diagram-coresel .assets-tool-label {
    left: -43px !important;
  }
  .pre-diagram .assets-tool-label {
    left: -30px !important;
  }
  .pre-diagram .assets-diagram-coresel .assets-tool-label {
    left: -40px !important;
  }
  .assets .pre-diagram .assets-diagram-college::before,
  .assets .pre-diagram .assets-diagram-coresel::before {
    position: absolute;
    top: 50%;
    left: 0%;
    margin-left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .tooltip-left,
  .tooltip-up,
  .tooltip-down,
  .tooltip-right,
  .overflow-tooltip,
  .no-report-tooltip-right {
    display: none !important;
  }
  .shared-header .top-nav .report-filter {
    max-width: 100%;
  }
  .shared-header .top-nav .left-line {
    border-left: none;
  }
  .report-header .top-nav .report-nav {
    position: absolute;
    bottom: -65px;
    height: 65px;
    width: 100%;
    border-bottom: 1px solid #f3f3f4;
    background-color: #fff;
  }
  .report-header .top-nav .report-filter {
    max-width: 400px;
  }
  .report-header .report-filters {
    z-index: 9999;
    width: 95%;
  }
  .report-header .report-filters .program::after,
  .report-header .report-filters .site::after,
  .report-header .report-filters .group-timeframe::after {
    height: 1px;
    width: 95%;
  }
  .report-header .report-filters .load-report {
    width: 100%;
  }
  .report-header .top-nav .report-switcher {
    padding-left: 0;
    min-width: 120px;
  }
  .report-header .mobile-label {
    display: inline-block;
    color: #b9bac2;
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translate(-50%, -50%);
  }
  .introduction .practices-row {
    width: 100%;
  }
  .introduction .introduction-sidenav ul li {
    font-size: 16px;
  }
  .introduction .introduction-sidenav {
    margin-right: 36px;
  }
  .impact .impact-box-charts {
    height: auto;
    width: 100%;
  }
  .impact .active-tools .impact-box-charts {
    height: auto;
    width: 90%;
  }
  .recommendations .right-section {
    padding: 40px;
  }
  .recommendations .tab .custom-label {
    margin-left: 30px;
  }
}
/* Angular */
.hi-item-select {
  position: relative;
}
.hi-item-select select {
  -o-appearance: none;
  appearance: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #43474f;
  background-color: transparent;
  border: none;
  outline: none;
}
.hi-item-select select:hover {
  cursor: pointer;
}
.hi-item-select.uppercase select {
  text-transform: uppercase;
}

/* AngularJS */
.more-info {
  margin-bottom: 35px;
  box-shadow: inset 0 1px 0 0 #e8eaeb, inset 0 -1px 0 0 #e8eaeb;
  background-color: #faf9f9;
  padding: 30px 0;
}
.more-info .main-content {
  display: grid;
  grid-template-columns: 140px 600px;
  grid-column-gap: 40px;
  justify-content: center;
}
.more-info .tabs {
  position: relative;
}
.more-info .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #43474f;
  width: 100%;
  max-width: 140px;
  height: 44px;
  border-radius: 12px;
}
.more-info .tab:not(:last-child) {
  margin-bottom: 15px;
}
.more-info .tab:hover {
  cursor: pointer;
  background-color: #f3f2f1;
  color: #16171a;
}
.more-info .tab.active {
  color: #16171a;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
  border: solid 1px #e8eaeb;
  background-color: #fff;
}
.more-info .content {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  width: 100%;
  max-width: 600px;
  color: #43474f;
}

.capacity-row {
  width: 100%;
  margin: 0 auto 25px;
  max-width: 570px;
}
.capacity-row.post {
  max-width: 713px;
}
.capacity-row.post .capacity-box {
  grid-template-columns: 325px 243px 106px auto;
}
.capacity-row.post.yla-capacities .indented {
  position: relative;
  left: 15px;
  max-width: 698px;
  grid-template-columns: 310px 243px 106px auto;
  background: rgba(250, 249, 249, 0.6);
}
.capacity-row .capacity-type {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #86909e;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.capacity-row .capacity-box {
  display: grid;
  grid-template-columns: 325px auto;
  align-items: center;
  height: 90px;
  border-left: solid 1px #e8eaeb;
  border-right: solid 1px #e8eaeb;
  background-color: #fff;
  box-shadow: inset 2px 0 0 0 #7edbde;
  position: relative;
}
.capacity-row .capacity-box.indented {
  position: relative;
  left: 15px;
  max-width: 555px;
  grid-template-columns: 310px auto;
  background: rgba(250, 249, 249, 0.6);
}
.capacity-row .capacity-box.indented.is-core, .capacity-row .capacity-box.indented.border-gray {
  box-shadow: inset 3px 0 0 0 #b1b7c0;
}
.capacity-row .capacity-box.indented.is-core .general-info .icon svg path[fill="#43474F"],
.capacity-row .capacity-box.indented.is-core .general-info .icon svg g[fill="#43474F"] > path, .capacity-row .capacity-box.indented.border-gray .general-info .icon svg path[fill="#43474F"],
.capacity-row .capacity-box.indented.border-gray .general-info .icon svg g[fill="#43474F"] > path {
  fill: #24c4c8;
}
.capacity-row .capacity-box.indented.is-core .general-info .icon svg circle[stroke="#43474F"], .capacity-row .capacity-box.indented.border-gray .general-info .icon svg circle[stroke="#43474F"] {
  stroke: #24c4c8;
}
.capacity-row .capacity-box.add-border:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #e8eaeb;
}
.capacity-row .capacity-box.first {
  border-top: solid 1px #e8eaeb;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.capacity-row .capacity-box.last {
  border-bottom: solid 1px #e8eaeb;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.capacity-row .capacity-box.opened-last {
  border-bottom: solid 1px transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.capacity-row .capacity-box.remove-border:after {
  display: none;
}
.capacity-row .capacity-box.is-overall-capacity {
  box-shadow: none;
  border-bottom: none;
}
.capacity-row .capacity-box.is-overall-capacity:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 4px;
  background-image: url("/src/assets/img/bg-elem-sel-pre.svg");
  background-color: #b15dcb;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.capacity-row .capacity-box.is-overall-capacity.is-post:after {
  background-image: url("/src/assets/img/assets/img/bg-elem-sel-post.svg");
}
.capacity-row .capacity-box.is-overall-capacity.is-core:after, .capacity-row .capacity-box.is-overall-capacity.border-gray:after {
  background-image: url("/src/assets/img/bg-core-pre-post.svg");
  background-color: transparent;
  width: 4px;
  height: 90px;
  left: 0;
  bottom: 0;
  transform: none;
}
.capacity-row .capacity-box.is-overall-capacity.is-toggled:after {
  visibility: hidden;
}
.capacity-row .capacity-box.is-overall-capacity.is-toggled.is-overall-normal:after {
  visibility: visible;
  border-bottom-right-radius: 0;
}
.capacity-row .capacity-box.is-elementary {
  box-shadow: inset 2px 0 0 0 #cb9ade;
}
.capacity-row .capacity-box.purple-border {
  box-shadow: inset 2px 0 0 0 #a1a1e6;
}
.capacity-row .capacity-box.is-overall-normal {
  border-bottom-left-radius: 4px;
}
.capacity-row .capacity-box.is-overall-normal:after {
  left: 0;
  bottom: initial;
  transform: translateX(-50%) rotate(90deg);
  width: 90px;
}
.capacity-row .capacity-box.is-overall-normal:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 2px;
  width: 13px;
  height: 1px;
  background-color: #e8eaeb;
}
.capacity-row .capacity-box.is-overall-normal.is-toggled {
  border-bottom-left-radius: 0;
}
.capacity-row .general-info {
  display: grid;
  grid-template-columns: 24px auto;
  grid-column-gap: 11px;
  align-items: center;
  padding-left: 15px;
}
.capacity-row .general-info .icon {
  grid-column: 1;
}
.capacity-row .general-info .icon svg path[fill="#43474F"],
.capacity-row .general-info .icon svg g[fill="#43474F"] > path {
  fill: #b15dcb;
}
.capacity-row .general-info .icon svg circle[stroke="#43474F"] {
  stroke: #b15dcb;
}
.capacity-row .general-info .capacity-icons {
  width: 20px;
}
.capacity-row .general-info .capacity-icons.capacity-tool-icon {
  width: 26px;
}
.capacity-row .general-info .icon-more-info {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 4px;
}
.capacity-row .general-info .name {
  display: flex;
  align-items: center;
  grid-column: 2;
  font-size: 14px;
  font-weight: 600;
  color: #43474f;
  position: relative;
  line-height: normal;
}
.capacity-row .general-info .name .flex-container:hover {
  color: #16171a;
  cursor: pointer;
}
.capacity-row .general-info .name .flex-container:hover .icon-more-info circle,
.capacity-row .general-info .name .flex-container:hover .icon-more-info path:nth-child(n+2) {
  stroke: #16171a;
}
.capacity-row .general-info .icon-clock {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  opacity: 0.85;
}
.capacity-row .general-info .icon-clock-orange {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  position: absolute;
}
.capacity-row .general-info .icon-clock-red {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  position: absolute;
}
.capacity-row .general-info .surveyed-tools {
  display: flex;
  grid-column: 2;
  grid-row: 2;
  font-size: 13px;
  font-weight: 600;
  color: #86909e;
  position: relative;
  line-height: normal;
}
.capacity-row .general-info .surveyed-tools .icon-clock-red svg {
  display: none;
}
.capacity-row .general-info .surveyed-tools .icon-clock-orange svg {
  display: none;
}
.capacity-row .general-info .surveyed-tools:hover {
  cursor: pointer;
}
.capacity-row .general-info .surveyed-tools:hover .surveyed,
.capacity-row .general-info .surveyed-tools:hover .tools {
  color: #43474f;
}
.capacity-row .general-info .surveyed-tools:hover .icon-clock circle,
.capacity-row .general-info .surveyed-tools:hover .icon-clock path:nth-child(n+2) {
  stroke: #43474f;
}
.capacity-row .general-info .surveyed-tools.orange .surveyed {
  border-radius: 5px;
  background-color: #ffedd3;
  color: #e59118;
}
.capacity-row .general-info .surveyed-tools.orange .surveyed .icon-clock-orange svg {
  display: inline;
}
.capacity-row .general-info .surveyed-tools.orange .surveyed .icon-clock svg {
  display: none;
}
.capacity-row .general-info .surveyed-tools.orange .surveyed .icon-clock-red svg {
  display: none;
}
.capacity-row .general-info .surveyed-tools.orange:hover .surveyed {
  color: #fea424;
  background-color: rgba(255, 237, 211, 0.5);
}
.capacity-row .general-info .surveyed-tools.orange:hover .surveyed .icon-clock-orange circle,
.capacity-row .general-info .surveyed-tools.orange:hover .surveyed .icon-clock-orange path:nth-child(n+2) {
  stroke: #fea424;
  fill: rgba(254, 205, 135, 0.5);
}
.capacity-row .general-info .surveyed-tools.orange:hover .tools {
  color: #fea424;
}
.capacity-row .general-info .surveyed-tools.red .surveyed {
  border-radius: 5px;
  background-color: #ffdae7;
  color: #db1e5e;
}
.capacity-row .general-info .surveyed-tools.red .surveyed .icon-clock-red svg {
  display: inline;
}
.capacity-row .general-info .surveyed-tools.red .surveyed .icon-clock svg {
  display: none;
}
.capacity-row .general-info .surveyed-tools.red .surveyed .icon-clock-orange svg {
  display: none;
}
.capacity-row .general-info .surveyed-tools.red:hover .surveyed {
  color: #ff246d;
  background-color: rgba(255, 218, 231, 0.45);
}
.capacity-row .general-info .surveyed-tools.red:hover .surveyed .icon-clock-red circle,
.capacity-row .general-info .surveyed-tools.red:hover .surveyed .icon-clock-red path:nth-child(n+2) {
  stroke: #ff246d;
  fill: rbga(#ff77a5, 0.2);
}
.capacity-row .general-info .surveyed-tools.red:hover .tools {
  color: #ff246d;
}
.capacity-row .general-info .flex-container {
  display: flex;
  align-items: center;
}
.capacity-row .general-info .capacity-name {
  display: block;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.capacity-row .general-info .surveyed {
  display: flex;
  align-items: center;
  margin-right: 4px;
  padding: 2px 4px;
}
.capacity-row .general-info .tools {
  position: relative;
  padding: 2px 0;
}
.capacity-row .pre-data {
  display: grid;
  grid-template-columns: 66px auto 66px;
}
.capacity-row .pre-data .data-point {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #86909e;
  width: 66px;
  text-align: center;
}
.capacity-row .pre-data .separator {
  position: relative;
  height: 100%;
}
.capacity-row .pre-data .bar-chart {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.capacity-row .pre-data .bar {
  width: 100%;
  height: 6px;
  border-radius: 3px;
}
.capacity-row .pre-data .bar.blue {
  background-color: #24c4c8;
}
.capacity-row .pre-data .bar.purple {
  background-color: #6362d6;
}
.capacity-row .pre-data .bar.zero-value {
  background-color: #e8eaeb;
}
.capacity-row .pre-data .middle-line {
  width: 12px;
  position: relative;
}
.capacity-row .pre-data .middle-line:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 20px;
  background-color: #e8eaeb;
}
.capacity-row .post-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.capacity-row .line {
  position: relative;
}
.capacity-row .line:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background-color: #e8eaeb;
}
.capacity-row .toggle-capacity {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #f3f2f1;
  height: 100%;
}
.capacity-row .toggle-capacity .capacity-toggled {
  transform: rotate(90deg);
}
.capacity-row .toggle-capacity:hover {
  cursor: pointer;
}
.capacity-row .capacity-row-caret {
  transform: rotate(-90deg);
}
.capacity-row .mega-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.capacity-row .mega-tooltip.v2_5 {
  top: -12px;
}
.capacity-row .capacity-dropdown {
  border: solid 1px #e8eaeb;
  background-color: rgba(243, 242, 241, 0.35);
  padding: 41px 0 35px;
}
.capacity-row .capacity-dropdown.indented-dropdown {
  position: relative;
  left: 15px;
  max-width: 696px;
  background: rgba(243, 242, 241, 0.7);
}
.capacity-row .capacity-dropdown.is-overall-capacity {
  position: relative;
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.capacity-row .capacity-dropdown.is-overall-capacity:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 4px;
  background-image: url("/src/assets/img/bg-elem-sel-pre.svg");
  background-color: #b15dcb;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.capacity-row .capacity-dropdown.is-overall-capacity.is-post:after {
  background-image: url("/src/assets/img/bg-elem-sel-post.svg");
}
.capacity-row .capacity-dropdown .capacity-dropdown-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.capacity-row .capacity-dropdown .dropdown-label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.36px;
  max-width: 76px;
  width: 100%;
  height: 29px;
  border-radius: 8.5px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.capacity-row .capacity-dropdown .dropdown-label.pre {
  color: #6362d6;
  background-color: #e5e5f8;
}
.capacity-row .capacity-dropdown .dropdown-label.post {
  color: #00ca8e;
  background-color: #d9f7ee;
  position: absolute;
  top: 189px;
  left: 50%;
  transform: translateX(-50%);
}
.capacity-row .capacity-dropdown .sub-heading {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: 0.4px;
  color: #43474f;
}
.capacity-row .capacity-dropdown .capacity-dropdown-stats {
  display: flex;
  width: 100%;
  padding: 0 15px;
}
.capacity-row .capacity-dropdown .capacity-stats {
  width: 50%;
}
.capacity-row .capacity-dropdown .capacity-stats .assets-circle {
  height: 100px;
  background-color: #dcf5f6;
  border-radius: 20%;
  margin: 0 auto;
  height: 50px;
  width: auto;
  box-sizing: initial;
}
.capacity-row .capacity-dropdown .capacity-stats .assets-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.capacity-row .capacity-dropdown .capacity-stats .percent {
  font-size: 28px;
  font-weight: 600;
  line-height: normal;
}
.capacity-row .capacity-dropdown .capacity-stats .percent-label {
  font-size: 13px;
  font-weight: 600;
  color: #43474f;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.23;
  white-space: nowrap;
}
.capacity-row .capacity-dropdown .capacity-stats .assets-stats-explanation {
  text-align: left;
}
.capacity-row .capacity-dropdown .capacity-stats .assets-stats-explanation .stat {
  display: inline-flex;
  align-items: center;
  margin-left: 25%;
}
.capacity-row .capacity-dropdown .capacity-stats .assets-stats-explanation .gains-description {
  font-size: 14px;
  font-weight: 500;
  color: #43474f;
  width: 100%;
  max-width: 175px;
  letter-spacing: 0.47px;
  line-height: 1.14;
  margin-bottom: 8px;
  padding: 0;
}
.capacity-row .capacity-dropdown .capacity-stats .assets-stats-explanation .negative-gains {
  font-size: 15px;
  font-weight: 600;
  color: #86909e;
  background-color: #e8eaeb;
  line-height: 1.07;
  letter-spacing: 0.5px;
  height: 26px;
  padding: 0 5px;
  margin-bottom: 8px;
}
.capacity-row .capacity-dropdown .capacity-stats .assets-stats-explanation .positive-gains {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background-color: #00ca8e;
  line-height: 1.07;
  letter-spacing: 0.5px;
  height: 26px;
  padding: 0 5px;
}
.capacity-row .capacity-dropdown .capacity-stats.left-stats .assets-circle {
  background-color: #dcf5f6;
}
.capacity-row .capacity-dropdown .capacity-stats.left-stats .percent {
  color: #24c4c8;
}
.capacity-row .capacity-dropdown .capacity-stats.right-stats .assets-circle {
  background-color: #e5e5f8;
}
.capacity-row .capacity-dropdown .capacity-stats.right-stats .percent {
  color: #6362d6;
}
.capacity-row .capacity-dropdown .assets-stats-conclusion .label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #43474f;
  display: block;
  margin: 7px auto 10px;
  text-align: center;
}
.capacity-row .capacity-dropdown .assets-stats-conclusion .assets-conclusion-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 20%;
  background-color: #d9f7ee;
}
.capacity-row .capacity-dropdown .assets-stats-conclusion .conclusion-label {
  font-weight: 600;
}
.capacity-row .capacity-dropdown .assets-stats-conclusion .conclusion-label.percent {
  font-size: 28px;
  color: #00ca8e;
  line-height: normal;
}
.capacity-row .capacity-dropdown .assets-stats-conclusion .conclusion-label.result {
  font-size: 13px;
  color: #43474f;
  line-height: 1.23;
  text-transform: uppercase;
  white-space: nowrap;
}

.portfolio .capacity-row .mega-tooltip {
  left: -12px;
}

.capacity-arrow {
  display: block;
}
.capacity-arrow.single {
  margin: 16px auto 18px;
}
.capacity-arrow.double {
  margin: 15px auto 11px;
}

.mega-tooltip-container {
  display: grid;
  grid-template-rows: 39px auto;
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(22, 23, 26, 0.2);
  border: solid 1px #e8eaeb;
  z-index: 100;
}
.mega-tooltip-container:hover {
  cursor: default;
}
.mega-tooltip-container .title-container {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  color: #16171a;
  position: relative;
  padding: 0 15px;
  background-color: #fff;
}
.mega-tooltip-container .title-container.left .mt-title {
  padding-left: 19px;
}
.mega-tooltip-container .title-container.left .close-icon {
  left: 15px;
}
.mega-tooltip-container .title-container.right .close-icon {
  right: 15px;
}
.mega-tooltip-container .mt-title {
  display: block;
  max-width: 235px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mega-tooltip-container .close-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
}
.mega-tooltip-container .close-icon:hover {
  cursor: pointer;
}
.mega-tooltip-container .close-icon:hover circle,
.mega-tooltip-container .close-icon:hover path:nth-child(n+2) {
  fill: #43474f;
}
.mega-tooltip-container .context {
  border-top: solid 1px #e8eaeb;
  background-color: #faf9f9;
  padding: 0 15px;
}
.mega-tooltip-container .section {
  padding: 14px 0;
  position: relative;
}
.mega-tooltip-container .section:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 107%;
  height: 1px;
  background-color: #e8eaeb;
}
.mega-tooltip-container .label {
  font-size: 13px;
  font-weight: bold;
  color: #43474f;
  line-height: normal;
  margin-bottom: 2px;
}
.mega-tooltip-container .content {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.29;
  color: #43474f;
}
.mega-tooltip-container .warning {
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.2px;
  margin-top: 4px;
}
.mega-tooltip-container .warning.red {
  color: #db1e5e;
}
.mega-tooltip-container .warning.orange {
  color: #e59118;
}
.mega-tooltip-container .tool-text {
  font-weight: bold;
  color: #43474f;
}
.mega-tooltip-container .mt-learn-more {
  display: block;
  margin-top: 5px;
}

.truncated-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px;
  border-radius: 8px;
  background-color: #e5e5f8;
  padding: 4px 5px;
  z-index: 100;
}

/*************************
 *  Filters and Navigation
 *************************/
.report-header {
  position: fixed;
  top: 56px;
  transition: ease-in 0.2s;
  height: auto;
  width: 100%;
  background-color: #fff;
  will-change: top;
  z-index: 1;
  box-shadow: 0 2px 3px #e8eaeb;
}
.report-header .hide-bg {
  z-index: -1;
}
.report-header .disable-top-nav {
  z-index: -1;
  /*         opacity: 0.5; */
}
.report-header .disable-top-nav .report-nav-links {
  overflow: hidden !important;
}
.report-header .disable-top-nav .report-nav-links .active {
  color: #43474f !important;
}
.report-header .disable-top-nav .report-nav-links .active:after {
  display: none !important;
}
.report-header .disable-top-nav .nav-links:hover {
  color: #43474f !important;
  cursor: default !important;
}
.report-header .disable-top-nav .report-nav-left:hover,
.report-header .disable-top-nav .report-nav-right:hover {
  cursor: default !important;
}
.report-header .top-nav {
  display: flex;
  height: 65px;
  width: auto;
  position: relative;
  flex-flow: row nowrap;
  font-family: "work-sans", sans-serif;
  color: #43474f;
  justify-content: space-between;
}
.report-header .top-nav .report-branding {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid #e8eaeb;
  max-width: 180px;
  width: 100%;
}
.report-header .top-nav .tool-rectangle {
  width: fit-content;
  margin-left: inherit;
}
.report-header .top-nav .tool-text {
  width: 105%;
  border-radius: 8px;
  background-color: #24c4c8;
  color: #fff;
  font-size: 12.5px;
  font-weight: bold;
  letter-spacing: 0.28px;
  text-align: center;
  text-transform: uppercase;
  margin-left: -8px;
  padding-top: 3.8px;
  padding-bottom: 3.8px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.2;
}
.report-header .top-nav .report-filter {
  max-width: 500px;
  width: 100%;
  padding: 10px 21px 10px 19px;
  position: relative;
  flex-grow: 1;
}
.report-header .top-nav .report-filter .report-filters-label {
  display: table;
  font-size: 0.875em;
  font-weight: 500;
  color: #86909e;
  text-transform: uppercase;
}
.report-header .top-nav .report-filter .report-filters-selection,
.report-header .top-nav .report-filter .share-report-title {
  padding-right: 10px;
}
.report-header .top-nav .report-filter .report-filters-selection .selection-title,
.report-header .top-nav .report-filter .share-report-title .selection-title {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
}
.report-header .top-nav .report-filter .dropdown-arrow {
  font-size: 1.125em;
  color: #24c4c8;
  position: absolute;
  right: 15px;
  top: 25px;
  z-index: 0;
}
.report-header .top-nav .report-filter .share-report-title:hover {
  cursor: default;
}
.report-header .top-nav .report-filter:after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #e8e9eb;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.report-header .top-nav .report-filter:hover {
  cursor: pointer;
}
.report-header .top-nav .rewind-container {
  position: relative;
  display: flex;
  align-items: center;
  padding: 19px 10px;
}
.report-header .top-nav .rewind-container:after {
  content: "";
  width: 1px;
  height: 25px;
  background-color: #e8e9eb;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
}
.report-header .top-nav .rewind-container .rewind-icon {
  cursor: pointer;
  width: 26px;
  height: 22px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.report-header .top-nav .version-selector-container {
  position: absolute;
  z-index: 100;
  top: 53px;
  left: 10px;
}
.report-header .top-nav .report-switcher {
  min-width: 150px;
  position: relative;
  background-color: #fff;
}
.report-header .top-nav .report-switcher:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #e8e9eb;
  z-index: -1;
}
.report-header .top-nav .report-switcher .prepost-label {
  display: flex;
  align-items: center;
  font-size: 1.125em;
  font-weight: 800;
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  padding: 0 10px;
  height: 25px;
  width: auto;
  text-transform: uppercase;
  border-radius: 8px;
  line-height: 1.3;
}
.report-header .top-nav .report-switcher .pre {
  opacity: 1;
  background-color: #e5e5f8;
  color: #6362d6;
}
.report-header .top-nav .report-switcher .post {
  opacity: 1;
  background-color: #d9f7ee;
  color: #00ca8e;
}
.report-header .top-nav .report-switcher .prepost-switcher {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.report-header .top-nav .report-switcher .disabled {
  opacity: 0.3;
  background-color: #86909e;
  border-color: #fff;
}
.report-header .top-nav .report-switcher .disabled:hover {
  cursor: not-allowed;
}
.report-header .top-nav .report-switcher .custom-tooltip span {
  text-align: center;
}
.report-header .top-nav .report-switcher.checkin .prepost-label {
  font-size: 15px;
  letter-spacing: 0.54px;
  width: 94px;
  justify-content: center;
  left: 50%;
  background-color: #eadcf3;
  color: #b15dcb;
}
.report-header .top-nav .report-nav {
  position: relative;
  padding-right: 25px;
  padding-left: 25px;
  border-right: 1px solid #e8e9eb;
  min-width: 0;
  background-color: #faf9f9;
  flex-grow: 1;
  border-left: 1px solid #e8eaeb;
}
.report-header .top-nav .report-nav.no-padding {
  padding-right: 0;
  padding-left: 0;
}
.report-header .top-nav .report-nav.no-padding .report-nav-links {
  margin-left: 5px;
}
.report-header .top-nav .report-nav .report-nav-links {
  margin-top: 21px;
  margin-right: 18px;
  margin-left: 18px;
  height: 100%;
  width: auto;
  overflow: auto;
  white-space: nowrap;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.report-header .top-nav .report-nav .report-nav-links::-webkit-scrollbar-track, .report-header .top-nav .report-nav .report-nav-links::-webkit-scrollbar-thumb, .report-header .top-nav .report-nav .report-nav-links::-webkit-scrollbar {
  display: none;
  width: 0;
  background-color: transparent;
}
.report-header .top-nav .report-nav a:nth-child(1) {
  margin-left: 20px;
}
.report-header .top-nav .report-nav a {
  font-size: 1em;
  font-style: normal;
  font-weight: 500;
  list-style-type: none;
  color: #86909e;
  margin-left: 30px;
  padding-bottom: 23px;
  padding-left: 3px;
  transition: 0.3s;
  position: relative;
  outline: none;
}
.report-header .top-nav .report-nav a.active {
  color: #43474f;
}
.report-header .top-nav .report-nav a.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #24c4c8;
  height: 2px;
  width: 100%;
  transition: none;
}
.report-header .top-nav .report-nav a:hover {
  color: #24c4c8;
  cursor: pointer;
}
.report-header .top-nav .report-nav a:focus {
  outline: none;
}
.report-header .top-nav .report-nav a:last-child {
  margin-right: 25px;
}
.report-header .top-nav .report-nav .report-nav-left,
.report-header .top-nav .report-nav .report-nav-right {
  transform: translate(-50%, -50%);
  z-index: 0;
}
.report-header .top-nav .report-nav .report-nav-left:hover,
.report-header .top-nav .report-nav .report-nav-right:hover {
  cursor: pointer;
  opacity: 1;
}
.report-header .top-nav .report-nav .report-nav-left:before,
.report-header .top-nav .report-nav .report-nav-right:before {
  font-family: FontAwesome;
  font-size: 1.0625em;
  transition: 0.3s;
  transform: translateY(-50%);
  color: #b9bac2;
  opacity: 0.5;
}
.report-header .top-nav .report-nav .report-nav-left:after,
.report-header .top-nav .report-nav .report-nav-right:after {
  content: "";
  background: #e8e9eb;
  transform: translateY(-50%);
  height: 25px;
  width: 1px;
}
.report-header .top-nav .report-nav .report-nav-left:hover:before,
.report-header .top-nav .report-nav .report-nav-right:hover:before {
  opacity: 1;
}
.report-header .top-nav .report-nav .report-nav-left {
  position: absolute;
  top: 50%;
  left: 15px;
}
.report-header .top-nav .report-nav .report-nav-left:before {
  content: "\f053";
  position: absolute;
  top: 50%;
  left: 0;
}
.report-header .top-nav .report-nav .report-nav-left:after {
  position: absolute;
  top: 50%;
  left: 28px;
}
.report-header .top-nav .report-nav .report-nav-right {
  position: absolute;
  top: 50%;
  right: 15px;
}
.report-header .top-nav .report-nav .report-nav-right:before {
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 0;
}
.report-header .top-nav .report-nav .report-nav-right:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
}
.report-header .top-nav .disable-nav {
  transition: all linear 0.3s;
  opacity: 0.3;
  z-index: -1;
}
.report-header .top-nav .report-share-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 9px;
}
.report-header .top-nav .report-share-wrapper:hover {
  cursor: pointer;
  background-color: #f3f2f1;
}
.report-header .top-nav .report-share-wrapper:hover .icon-share-report svg g {
  fill: #43474f;
}
.report-header .top-nav .report-share,
.report-header .top-nav .report-print,
.report-header .top-nav .report-download {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-basis: 46px;
  flex-shrink: 0;
}
.report-header .top-nav .report-download {
  grid-column-start: 4;
  border-left: 1px solid #e8eaeb;
}
.report-header .top-nav .report-download .report-download-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 4px;
  padding: 9px;
}
.report-header .top-nav .report-download .report-download-wrapper:hover {
  cursor: pointer;
  background-color: #f3f2f1;
}
.report-header .top-nav .report-download .report-download-wrapper:hover .icon-download-report path {
  fill: #43474f;
}
.report-header .top-nav .report-download .report-download-wrapper:hover .lineHo {
  background-color: #43474f;
}
.report-header .top-nav .report-download .report-download-wrapper .icon-download-report {
  width: 16px;
  height: 16px;
}
.report-header .top-nav .report-download .report-download-wrapper .lineHo {
  margin-top: 1px;
  height: 2px;
  width: 16px;
  background-color: #86909e;
}
.report-header .top-nav .report-download.disabled .report-download-wrapper:hover {
  cursor: default;
  background-color: transparent;
}
.report-header .top-nav .report-download.disabled .report-download-wrapper .icon-download-report path {
  fill: #b1b7c0;
}
.report-header .top-nav .report-download.disabled .report-download-wrapper .lineHo {
  background-color: #b1b7c0;
}
.report-header .top-nav .report-download-modal {
  position: absolute;
  box-sizing: border-box;
  height: 318px;
  width: 480px;
  border: 1px solid #e8eaeb;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.2);
  right: 60px;
  top: 15px;
  transition: all 0.3s ease-in-out;
}
.report-header .top-nav .report-download-modal .mainTitle {
  height: 45px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  color: #16171a;
  box-sizing: border-box;
  padding: 15px 32px 15px 15px;
  border-bottom: 1px solid #e8eaeb;
}
.report-header .top-nav .report-download-modal .mainTitle .close-icon {
  position: absolute;
  top: 14px;
  right: 15px;
  width: 12px;
  height: 12px;
}
.report-header .top-nav .report-download-modal .mainTitle .close-icon:hover {
  cursor: pointer;
}
.report-header .top-nav .report-download-modal .mainTitle .close-icon:hover circle,
.report-header .top-nav .report-download-modal .mainTitle .close-icon:hover path:nth-child(n+2) {
  fill: #43474f;
}
.report-header .top-nav .report-download-modal .mainBody {
  height: 136px;
  color: #43474f;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  box-sizing: border-box;
  padding: 12px 32px 25px 15px;
}
.report-header .top-nav .report-download-modal .mainBody p {
  margin: 0;
}
.report-header .top-nav .report-download-modal .mainBody .email {
  margin-top: 15px;
  color: #16171a;
  font-weight: 600;
}
.report-header .top-nav .report-download-modal .mainText {
  height: 56px;
  color: #43474f;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  box-sizing: border-box;
  padding: 20px 32px 20px 15px;
  background-color: #faf9f9;
  border-top: 1px solid #e8eaeb;
  border-bottom: 1px solid #e8eaeb;
}
.report-header .top-nav .report-download-modal .mainFooter {
  height: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
}
.report-header .top-nav .report-download-modal .mainFooter button {
  height: 44px;
  width: 250px;
  border-radius: 12px;
  background-color: #24c4c8;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  color: white;
  box-shadow: 0 3px 6px 0 rgba(36, 196, 200, 0.4);
  transition: box-shadow 0.3s ease-in-out;
}
.report-header .top-nav .report-download-modal .mainFooter button:hover {
  box-shadow: 0 4px 8px 0 rgba(36, 196, 200, 0.7);
  transition: box-shadow 0.3s ease-in-out;
}
.report-header .top-nav .report-download-modal .mainFooter button:disabled {
  background-color: #b1b7c0;
  box-shadow: none;
}
.report-header .top-nav .report-download-modal .mainFooter .tooltipSuccess {
  height: 47px;
  width: 219px;
  opacity: 0.9;
  border-radius: 13px;
  background-color: rgba(22, 23, 26, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -41px;
  transition: all 0.3s ease-in-out;
}
.report-header .top-nav .report-download-modal .mainFooter .tooltipSuccess span {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 8px;
}
.report-header .top-nav .report-download-modal .mainFooter .tooltipSuccess .check-icon {
  width: 12px;
}
.report-header .top-nav .report-download-modal.open-shared {
  opacity: 1;
  z-index: 1000;
  transition: 300ms;
  transform: scale(1);
}
.report-header .top-nav .report-download-modal.close-shared {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translate(225px, -180px) scale(0.1);
  transition: 0s;
}
.report-header .top-nav .report-share:after {
  content: "";
  height: 25px;
  width: 1px;
  background-color: #e8e9eb;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}
.report-header .top-nav .report-print {
  position: relative;
  flex-basis: 46px;
  flex-shrink: 0;
}
.report-header .top-nav .icon-share-report {
  width: 16px;
  height: 16px;
}
.report-header .top-nav .left-line {
  border-left: 1px solid #e8e9eb;
}
.report-header .top-nav .tooltip-placeholder {
  height: 25px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.report-header .top-nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #f3f3f4;
  z-index: -1;
}
.report-header .top-nav:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}
.report-header .top-nav .disable-utility {
  z-index: -1;
  opacity: 0.3;
}
.report-header .portfolio-top-nav {
  display: grid;
  grid-template-columns: auto 120px auto 46px 46px;
  grid-template-rows: 60px 54px;
  justify-content: normal;
}
.report-header .portfolio-top-nav .portfolio-filter {
  display: flex;
}
.report-header .portfolio-top-nav .level-icon {
  width: 12px;
  height: 12px;
  transition: 0s;
  margin-bottom: 5px;
}
.report-header .portfolio-top-nav .level-icon rect {
  transition: 500ms;
}
.report-header .portfolio-top-nav .portfolio-new-report {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 58px;
  border-right: 1px solid #e8eaeb;
}
.report-header .portfolio-top-nav .portfolio-new-report .icon-new-report {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  padding: 9px;
}
.report-header .portfolio-top-nav .portfolio-new-report .icon-new-report:hover {
  border-radius: 4px;
  background-color: #f3f2f1;
  cursor: pointer;
}
.report-header .portfolio-top-nav .portfolio-new-report .icon-new-report:hover svg g g {
  stroke: #16171a;
}
.report-header .portfolio-top-nav .portfolio-filters-column {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0 16px;
  position: relative;
}
.report-header .portfolio-top-nav .portfolio-filters-column:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 28px;
  width: 1px;
  background-color: #e8eaeb;
}
.report-header .portfolio-top-nav .portfolio-filters-column:first-child {
  padding-left: 30px;
}
.report-header .portfolio-top-nav .portfolio-filters-selection {
  color: #16171a;
  font-size: 16px;
  font-weight: 600;
}
.report-header .portfolio-top-nav .report-switcher {
  grid-column-start: 1;
  grid-row-start: 2;
  max-width: 160px;
  box-shadow: inset 0 1px 0 0 #e8eaeb, 0 1px 2px 0 rgba(0, 0, 0, 0.12);
  background-color: #faf9f9;
}
.report-header .portfolio-top-nav .report-switcher:after {
  display: none;
}
.report-header .portfolio-top-nav .report-nav {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 2;
  margin-left: 160px;
  box-shadow: inset 0 1px 0 0 #e8eaeb, 0 1px 2px 0 rgba(0, 0, 0, 0.12);
}
.report-header .portfolio-top-nav .report-nav .report-nav-links {
  margin-top: 14px;
  margin-right: 18px;
  margin-left: 18px;
  overflow-y: hidden;
}
.report-header .portfolio-top-nav .report-nav a {
  font-size: 15px;
}
.report-header .portfolio-top-nav .report-nav a.active:after {
  bottom: 3px;
}
.report-header .portfolio-top-nav .report-print {
  grid-column-start: 4;
  grid-row-start: 1;
  border-left: 1px solid #e8eaeb;
}
.report-header .portfolio-top-nav .portfolio-print-icon {
  grid-column-start: 5;
}
.report-header .portfolio-top-nav .report-share {
  grid-column-start: 5;
  grid-row-start: 1;
}
.report-header .portfolio-top-nav .report-share.disabled .report-share-wrapper:hover {
  cursor: default;
  background-color: transparent;
}
.report-header .portfolio-top-nav .report-share.disabled .report-share-wrapper .icon-share-report svg g {
  fill: #b1b7c0;
}
.report-header .portfolio-top-nav .report-share.add-left-line {
  border-left: 1px solid #e8eaeb;
}
.report-header .portfolio-top-nav .report-share.add-left-line::after {
  display: none;
}
.report-header .portfolio-top-nav .open-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 4px;
  position: relative;
}
.report-header .portfolio-top-nav .open-filter:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background-color: #e8eaeb;
}
.report-header .portfolio-top-nav .open-filter-icon {
  width: 18px;
  height: 18px;
  padding: 8px;
}
.report-header .portfolio-top-nav .open-filter-icon:hover {
  cursor: pointer;
  border-radius: 4px;
  background-color: #f3f2f1;
}
.report-header .portfolio-top-nav .open-filter-icon:hover svg g g {
  stroke: #16171a;
}
.report-header .portfolio-top-nav .save-report {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.report-header .portfolio-top-nav .save-report-container {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #43474f;
  padding: 9px;
  border-radius: 4px;
}
.report-header .portfolio-top-nav .save-report-container:hover {
  cursor: pointer;
  background-color: #f3f2f1;
}
.report-header .portfolio-top-nav .save-report-container:hover svg g path:nth-child(n+2) {
  stroke: #16171a;
}
.report-header .portfolio-top-nav .save-report-container.orange {
  background-color: #ffedd3;
}
.report-header .portfolio-top-nav .save-report-container.orange svg g path:nth-child(n+2) {
  stroke: #e59118;
}
.report-header .portfolio-top-nav .save-report-container.disabled:hover {
  background-color: initial;
  cursor: default;
}
.report-header .portfolio-top-nav .save-report-container.disabled svg g path:nth-child(n+2) {
  stroke: #b1b7c0;
}
.report-header .portfolio-top-nav .save-report-icon {
  width: 16px;
  height: 16px;
}
.report-header .portfolio-top-nav .save-report-label {
  display: block;
  margin-left: 9px;
}
.report-header .portfolio-top-nav .save-report-field {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.report-header .portfolio-top-nav .line {
  position: relative;
}
.report-header .portfolio-top-nav .line:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 60px;
  transform: translateY(-50%);
  background-color: #e8eaeb;
}
.report-header .portfolio-top-nav .save-report-input {
  font-size: 15px;
  font-weight: 500;
  height: 38px;
  border-radius: 6px;
  box-shadow: inset 0 2px 2px 0 rgba(67, 71, 79, 0.2);
  border: solid 1px #e8eaeb;
  background-color: #fff;
  padding: 0 15px;
  margin: 0;
}
.report-header .portfolio-top-nav .save-report-input::placeholder {
  color: #86909e;
}
.report-header .portfolio-top-nav .save-portfolio-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  border-radius: 12px;
  width: 80px;
  height: 38px;
  color: #86909e;
  background-color: #e8eaeb;
  margin-left: 10px;
}
.report-header .portfolio-top-nav .save-portfolio-btn:hover {
  cursor: default;
}
.report-header .portfolio-top-nav .save-portfolio-btn.blue {
  color: #fff;
  box-shadow: 0 3px 6px 0 rgba(36, 196, 200, 0.4);
  background-color: #24c4c8;
}
.report-header .portfolio-top-nav .save-portfolio-btn.blue:hover {
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(36, 196, 200, 0.7);
}
.report-header .portfolio-top-nav .save-portfolio-btn.white {
  border: solid 1px #e8eaeb;
  color: #16171a;
  background-color: #fff;
}
.report-header .portfolio-top-nav .save-portfolio-btn.white:hover {
  cursor: pointer;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
}
.report-header .portfolio-top-nav .saved-report-field {
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.report-header .portfolio-top-nav .saved-report-field .report-name {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.5px;
  color: #43474f;
  padding: 4px 5px;
  border-radius: 8px;
  background-color: #e8eaeb;
  text-transform: uppercase;
  margin-right: 8px;
  white-space: nowrap;
  overflow: hidden;
  max-width: 268px;
  text-overflow: ellipsis;
  position: relative;
}
.report-header .portfolio-top-nav .saved-report-field .report-name .truncated-text {
  top: 0;
  left: 0;
  transform: none;
}
.report-header .portfolio-top-nav-shared {
  grid-template-columns: 180px 415px 120px auto 46px 46px;
}
.report-header .portfolio-top-nav-shared .portfolio-new-report,
.report-header .portfolio-top-nav-shared .save-report,
.report-header .portfolio-top-nav-shared .open-filter {
  display: none;
}
.report-header .portfolio-top-nav-shared .portfolio-filters-column:nth-child(5):after {
  height: 100%;
}
.report-header .portfolio-top-nav-shared .report-nav {
  grid-column-end: 7;
}
.report-header .close {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
  transition: 0.3s;
}
.report-header .close:hover {
  cursor: pointer;
}
.report-header .close:hover svg path:nth-child(2) {
  fill: #43474f;
}
.report-header .report-share-dropdown {
  position: absolute;
  top: 16px;
  right: 16px;
  height: auto;
  width: 480px;
  transition: all 0.2s ease-in-out;
  background-color: #fff;
  box-shadow: 0 2px 9px 0 #b1b7c0;
  border-radius: 4px;
  border: 1px solid #e8eaeb;
}
.report-header .report-share-dropdown .report-share-title {
  display: flex;
  align-items: center;
  height: 45px;
  width: auto;
  padding: 0 25px;
  position: relative;
  border-bottom: 1px solid #e8e9eb;
}
.report-header .report-share-dropdown .report-share-title h2 {
  font-size: 13px;
  text-align: left;
  color: #16171a;
  text-transform: uppercase;
  font-weight: 600;
}
.report-header .report-share-dropdown .report-share-title .close {
  font-size: 19px;
  color: #b9bac2;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.report-header .report-share-dropdown .report-share-title .close:hover {
  cursor: pointer;
}
.report-header .report-share-dropdown .report-share-data {
  background-color: #faf9f9;
  padding: 20px 25px;
  border-bottom: 1px solid #e8e9eb;
}
.report-header .report-share-dropdown .report-share-data .report-share-label {
  display: flex;
  align-items: center;
  font-family: "work-sans", sans-serif;
  font-size: 1.125em;
  font-weight: 400;
  color: #43474f;
  line-height: 1;
}
.report-header .report-share-dropdown .report-share-data .report-share-label span {
  font-size: 14px;
  text-transform: uppercase;
  color: #24c4c8;
  font-weight: 700;
  margin-right: 5px;
}
.report-header .report-share-dropdown .report-share-data .report-share-label:not(:last-child) {
  margin-bottom: 17px;
}
.report-header .report-share-dropdown .report-share-data .report-share-info {
  font-size: 16px;
  font-weight: 500;
  color: #43474f;
  margin-left: 5px;
}
.report-header .report-share-dropdown .report-share-heading {
  position: relative;
  height: 43px;
  width: auto;
}
.report-header .report-share-dropdown .report-share-heading .info-tooltip {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translate(-50%, -50%);
  color: #b9bac2;
  transition: 0.3s;
}
.report-header .report-share-dropdown .report-share-heading .info-tooltip:hover {
  color: #43474f;
}
.report-header .report-share-dropdown .report-share-heading h3 {
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #16171a;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.report-header .report-share-dropdown .report-share-heading:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #e8e9eb;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.report-header .report-share-dropdown .report-share-links {
  padding: 10px 25px;
  border-bottom: 1px solid #e8e9eb;
  min-height: 58px;
}
.report-header .report-share-dropdown .report-share-links .report-share-row {
  display: flex;
  height: auto;
  width: 100%;
  align-items: center;
}
.report-header .report-share-dropdown .report-share-links .report-share-row:not(:last-child) {
  margin-bottom: 20px;
}
.report-header .report-share-dropdown .report-share-links .date {
  font-size: 13px;
  font-weight: 500;
  color: #43474f;
  height: auto;
  width: 40%;
  text-transform: uppercase;
}
.report-header .report-share-dropdown .report-share-links .link {
  font-size: 13px;
  font-weight: 500;
  height: auto;
  width: 30%;
  text-align: right;
}
.report-header .report-share-dropdown .report-share-links .link a {
  color: #24c4c8;
  transition: 0.3s;
}
.report-header .report-share-dropdown .report-share-links .copy {
  position: relative;
  height: 16px;
  width: 16px;
}
.report-header .report-share-dropdown .report-share-links .copy .copy-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  height: 16px;
  width: 16px;
}
.report-header .report-share-dropdown .report-share-links .delete {
  height: auto;
  width: 20%;
  position: relative;
}
.report-header .report-share-dropdown .report-share-links .delete .delete-icon {
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(-50%);
  height: 8px;
  width: 8px;
}
.report-header .report-share-dropdown .report-share-links .delete .delete-icon:hover path:nth-child(2) {
  fill: #ff246d;
}
.report-header .report-share-dropdown .scroll-bar {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 160px;
  padding-top: 4px;
  padding-right: 18px;
  padding-bottom: 4px;
}
.report-header .report-share-dropdown .scroll-bar::-webkit-scrollbar {
  height: auto;
  width: 7px;
  background-color: transparent;
}
.report-header .report-share-dropdown .scroll-bar::-webkit-scrollbar-thumb {
  background-color: #e5e5f8;
  border-radius: 3.5px;
}
.report-header .report-share-dropdown .scroll-bar::-webkit-scrollbar-track-piece {
  margin: 0;
  background-color: transparent;
}
.report-header .report-share-dropdown .no-links {
  padding: 37px 25px;
}
.report-header .report-share-dropdown .no-links-created {
  display: block;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #86909e;
}
.report-header .report-share-dropdown .report-share-btn {
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
.report-header .report-share-dropdown .report-share-btn button {
  display: block;
  font-size: 0.875em;
  font-weight: 600;
  margin: 0 auto;
  height: 44px;
  width: 250px;
  transition: none;
  background-color: #24c4c8;
  color: #fff;
  border-radius: 12px;
  box-shadow: 0 3px 6px 0 rgba(36, 196, 200, 0.4);
}
.report-header .report-share-dropdown .report-share-btn button:focus {
  outline: none;
}
.report-header .report-share-dropdown .loading-links {
  display: block;
  margin: 0 auto;
  height: 44px;
  width: 250px;
  background-color: #24c4c8;
  border-radius: 12px;
}
.report-header .open-filters {
  opacity: 1;
  transition: 300ms;
  transform: translate(16px, 16px) scale(1);
}
.report-header .open-shared {
  opacity: 1;
  z-index: 1000;
  transition: 300ms;
  transform: scale(1);
}
.report-header .close-filters {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translate(-350px, -170px) scale(0.1);
  transition: 0s;
}
.report-header .close-shared {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translate(225px, -180px) scale(0.1);
  transition: 0s;
}
.report-header .close-filters .program,
.report-header .close-filters .site,
.report-header .close-filters .group-timeframe,
.report-header .close-filters .load-report,
.report-header .close-filters ul li,
.report-header .close-shared .program,
.report-header .close-shared .site,
.report-header .close-shared .group-timeframe,
.report-header .close-shared .load-report,
.report-header .close-shared ul li {
  transition: none;
}
.report-header #main-container {
  position: relative;
}
.report-header .loading-filters {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 50px;
  width: 50px;
}
.report-header .mobile-nav {
  display: none;
}
.report-header .report-selector,
.report-header .report-list {
  position: absolute;
  top: 0;
  left: 0;
}

.shared-header {
  top: 0 !important;
}
.shared-header .top-nav .report-nav {
  border-right: none;
}

.portfolio-header {
  box-shadow: none;
}

.top-fix {
  padding-top: 120px;
}

.print-switch {
  position: fixed;
  top: 5px;
  right: 5px;
  background-color: #16171a;
  color: #fff;
  z-index: 99999;
  padding: 5px 10px;
  border-radius: 5px;
}

.mdc-switch:enabled .mdc-switch__track::before {
  background-color: #6362d6 !important;
}

.mdc-switch:enabled .mdc-switch__track::after {
  background-color: #00ca8e !important;
}

.mdc-switch__shadow {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
}

.mdc-switch__icons {
  display: none !important;
}

.mdc-switch.mdc-switch .mdc-switch__handle::after {
  background: #fff !important;
}

/*************************
 * Angular JS Utility Directives
 *************************/
.portfolio-table {
  width: 100%;
  max-width: 1066px;
  margin: 0 auto;
  -webkit-user-select: none;
          user-select: none;
}
.portfolio-table.youth-experience .table-header-container {
  margin-bottom: 15px;
}
.portfolio-table.youth-experience .portfolio-comparison-options {
  align-items: center;
}
.portfolio-table .table-header-container {
  display: grid;
  grid-template-columns: 290px auto;
  margin-bottom: 25px;
}
.portfolio-table .table-body-container {
  width: 100%;
  border-radius: 4px;
  border: solid 1px #e8eaeb;
  background-color: #fff;
}
.portfolio-table .portfolio-comparison-options {
  display: flex;
  align-items: flex-end;
}
.portfolio-table .portfolio-comparison-header {
  width: 100%;
}

.table-header {
  display: grid;
  position: relative;
  max-width: 774px;
  grid-auto-flow: column;
}
.table-header.overview {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 18px;
  padding: 0 20px;
}
.table-header.overview .sub-categories {
  grid-column-gap: 10px;
}
.table-header.overview .header-container:nth-child(1) .sub-categories {
  grid-template-columns: repeat(3, 1fr);
}
.table-header.overview .header-container:nth-child(2) .sub-categories {
  grid-template-columns: repeat(3, 1fr);
}
.table-header.overview.is-pre .header-container:nth-child(2) .sub-categories {
  grid-template-columns: repeat(2, 1fr);
}
.table-header.demographics {
  grid-template-columns: 1fr;
  padding: 0;
}
.table-header.demographics .sub-category {
  padding: 0 10px;
}
.table-header.demographics .category-name:after {
  width: 90%;
}
.table-header.benchmark {
  padding: 0;
}
.table-header.benchmark.is-pre {
  grid-template-columns: 1fr;
}
.table-header.benchmark.is-post {
  grid-template-columns: repeat(2, 1fr);
}
.table-header.benchmark .category-name .name {
  font-size: 13px;
  text-transform: none;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
}
.table-header.benchmark .category-name:after {
  display: none;
}
.table-header.benchmark .sub-categories {
  display: none;
}
.table-header.capacities {
  grid-template-columns: 1fr;
  padding: 0 30px;
}
.table-header.capacities .sub-categories {
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 50px;
}
.table-header.capacities.is-pre {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 33px;
}
.table-header.capacities.is-pre .sub-categories {
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 50px;
}
.table-header.skills-career {
  grid-template-columns: 1fr;
  padding: 0 20px;
}
.table-header.skills-career .name {
  max-width: 70%;
}
.table-header.skills-college {
  grid-template-columns: 1fr;
  padding: 0 20px;
}
.table-header.skills-college .name {
  max-width: 70%;
}
.table-header.skills-yla {
  grid-template-columns: 1fr;
  padding: 0 20px;
}
.table-header.skills-yla .name {
  max-width: 70%;
}
.table-header.skills-career .sub-category, .table-header.skills-college .sub-category, .table-header.skills-yla .sub-category {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.table-header.skills-career .category-title, .table-header.skills-college .category-title, .table-header.skills-yla .category-title {
  display: flex;
  justify-content: center;
  width: 100%;
}
.table-header.skills-career .category-title-name, .table-header.skills-college .category-title-name, .table-header.skills-yla .category-title-name {
  display: block;
  height: 32px;
}
.table-header.skills-career .divider-line, .table-header.skills-college .divider-line, .table-header.skills-yla .divider-line {
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
}
.table-header.skills-career .divider-line:after, .table-header.skills-college .divider-line:after, .table-header.skills-yla .divider-line:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  background-color: #e8eaeb;
}
.table-header.skills-career .third-level-container, .table-header.skills-college .third-level-container, .table-header.skills-yla .third-level-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  width: 90%;
}
.table-header.skills-career .third-lvl-icon, .table-header.skills-college .third-lvl-icon, .table-header.skills-yla .third-lvl-icon {
  width: 14px;
  height: 14px;
  margin: 0 auto;
}
.table-header.internship {
  grid-template-columns: 1fr;
  padding: 0 20px;
}
.table-header.internship .category-title-name {
  max-width: 100px;
}
.table-header.internship .name {
  max-width: 50%;
}
.table-header.overall {
  grid-column-gap: 20px;
  padding: 0 20px;
}
.table-header.learning {
  grid-template-columns: 1fr;
  padding: 0 20px;
}
.table-header.learning .sub-categories {
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 4px;
}
.table-header.learning .category-title-name {
  max-width: 75px;
}
.table-header.youth-experience {
  grid-template-columns: 1fr;
  padding: 0 20px;
}
.table-header.youth-experience .sub-category {
  display: grid;
}
.table-header.youth-experience .add-line {
  padding-bottom: 8px;
}
.table-header.youth-experience .add-line:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: #e8eaeb;
}
.table-header.youth-experience .experience-icons-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}
.table-header.youth-experience .experience-icon {
  width: 14px;
  height: 14px;
  margin: 0 auto;
}
.table-header.youth-experience.youth-attendance-h .category-title {
  max-width: 85px;
}
.table-header.youth-experience.learning-preferences-h {
  padding-left: 20px;
  padding-right: 15px;
}
.table-header.youth-experience.learning-preferences-h.lpref-v1 .add-line:after {
  width: 130px;
}
.table-header.youth-experience.learning-preferences-h.lpref-v1 .category-title-name {
  display: block;
  max-width: 120px;
  height: 32px;
}
.table-header.youth-experience.learning-preferences-h.lpref-v2 .add-line:after {
  width: 180px;
}
.table-header.youth-experience.learning-preferences-h.lpref-v2 .category-title-name {
  display: block;
  max-width: 150px;
  height: 32px;
}
.table-header.youth-experience.youth-satisfaction-h .category-title {
  max-width: 65px;
}
.table-header.recommendations {
  padding: 0;
}
.table-header.recommendations .category-name:after {
  width: 90%;
}
.table-header.recommendations.is-post.categories-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.table-header.recommendations.is-post.categories-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.table-header .category-icon {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: auto;
}
.table-header .category-name {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.table-header .category-name:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  height: 1px;
  width: 100%;
  background-color: #e8eaeb;
}
.table-header .category-name .name {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.4px;
  text-align: center;
  color: #43474f;
  margin-bottom: 3px;
  text-transform: uppercase;
  position: relative;
}
.table-header .category-name .name.hover:hover {
  cursor: pointer;
  color: #16171a;
}
.table-header .category-name .name.hover:hover .more-info-icon circle,
.table-header .category-name .name.hover:hover .more-info-icon path:nth-child(n+2) {
  stroke: #16171a;
}
.table-header .category-name .name.main-sort:hover {
  cursor: pointer;
  color: #16171a;
}
.table-header .category-name .name.main-sort:hover .sort g g {
  stroke: #86909e;
}
.table-header .category-name .name.main-is-sorted .sort {
  transform: rotate(0);
}
.table-header .category-name .name.main-sorted-active .sort g g {
  stroke: #43474f;
}
.table-header .category-name .surveyed-info {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  color: #86909e;
}
.table-header .category-name .surveyed-info:hover {
  cursor: pointer;
  color: #43474f;
}
.table-header .category-name .surveyed-info:hover .normal circle,
.table-header .category-name .surveyed-info:hover .normal path:nth-child(n+2) {
  stroke: #16171a;
}
.table-header .category-name .surveyed-info:hover.orange .highlighted {
  color: #fea424;
  background-color: rgba(255, 237, 211, 0.45);
}
.table-header .category-name .surveyed-info:hover.orange .tools {
  color: #fea424;
}
.table-header .category-name .surveyed-info:hover.red .highlighted {
  color: #ff246d;
  background-color: rgba(255, 218, 231, 0.45);
}
.table-header .category-name .surveyed-info:hover.red .tools {
  color: #ff246d;
}
.table-header .category-name .surveyed-info.orange .highlighted {
  background-color: #ffedd3;
  color: #e59118;
}
.table-header .category-name .surveyed-info.red .highlighted {
  background-color: #ffdae7;
  color: #db1e5e;
}
.table-header .category-name .highlighted {
  display: flex;
  align-items: center;
  padding: 2px 3px 2px 19px;
  margin-right: 3px;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
}
.table-header .category-name .more-info-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  opacity: 0.85;
}
.table-header .category-name .more-info-icon.category-icon {
  left: -16px;
}
.table-header .category-name .more-info-icon.surveyed-icon {
  left: 4px;
}
.table-header .category-name .mega-tooltip {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
.table-header .category-name.overall:after {
  height: 2px;
  background-color: #b15dcb;
}
.table-header .sub-categories {
  display: grid;
  margin-top: 19px;
  grid-auto-flow: column;
}
.table-header .sub-categories.extra-padding {
  padding: 0 10px;
}
.table-header .sub-category {
  display: flex;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  line-height: 1.23;
  color: #43474f;
}
.table-header .sub-category.sorted.asc .sort {
  transform: rotate(0);
}
.table-header .sub-category.sorted .sort g g {
  stroke: #43474f;
}
.table-header .category-title {
  display: -webkit-inline-box;
  position: relative;
}
.table-header .category-title:hover {
  cursor: pointer;
  color: #16171a;
}
.table-header .category-title:hover .sort g g {
  stroke: #86909e;
}
.table-header .sort {
  width: 10px;
  height: 10px;
  transform: rotate(180deg);
  transition: 0s;
  margin-top: 3px;
  margin-left: 5px;
}
.table-header .sort svg {
  width: 10px;
  height: 10px;
}
.table-header .category-title-name {
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.table-header .btn-number-changer {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
  border: solid 1px #e8eaeb;
  background-color: #fff;
  position: relative;
}
.table-header .btn-number-changer:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #86909e;
}
.table-header .btn-number-changer.increase {
  margin-left: 8px;
}
.table-header .btn-number-changer.increase:after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.table-header .btn-number-changer.decrease {
  margin-right: 8px;
}
.table-header .btn-number-changer.decrease:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.table-header .btn-number-changer:hover {
  cursor: pointer;
}
.table-header .table-nav {
  display: flex;
  align-items: center;
  position: absolute;
  top: 2px;
  right: 4px;
}
.table-header .table-nav.move-up {
  top: -10px;
}
.table-header .table-nav.move-right {
  right: -50px;
}
.table-header .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
  border: solid 1px #e8eaeb;
  background-color: #fff;
  position: relative;
}
.table-header .nav:hover {
  cursor: pointer;
}
.table-header .nav:hover .nav-icon path {
  fill: #43474f;
}
.table-header .nav:first-child {
  margin-right: 5px;
}
.table-header .nav.disabled .nav-icon {
  opacity: 0.5;
}
.table-header .nav.disabled:hover {
  cursor: not-allowed;
}
.table-header .nav.disabled:hover .nav-icon path {
  fill: #86909e;
}
.table-header .nav-icon {
  width: 7px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table-header .nav-icon.next {
  transform: translate(-50%, -50%) rotate(180deg);
}

.table-options {
  display: flex;
  align-items: center;
  height: 28px;
  width: 100%;
}
.table-options .top-level-switcher {
  display: flex;
  border-radius: 6px;
  border: solid 1px #e8eaeb;
}
.table-options .levels {
  display: flex;
  align-items: center;
  background-color: #faf9f9;
  padding: 7px;
  position: relative;
  width: 26px;
}
.table-options .levels:hover {
  cursor: pointer;
  background-color: #fff;
}
.table-options .levels:nth-child(-n+2):after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #e8eaeb;
}
.table-options .levels.active {
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
  width: 100%;
}
.table-options .levels.active .level-icon {
  margin-right: 4px;
}
.table-options .levels.active .level-icon .dark {
  fill: #21a7ab;
}
.table-options .levels.active .level-icon .light {
  fill: #7edbde;
}
.table-options .level-1 {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.table-options .level-3 {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.table-options .level-icon {
  width: 12px;
  height: 12px;
  transition: 0s;
}
.table-options .level-icon rect {
  transition: 500ms;
}
.table-options .level-name {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.17;
  letter-spacing: 0.3px;
  color: #43474f;
  text-transform: uppercase;
  width: 0;
  z-index: -1;
}
.table-options .level-name.appear {
  z-index: 1;
  width: auto;
}
.table-options .sort-abc {
  display: flex;
  margin-left: 7px;
  padding: 5px;
  align-items: center;
  width: 10px;
  height: 10px;
}
.table-options .sort-abc:hover {
  cursor: pointer;
  color: #16171a;
}
.table-options .sort-abc:hover g g {
  stroke: #86909e;
}
.table-options .sort-abc.sorted g g {
  stroke: #43474f;
}
.table-options .sort-abc.sorted.desc {
  transform: rotate(180deg);
}
.table-options .value-switcher {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.portfolio-comparison-table {
  display: block;
  margin: 0;
}

.portfolio-comparison-row.overview-row .data.pre {
  grid-template-columns: repeat(3, 0.65fr) repeat(2, 1fr);
}
.portfolio-comparison-row.overview-row .data.pre .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.overview-row .data.pre .cell:nth-child(2):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.overview-row .data.pre .cell:nth-child(4):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.overview-row .data.post {
  grid-template-columns: repeat(6, 1fr);
}
.portfolio-comparison-row.overview-row .data.post .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.overview-row .data.post .cell:nth-child(2):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.overview-row .data.post .cell:nth-child(4):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.overview-row .data.post .cell:nth-child(5):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.demographics-row .data {
  grid-auto-flow: column;
}
.portfolio-comparison-row.demographics-row .data .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.benchmark-row .data .cell {
  padding: 0 40px;
}
.portfolio-comparison-row.benchmark-row .data.pre {
  grid-template-columns: 1fr;
}
.portfolio-comparison-row.benchmark-row .data.post {
  grid-template-columns: repeat(2, 1fr);
}
.portfolio-comparison-row.benchmark-row .data.post .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.capacities-row .data.pre {
  grid-template-columns: repeat(4, 1fr);
}
.portfolio-comparison-row.capacities-row .data.pre .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.capacities-row .data.pre .cell:nth-child(3):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.capacities-row .data.post {
  grid-template-columns: repeat(5, 1fr);
}
.portfolio-comparison-row.capacities-row .data.post .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data .cell.first-item, .portfolio-comparison-row.skills-college-row .data .cell.first-item, .portfolio-comparison-row.skills-yla-row .data .cell.first-item {
  padding-left: 20px;
}
.portfolio-comparison-row.skills-career-row .data .cell.last-item, .portfolio-comparison-row.skills-college-row .data .cell.last-item, .portfolio-comparison-row.skills-yla-row .data .cell.last-item {
  padding-right: 20px;
}
.portfolio-comparison-row.skills-career-row .data.row-width-7, .portfolio-comparison-row.skills-college-row .data.row-width-7, .portfolio-comparison-row.skills-yla-row .data.row-width-7 {
  grid-template-columns: 168px repeat(5, 1fr) 117px;
}
.portfolio-comparison-row.skills-career-row .data.row-width-7 .cell:nth-child(1):after, .portfolio-comparison-row.skills-college-row .data.row-width-7 .cell:nth-child(1):after, .portfolio-comparison-row.skills-yla-row .data.row-width-7 .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-7 .cell:nth-child(4):after, .portfolio-comparison-row.skills-college-row .data.row-width-7 .cell:nth-child(4):after, .portfolio-comparison-row.skills-yla-row .data.row-width-7 .cell:nth-child(4):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-10, .portfolio-comparison-row.skills-college-row .data.row-width-10, .portfolio-comparison-row.skills-yla-row .data.row-width-10 {
  grid-template-columns: 168px repeat(8, 1fr) 84px;
}
.portfolio-comparison-row.skills-career-row .data.row-width-10 .cell:nth-child(1):after, .portfolio-comparison-row.skills-college-row .data.row-width-10 .cell:nth-child(1):after, .portfolio-comparison-row.skills-yla-row .data.row-width-10 .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-10 .cell:nth-child(4):after, .portfolio-comparison-row.skills-college-row .data.row-width-10 .cell:nth-child(4):after, .portfolio-comparison-row.skills-yla-row .data.row-width-10 .cell:nth-child(4):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-10 .cell:nth-child(7):after, .portfolio-comparison-row.skills-college-row .data.row-width-10 .cell:nth-child(7):after, .portfolio-comparison-row.skills-yla-row .data.row-width-10 .cell:nth-child(7):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-13, .portfolio-comparison-row.skills-college-row .data.row-width-13, .portfolio-comparison-row.skills-yla-row .data.row-width-13 {
  grid-template-columns: 168px repeat(11, 1fr) 66px;
}
.portfolio-comparison-row.skills-career-row .data.row-width-13 .cell:nth-child(1):after, .portfolio-comparison-row.skills-college-row .data.row-width-13 .cell:nth-child(1):after, .portfolio-comparison-row.skills-yla-row .data.row-width-13 .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-13 .cell:nth-child(4):after, .portfolio-comparison-row.skills-college-row .data.row-width-13 .cell:nth-child(4):after, .portfolio-comparison-row.skills-yla-row .data.row-width-13 .cell:nth-child(4):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-13 .cell:nth-child(7):after, .portfolio-comparison-row.skills-college-row .data.row-width-13 .cell:nth-child(7):after, .portfolio-comparison-row.skills-yla-row .data.row-width-13 .cell:nth-child(7):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.skills-career-row .data.row-width-13 .cell:nth-child(10):after, .portfolio-comparison-row.skills-college-row .data.row-width-13 .cell:nth-child(10):after, .portfolio-comparison-row.skills-yla-row .data.row-width-13 .cell:nth-child(10):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.internship-row .data .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.internship-row .data .cell.first-item {
  padding-left: 20px;
}
.portfolio-comparison-row.internship-row .data .cell.last-item {
  padding-right: 20px;
}
.portfolio-comparison-row.overall-row .data {
  padding: 0;
}
.portfolio-comparison-row.overall-row .data .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.overall-row .data .cell.tool-cell {
  padding-left: 20px;
}
.portfolio-comparison-row.overall-row .data .cell.last-tool-item:after {
  display: none;
}
.portfolio-comparison-row.overall-row .data .cell.core-cell {
  padding-left: 40px;
}
.portfolio-comparison-row.overall-row .data .cell.last-core-item {
  padding-right: 20px;
}
.portfolio-comparison-row.overall-row .data.row-width-3-7 {
  grid-template-columns: 110px repeat(3, 70px) 120px repeat(6, 43px) auto;
}
.portfolio-comparison-row.overall-row .data.row-width-4-7 {
  grid-template-columns: 110px repeat(4, 55px) 120px repeat(6, 42px) auto;
}
.portfolio-comparison-row.overall-row .data.row-width-5-overall {
  grid-template-columns: 1.2fr repeat(3, 1fr) 1.2fr;
}
.portfolio-comparison-row.overall-row .data.row-width-6-overall {
  grid-template-columns: 1.2fr repeat(4, 1fr) 1.2fr;
}
.portfolio-comparison-row.overall-row .data.row-width-7-overall {
  grid-template-columns: 1.2fr repeat(5, 1fr) 1.2fr;
}
.portfolio-comparison-row.overall-row .data.row-width-8-overall {
  grid-template-columns: 1.2fr repeat(6, 1fr) 1.2fr;
}
.portfolio-comparison-row.overall-row .data.row-width-9-overall {
  grid-template-columns: 1.2fr repeat(7, 1fr) 1.2fr;
}
.portfolio-comparison-row.overall-row .data.overall-row .first-item {
  padding-left: 15px;
}
.portfolio-comparison-row.overall-row .data.overall-row .last-item {
  padding-right: 15px;
}
.portfolio-comparison-row.learning-row .data {
  grid-template-columns: 121px repeat(5, 1fr) 121px;
}
.portfolio-comparison-row.learning-row .data .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.learning-row .data .cell.first-item {
  padding-left: 20px;
}
.portfolio-comparison-row.learning-row .data .cell.last-item {
  padding-right: 20px;
}
.portfolio-comparison-row.youth-experience-row .data.youth-attendance-name.row-width-6 {
  grid-template-columns: 140px repeat(4, 1fr) 140px;
}
.portfolio-comparison-row.youth-experience-row .data.youth-attendance-name .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.youth-attendance-name .first-item {
  padding-left: 20px;
}
.portfolio-comparison-row.youth-experience-row .data.youth-attendance-name .last-item {
  padding-right: 20px;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-9 {
  grid-template-columns: 170px repeat(7, 73.5px);
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-9 .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-9 .cell:nth-child(3):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-9 .cell:nth-child(5):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-9 .cell:nth-child(7):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-7 {
  grid-template-columns: 170px repeat(5, 98px);
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-7 .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-7 .cell:nth-child(3):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name.row-width-7 .cell:nth-child(5):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name .first-item {
  padding-left: 20px;
}
.portfolio-comparison-row.youth-experience-row .data.learning-preferences-name .last-item {
  padding-right: 20px;
}
.portfolio-comparison-row.youth-experience-row .data.youth-satisfaction-name.row-width-7 {
  grid-template-columns: 120px repeat(5, 1fr) 120px;
}
.portfolio-comparison-row.youth-experience-row .data.youth-satisfaction-name .cell:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.youth-experience-row .data.youth-satisfaction-name .first-item {
  padding-left: 20px;
}
.portfolio-comparison-row.youth-experience-row .data.youth-satisfaction-name .last-item {
  padding-right: 20px;
}
.portfolio-comparison-row.recommendations-row .data {
  padding: 0;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(1):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(3):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(5):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(7):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(9):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(11):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(13):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row.recommendations-row .data.post .cell:nth-child(15):after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: #43474f;
  opacity: 0.07;
}
.portfolio-comparison-row .row {
  display: grid;
  grid-template-columns: 290px auto;
  align-items: center;
  position: relative;
  box-shadow: inset 0 -1px 0 0 rgba(22, 23, 26, 0.15);
}
.portfolio-comparison-row .row.first:not(.last) .data .cell:after {
  height: 80% !important;
}
.portfolio-comparison-row .row.last:not(.first) .data .cell:after {
  height: 80% !important;
  bottom: initial !important;
  top: 0;
}
.portfolio-comparison-row .row.first.last .data .cell:after {
  top: 50%;
  transform: translateY(-50%);
  height: 80%;
}
.portfolio-comparison-row .row.first-row {
  grid-template-rows: 56px;
  height: 56px;
  background-color: #fff;
}
.portfolio-comparison-row .row.first-row .mega-tooltip {
  top: 15px;
}
.portfolio-comparison-row .row.first-row:hover {
  background-color: #faf9f9;
}
.portfolio-comparison-row .row.first-row:hover .surveyed-icon {
  display: inline;
}
.portfolio-comparison-row .row.second-row {
  grid-template-rows: 42px;
  height: 42px;
  background-color: rgba(220, 245, 246, 0.7);
}
.portfolio-comparison-row .row.second-row .level {
  padding-left: 30px;
}
.portfolio-comparison-row .row.second-row .expand-icon {
  left: 16px;
}
.portfolio-comparison-row .row.second-row .mega-tooltip {
  top: 5px;
}
.portfolio-comparison-row .row.second-row:hover {
  background-color: rgba(202, 230, 231, 0.7);
}
.portfolio-comparison-row .row.third-row {
  grid-template-rows: 42px;
  height: 42px;
  background-color: rgba(126, 219, 222, 0.45);
}
.portfolio-comparison-row .row.third-row .level {
  padding-left: 35px;
}
.portfolio-comparison-row .row.third-row .expand-icon {
  display: none;
}
.portfolio-comparison-row .row.third-row .mega-tooltip {
  top: 5px;
}
.portfolio-comparison-row .row.third-row:hover {
  background-color: rgba(111, 196, 199, 0.45);
}
.portfolio-comparison-row .row:hover .row-icon .normal {
  display: block;
}
.portfolio-comparison-row .level {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 0 30px 0 20px;
  position: relative;
}
.portfolio-comparison-row .level.has_parent_text .expand-icon {
  bottom: 16px;
}
.portfolio-comparison-row .level.has_parent_text .icon-warning {
  bottom: 14px;
}
.portfolio-comparison-row .level.has_parent_text .row-icon {
  bottom: 15px;
}
.portfolio-comparison-row .level:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #16171a;
  opacity: 0.15;
}
.portfolio-comparison-row .level:hover {
  cursor: pointer;
}
.portfolio-comparison-row .level:hover .expand-icon {
  border-left: 4px solid #43474f;
}
.portfolio-comparison-row .previous-level {
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  color: #86909e;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-comparison-row .current-level {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.14;
  color: #43474f;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
.portfolio-comparison-row .current-level.incomplete {
  color: #fea424;
  margin-left: 18px;
}
.portfolio-comparison-row .icon-warning {
  width: 14px;
  height: 12px;
  position: absolute;
}
.portfolio-comparison-row .icon-warning:hover svg path {
  fill: #fecd87;
  stroke: #fea424;
}
.portfolio-comparison-row .expand-icon {
  position: absolute;
  left: 8px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #86909e;
}
.portfolio-comparison-row .expand-icon.toggled {
  transform: rotate(90deg);
}
.portfolio-comparison-row .data {
  display: grid;
  height: 100%;
  grid-auto-flow: column;
}
.portfolio-comparison-row .data.row-width-1 {
  grid-template-columns: repeat(1, 1fr);
}
.portfolio-comparison-row .data.row-width-2 {
  grid-template-columns: repeat(2, 1fr);
}
.portfolio-comparison-row .data.row-width-3 {
  grid-template-columns: repeat(3, 1fr);
}
.portfolio-comparison-row .data.row-width-4 {
  grid-template-columns: repeat(4, 1fr);
}
.portfolio-comparison-row .data.row-width-5 {
  grid-template-columns: repeat(5, 1fr);
}
.portfolio-comparison-row .data.row-width-6 {
  grid-template-columns: repeat(6, 1fr);
}
.portfolio-comparison-row .data.row-width-7 {
  grid-template-columns: repeat(7, 1fr);
}
.portfolio-comparison-row .data.row-width-8 {
  grid-template-columns: repeat(8, 1fr);
}
.portfolio-comparison-row .data.row-width-9 {
  grid-template-columns: repeat(9, 1fr);
}
.portfolio-comparison-row .data.row-width-10 {
  grid-template-columns: repeat(10, 1fr);
}
.portfolio-comparison-row .data.row-width-11 {
  grid-template-columns: repeat(11, 1fr);
}
.portfolio-comparison-row .data.row-width-12 {
  grid-template-columns: repeat(12, 1fr);
}
.portfolio-comparison-row .data.row-width-13 {
  grid-template-columns: repeat(13, 1fr);
}
.portfolio-comparison-row .data.row-width-14 {
  grid-template-columns: repeat(14, 1fr);
}
.portfolio-comparison-row .data.row-width-15 {
  grid-template-columns: repeat(15, 1fr);
}
.portfolio-comparison-row .data.row-width-16 {
  grid-template-columns: repeat(16, 1fr);
}
.portfolio-comparison-row .data.row-width-17 {
  grid-template-columns: repeat(17, 1fr);
}
.portfolio-comparison-row .data.row-width-18 {
  grid-template-columns: repeat(18, 1fr);
}
.portfolio-comparison-row .data.row-width-19 {
  grid-template-columns: repeat(19, 1fr);
}
.portfolio-comparison-row .data.row-width-20 {
  grid-template-columns: repeat(20, 1fr);
}
.portfolio-comparison-row .cell {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.23;
  text-align: center;
  color: #43474f;
  position: relative;
}
.portfolio-comparison-row .cell.null {
  color: #b1b7c0;
}
.portfolio-comparison-row .row-icon {
  position: absolute;
  right: 10px;
  height: 12px;
  width: 12px;
}
.portfolio-comparison-row .row-icon .normal {
  display: none;
}
.portfolio-comparison-row .row-icon.always-on-green .normal {
  display: block;
}
.portfolio-comparison-row .row-icon.always-on-green .normal:hover svg rect {
  fill: #08a977;
}
.portfolio-comparison-row .row-icon.always-on-green .red:hover svg rect:nth-child(2) {
  fill: #db1e5e;
}
.portfolio-comparison-row .row-icon.always-on-green .orange:hover svg rect:nth-child(2) {
  fill: #e59118;
}
.portfolio-comparison-row .surveyed-icon:hover svg rect:nth-child(2) {
  stroke: #00ca8e;
}
.portfolio-comparison-row .surveyed-icon:hover svg rect:nth-child(3) {
  fill: #d9f7ee;
  stroke: #00ca8e;
}
.portfolio-comparison-row .surveyed-icon:hover .red svg rect:nth-child(2) {
  stroke: #ff246d;
}
.portfolio-comparison-row .surveyed-icon:hover .red svg rect:nth-child(3) {
  fill: #ffdae7;
  stroke: #ff246d;
}
.portfolio-comparison-row .surveyed-icon:hover .orange svg rect:nth-child(2) {
  stroke: #fea424;
}
.portfolio-comparison-row .surveyed-icon:hover .orange svg rect:nth-child(3) {
  fill: #ffedd3;
  stroke: #fea424;
}
.portfolio-comparison-row .overflow-tooltip {
  background: #e5e5f8;
  color: #43474f;
  box-align: left;
}
.portfolio-comparison-row .mega-tooltip {
  position: absolute;
  left: 0;
  z-index: 200;
}

.portfolio-comparison-pagination .pagination {
  display: flex;
  margin-top: 18px;
}
.portfolio-comparison-pagination .pagination .nav-btns {
  display: grid;
  grid-column-gap: 15px;
  grid-template-columns: auto auto;
}
.portfolio-comparison-pagination .pagination-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e8eaeb;
  border-radius: 6px;
  background-color: #fff;
  height: 24px;
  width: 24px;
  z-index: 90;
}
.portfolio-comparison-pagination .pagination-btn:hover {
  box-shadow: 0 2px 3px 0 rgba(22, 23, 26, 0.1);
}
.portfolio-comparison-pagination .pagination-btn:hover .double-triangle:before,
.portfolio-comparison-pagination .pagination-btn:hover .double-triangle:after {
  border-bottom: 5px solid #86909e;
}
.portfolio-comparison-pagination .pagination-btn.disabled:hover {
  box-shadow: none;
  cursor: not-allowed;
}
.portfolio-comparison-pagination .current-page {
  display: flex;
  color: #43474f;
  font-size: 15px;
  font-weight: 500;
  margin-right: 22px;
  margin-left: 22px;
}
.portfolio-comparison-pagination .current-page::selection {
  background-color: transparent;
}
.portfolio-comparison-pagination .of-text {
  display: inline-flex;
  margin-right: 10px;
  margin-left: 10px;
  align-items: center;
  color: #b1b7c0;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.portfolio-comparison-pagination .of-text::selection {
  background-color: transparent;
}
.portfolio-comparison-pagination .triangle {
  position: relative;
}
.portfolio-comparison-pagination .triangle:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  height: 0;
  width: 0;
  transition: 0.1s;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #86909e;
}
.portfolio-comparison-pagination .triangle:hover {
  cursor: pointer;
}
.portfolio-comparison-pagination .triangle:hover:after {
  border-bottom: 5px solid #43474f;
}
.portfolio-comparison-pagination .triangle.disabled:after {
  border-bottom: 5px solid rgba(134, 144, 158, 0.5);
}
.portfolio-comparison-pagination .double-triangle {
  position: relative;
}
.portfolio-comparison-pagination .double-triangle:before {
  content: "";
  position: absolute;
  top: 35% !important;
  transform: translateY(-50%);
  height: 0;
  width: 0;
  transition: 0.1s;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #86909e;
}
.portfolio-comparison-pagination .double-triangle:after {
  content: "";
  position: absolute;
  top: 60% !important;
  transform: translateY(-50%);
  height: 0;
  width: 0;
  transition: 0.1s;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #86909e;
}
.portfolio-comparison-pagination .double-triangle:hover {
  cursor: pointer;
}
.portfolio-comparison-pagination .double-triangle:hover:before, .portfolio-comparison-pagination .double-triangle:hover:after {
  border-bottom: 5px solid #43474f;
}
.portfolio-comparison-pagination .double-triangle.disabled:before, .portfolio-comparison-pagination .double-triangle.disabled:after {
  border-bottom: 5px solid rgba(134, 144, 158, 0.5);
}
.portfolio-comparison-pagination .pagination-triangle {
  position: relative;
  top: auto;
  left: auto;
  transform: translateY(0);
}
.portfolio-comparison-pagination .pagination-triangle:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.portfolio-comparison-pagination .flip-triangle:after {
  transform: translateY(-50%) rotate(180deg);
}
.portfolio-comparison-pagination .flip-pag-triangle:before {
  transform: translateY(-50%) rotate(180deg);
}
.portfolio-comparison-pagination .flip-pag-triangle:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.report-selector-modal {
  position: relative;
  top: 15px;
  left: 15px;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #e8eaeb;
  box-shadow: 0 2px 3px rgba(22, 23, 26, 0.2);
  width: 470px;
  height: auto;
  z-index: 100;
}
.report-selector-modal .modal-header {
  display: flex;
  height: 47px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
  color: #16171a;
  text-transform: uppercase;
  box-shadow: inset 0 -1px 0 0 #e8eaeb;
}
.report-selector-modal .modal-header h1 {
  line-height: 47px;
}
.report-selector-modal .modal-header .icon-close {
  margin-left: auto;
  margin-top: 16px;
  width: 12px;
  height: 12px;
}
.report-selector-modal .modal-header .icon-close:hover {
  cursor: pointer;
}
.report-selector-modal .modal-header .icon-close:hover svg path:nth-child(2) {
  fill: #43474f;
}
.report-selector-modal .modal-options .modal-images {
  height: 135px;
}
.report-selector-modal .modal-options .modal-images .image-report {
  padding: 25px 0 20px;
  text-align: center;
  min-width: 235px;
}
.report-selector-modal .modal-options .modal-images .image-report.divider-line::after {
  content: "";
  position: absolute;
  top: 77px;
  right: 0;
  background-color: #e8eaeb;
  width: 1px;
  height: 124px;
}
.report-selector-modal .modal-options .modal-buttons {
  height: 69px;
  padding-bottom: 25px;
}
.report-selector-modal .modal-options .modal-buttons .button {
  background-color: #24c4c8;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  width: 185px;
  height: 44px;
  border-radius: 12px;
  box-shadow: 0 3px 6px 0 rgba(36, 196, 200, 0.4);
  transition: box-shadow 0.3s ease-in-out;
  vertical-align: top;
}
.report-selector-modal .modal-options .modal-buttons .button:hover {
  box-shadow: 0 4px 8px 0 rgba(36, 196, 200, 0.7);
  transition: box-shadow 0.3s ease-in-out;
}
.report-selector-modal .modal-options .modal-buttons .button-disable {
  background-color: #e8eaeb;
  cursor: not-allowed;
  color: #86909e;
  box-shadow: none;
}
.report-selector-modal .modal-options .modal-buttons .button-disable:hover {
  box-shadow: none;
}
.report-selector-modal .modal-options .modal-buttons td {
  width: 235px;
  padding: 0 5.3%;
}

.report-list-modal {
  position: relative;
  top: 15px;
  left: 15px;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #e8eaeb;
  box-shadow: 0 2px 3px rgba(22, 23, 26, 0.2);
  width: 470px;
  height: auto;
  z-index: 100;
}
.report-list-modal .modal-header {
  display: flex;
  height: 47px;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 600;
  color: #16171a;
  text-transform: uppercase;
  box-shadow: inset 0 -1px 0 0 #e8eaeb;
}
.report-list-modal .modal-header h1 {
  line-height: 47px;
}
.report-list-modal .modal-header .icon-close {
  margin-left: auto;
  margin-top: 16px;
  width: 12px;
  height: 12px;
  transform: translate(-10px, -2px);
}
.report-list-modal .modal-header .icon-close:hover {
  cursor: pointer;
}
.report-list-modal .modal-header .icon-close:hover svg path:nth-child(2) {
  fill: #43474f;
}
.report-list-modal .reports-list {
  height: 204px;
  padding: 7px;
  overflow: hidden;
  overflow-y: scroll;
}
.report-list-modal .reports-list.disable-scroll {
  overflow: hidden;
}
.report-list-modal .reports-list .report-items {
  padding: 0;
  margin: 0;
}
.report-list-modal .reports-list .report-items.overlay {
  position: relative;
}
.report-list-modal .reports-list .report-items.overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
}
.report-list-modal .reports-list .saved-report-item {
  display: flex;
  align-items: center;
  padding-left: 15px;
  padding-right: 13px;
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  color: #43474f;
  border-radius: 6px;
  position: relative;
}
.report-list-modal .reports-list .saved-report-item .icon {
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.report-list-modal .reports-list .saved-report-item .icon-delete {
  width: 16px;
  height: 16px;
}
.report-list-modal .reports-list .saved-report-item .icon-delete:hover {
  cursor: pointer;
}
.report-list-modal .reports-list .saved-report-item .icon-delete:hover svg g g {
  stroke: #ff246d;
}
.report-list-modal .reports-list .saved-report-item .icon-delete.disabled:hover {
  cursor: default;
}
.report-list-modal .reports-list .saved-report-item:hover {
  cursor: pointer;
  background-color: #f3f2f1;
}
.report-list-modal .reports-list .saved-report-item:hover .icon {
  opacity: 1;
}
.report-list-modal .reports-list .report-name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-list-modal .reports-list .sparkles {
  display: flex;
  margin-left: 8px;
}
.report-list-modal .reports-list .sparkles md-icon {
  width: 12px;
  -webkit-user-select: none;
          user-select: none;
}
.report-list-modal .reports-list .report-selected {
  padding-left: 10px;
}
.report-list-modal .reports-list .selected {
  font-weight: 600;
  color: #16171a;
  background-color: #f3f2f1;
}
.report-list-modal .load-report-actions {
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px 0 0 #e8eaeb;
}
.report-list-modal .load-report-actions .button {
  background-color: #24c4c8;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  width: 180px;
  height: 44px;
  border-radius: 12px;
  box-shadow: 0 3px 6px 0 rgba(36, 196, 200, 0.4);
  transition: box-shadow 0.3s ease-in-out;
  vertical-align: top;
}
.report-list-modal .load-report-actions .button:hover {
  box-shadow: 0 4px 8px 0 rgba(36, 196, 200, 0.7);
  transition: box-shadow 0.3s ease-in-out;
}
.report-list-modal .load-report-actions .button-disable {
  background-color: #e8eaeb;
  cursor: not-allowed;
  color: #86909e;
  box-shadow: none;
}
.report-list-modal .load-report-actions .button-disable:hover {
  box-shadow: none;
}
.report-list-modal .loading-report-actions {
  display: flex;
  height: 84px;
  align-items: center;
  box-shadow: inset 0 1px 0 0 #e8eaeb;
  padding: 0 15px;
}
.report-list-modal .loading-report-actions p {
  width: 100px;
  line-height: 84px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #43474f;
}
.report-list-modal .loading-report-actions .button-white {
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #e8eaeb;
  font-size: 14px;
  font-weight: 600;
  color: #16171a;
  width: 160px;
  height: 44px;
  border-radius: 12px;
  vertical-align: top;
  transition: box-shadow 0.3s ease-in-out;
}
.report-list-modal .loading-report-actions .button-white:hover {
  box-shadow: 0 2px 8px 0 rgba(22, 23, 26, 0.15);
  transition: box-shadow 0.3s ease-in-out;
}
.report-list-modal .loading-report-actions .loading-section {
  display: flex;
  margin-left: auto;
}
.report-list-modal .loading-report-actions .loading-section .loading-bar {
  margin: 37px 10px 37px 0;
  width: 100px;
  height: 10px;
  border-radius: 5px;
  background-color: #e8eaeb;
}
.report-list-modal .loading-report-actions .loading-section .loading-bar .loading-bar-fill {
  display: block;
  height: 10px;
  background-color: #24c4c8;
  border-radius: 5px;
  transition: 500ms;
}
.report-list-modal .reports-with-new-analytics {
  height: 50px;
  padding: 14px 17px 0;
  box-shadow: inset 0 -1px 0 0 #e8eaeb;
  position: relative;
}
.report-list-modal .reports-with-new-analytics.new-analytics-info-toggled {
  height: 116px;
}
.report-list-modal .reports-with-new-analytics .reports-with-new-analytics-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: uppercase;
  color: #fea424;
}
.report-list-modal .reports-with-new-analytics .sparkles {
  display: flex;
  height: 20px;
  margin-left: 18px;
}
.report-list-modal .reports-with-new-analytics .sparkles md-icon {
  width: 14px;
}
.report-list-modal .reports-with-new-analytics .icon-more-info {
  width: 12px;
  height: 12px;
  margin: 0 5px 0 4px;
  position: absolute;
  right: 18.5px;
  top: 17.5px;
  cursor: pointer;
  opacity: 0.5;
}
.report-list-modal .reports-with-new-analytics .icon-more-info:hover {
  opacity: 1;
}
.report-list-modal .reports-with-new-analytics .new-analytics-info {
  color: #43474f;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  padding-top: 9px;
}
.report-list-modal .reports-with-new-analytics .learn-more {
  height: 22px;
  color: #24c4c8;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
}

.save-report-delete-tooltip {
  max-width: 285px;
  width: 100%;
  border-radius: 9px;
  background-color: rgba(67, 71, 79, 0.97);
  white-space: initial;
  padding: 15px;
  box-sizing: border-box;
  margin-top: -7px !important;
}
.save-report-delete-tooltip.left {
  left: 430px !important;
}
.save-report-delete-tooltip .tooltip-text {
  display: block;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #fff;
  margin-bottom: 10px;
}
.save-report-delete-tooltip .confirm-delete,
.save-report-delete-tooltip .confirm-cancel {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  width: 95px;
  height: 34px;
}
.save-report-delete-tooltip .confirm-delete:hover,
.save-report-delete-tooltip .confirm-cancel:hover {
  cursor: pointer;
}
.save-report-delete-tooltip .confirm-delete {
  border-radius: 12px;
  box-shadow: 0 3px 6px 0 rgba(255, 36, 109, 0.4);
  background-color: #ff246d;
  color: #fff;
}
.save-report-delete-tooltip .confirm-cancel {
  background-color: transparent;
  color: #fff;
  margin-left: 10px;
}

.portfolio-percent-surveyed {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: normal;
  color: #86909e;
  position: relative;
}
.portfolio-percent-surveyed:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  background-color: #e8eaeb;
  width: 300px;
  height: 1px;
}
.portfolio-percent-surveyed:hover {
  cursor: pointer;
  color: #43474f;
}
.portfolio-percent-surveyed:hover .normal circle,
.portfolio-percent-surveyed:hover .normal path:nth-child(n+2) {
  stroke: #16171a;
}
.portfolio-percent-surveyed:hover.orange .highlighted {
  color: #fea424;
  background-color: rgba(255, 237, 211, 0.45);
}
.portfolio-percent-surveyed:hover.orange .tools {
  color: #fea424;
}
.portfolio-percent-surveyed:hover.red .highlighted {
  color: #ff246d;
  background-color: rgba(255, 218, 231, 0.45);
}
.portfolio-percent-surveyed:hover.red .tools {
  color: #ff246d;
}
.portfolio-percent-surveyed.orange .highlighted {
  background-color: #ffedd3;
  color: #e59118;
}
.portfolio-percent-surveyed.red .highlighted {
  background-color: #ffdae7;
  color: #db1e5e;
}
.portfolio-percent-surveyed .highlighted {
  display: flex;
  align-items: center;
  padding: 2px 3px 2px 19px;
  margin-right: 3px;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
}
.portfolio-percent-surveyed .surveyed-icon {
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  opacity: 0.85;
}
.portfolio-percent-surveyed .mega-tooltip {
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 999;
}

.portfolio .portfolio-percent-surveyed .mega-tooltip {
  top: -11px;
  left: -12px;
}

/*************************
 * Config (Typography & Colors)
 *************************/
:root {
  --black: #16171a;
  --blue: #24c4c8;
  --white: #fff;
  --gray-2: #86909e;
  --gray-4: #e8eaeb;
}

.error-404-403 {
  background-color: #f3f2f1;
  overflow: hidden;
  height: 100vh;
}
.error-404-403 .error-header {
  margin-top: 80px;
  display: flex;
  justify-content: center;
}
.error-404-403 .error-header .hi-logo {
  width: 150px;
  height: auto;
}
.error-404-403 .error-content {
  margin-top: 90px;
}
.error-404-403 .error-content .error-image {
  display: flex;
  justify-content: center;
}
.error-404-403 .error-content .error-text {
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.error-404-403 .error-content .error-text .error-title {
  margin-top: 0px;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  color: #16171a;
}
.error-404-403 .error-content .error-text .error-description {
  margin-top: 16px;
  margin-bottom: 51px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #86909e;
}
.error-404-403 .error-content .error-text .error-description .error-link:hover {
  color: #21a7ab;
}

/*# sourceMappingURL=styles.css.map*/