/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.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)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color: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-ripple-element{background-color:rgba(0,0,0,.1)}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, #ff4081)}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-pseudo-checkbox-full{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em)}.mat-mdc-card{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-elevated-card-container-color:#fff}.mat-mdc-card-outlined{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-outline-color:#e0e0e0}.mat-mdc-card-subtitle{color:rgba(0,0,0,.54)}.mat-mdc-card-title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-headline6-font-size, 20px);line-height:var(--mdc-typography-headline6-line-height, 32px);font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:var(--mdc-typography-headline6-text-transform, none)}.mat-mdc-card-subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:rgba(244, 67, 54, 0.25)}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:white}.mat-mdc-tooltip{--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}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.6)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.6)}}.mdc-text-field .mdc-text-field__input{caret-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(63, 81, 181, 0.87)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-focus-overlay{background-color:rgba(0,0,0,.87)}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after{color:rgba(63,81,181,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after{color:rgba(255,64,129,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after{color:rgba(244,67,54,.87)}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-mdc-form-field.mat-accent .mdc-text-field__input{caret-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-warn .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid rgba(0,0,0,0)}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field--textarea .mdc-text-field__input{line-height:1.5rem}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-form-field,.mat-mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above{font-size:calc(16px * var(--mat-mdc-form-field-floating-label-scale, 0.75))}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:16px}.mdc-menu-surface{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-select-value{color:rgba(0,0,0,.87)}.mat-mdc-select-placeholder{color:rgba(0,0,0,.6)}.mat-mdc-select-disabled .mat-mdc-select-value{color:rgba(0,0,0,.38)}.mat-mdc-select-arrow{color:rgba(0,0,0,.54)}.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:rgba(63,81,181,.87)}.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow{color:rgba(255,64,129,.87)}.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow{color:rgba(0,0,0,.38)}.mat-mdc-select-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-select{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mdc-menu-surface{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-autocomplete-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-dialog-container{--mdc-dialog-container-color:white;--mdc-dialog-with-divider-divider-color:rgba(0, 0, 0, 0.12);--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}.mat-mdc-dialog-container{--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-elevated-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-label-text-color:#212121;--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121}.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-chip-focus-overlay{background:#000}.mat-mdc-chip{height:32px}.mat-mdc-standard-chip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slide-toggle{--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-unselected-handle-color:#616161;--mdc-switch-selected-icon-color:#fff;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-unselected-icon-color:#fff}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-slide-toggle.mat-primary{--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}.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}.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}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size:48px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-radio-button.mat-primary .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-radio-button.mat-accent .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-radio-button.mat-warn .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button .mdc-radio{padding:calc((40px - 20px) / 2)}.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slider{--mdc-slider-label-container-color:black;--mdc-slider-label-label-text-color:white;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-mdc-slider-value-indicator-opacity: 0.6}.mat-mdc-slider.mat-primary{--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-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2)}.mat-mdc-slider.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-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2)}.mat-mdc-slider.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-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2)}.mat-mdc-slider{--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}.mdc-menu-surface{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-menu-item[disabled],.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,.mat-mdc-menu-item[disabled] .mat-icon-no-color{color:var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38))}.mat-mdc-menu-item .mat-icon-no-color,.mat-mdc-menu-submenu-icon{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-menu-item.cdk-program-focused:not([disabled]),.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),.mat-mdc-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-mdc-menu-content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-menu-content,.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-list-base{--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}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.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--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .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}.mat-mdc-list-base{--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-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}.mat-mdc-list-base{--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-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em}.mat-mdc-paginator{background:#fff;color:rgba(0,0,0,.87)}.mat-mdc-paginator-icon{fill:rgba(0,0,0,.54)}.mat-mdc-paginator-decrement,.mat-mdc-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-mdc-paginator-first,.mat-mdc-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last{border-color:rgba(0,0,0,.12)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon{fill:rgba(0,0,0,.12)}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-paginator-container{min-height:56px}.mat-mdc-paginator{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-paginator .mat-mdc-select-value{font-size:12px}.mat-mdc-tab,.mat-mdc-tab-link{background-color:rgba(0,0,0,0)}.mat-mdc-tab .mdc-tab__text-label,.mat-mdc-tab-link .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element,.mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element{background-color:rgba(0,0,0,.38)}.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#3f51b5}.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #3f51b5)}.mdc-tab__ripple::before,.mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-link .mat-ripple-element{background-color:#3f51b5}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#ff4081}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #ff4081)}.mat-mdc-tab-group.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element{background-color:#ff4081}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#f44336}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #f44336)}.mat-mdc-tab-group.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element{background-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-mdc-tab-header-with-background-background-color: #3f51b5;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-mdc-tab-header-with-background-background-color: #ff4081;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-mdc-tab-header-with-background-background-color: #f44336;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-header-pagination-chevron{border-color:var(--mdc-theme-on-surface, #000)}.mat-mdc-tab-header .mdc-tab{height:48px}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-checkbox .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-mdc-checkbox .mdc-checkbox__ripple{background:#000}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(63,81,181,.1)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#3f51b5}.mat-mdc-checkbox.mat-accent{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(255,64,129,.1)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#ff4081}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(244,67,54,.1)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#f44336}.mat-mdc-checkbox-disabled label{color:rgba(0,0,0,.38)}.mat-mdc-checkbox .mdc-checkbox{padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:var(--mdc-checkbox-touch-target-size, 40px);height:var(--mdc-checkbox-touch-target-size, 40px)}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button[disabled][disabled]{--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);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button[disabled][disabled]{--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);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-mdc-icon-button.mat-mdc-button-base{width:48px;height:48px;padding:12px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:48px;max-width:48px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color:#fff;--mdc-fab-icon-color:#000;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color:#f44336;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color:rgba(0, 0, 0, 0.12);--mdc-fab-icon-color:rgba(0, 0, 0, 0.38);--mat-mdc-fab-color: rgba(0, 0, 0, 0.38)}.mdc-fab--extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-snack-bar-container{--mat-mdc-snack-bar-button-color: #ff4081;--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87)}.mat-mdc-snack-bar-container{--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}.mdc-data-table{background-color:var(--mdc-theme-surface, #fff);border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row{background-color:inherit}.mdc-data-table__header-cell{background-color:var(--mdc-theme-surface, #fff)}.mdc-data-table__row--selected{background-color:rgba(63, 81, 181, 0.04)}.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__cell,.mdc-data-table__header-cell{border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__pagination{border-top-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row:not(.mdc-data-table__row--selected):hover{background-color:rgba(0, 0, 0, 0.04)}.mdc-data-table__header-cell{color:rgba(0, 0, 0, 0.87)}.mdc-data-table__pagination-total,.mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__cell{color:rgba(0, 0, 0, 0.87)}.mat-mdc-table{background:#fff}.mat-mdc-table .mdc-data-table__row{height:52px}.mat-mdc-table .mdc-data-table__pagination{min-height:52px}.mat-mdc-table .mdc-data-table__header-row{height:56px}.mdc-data-table__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__header-cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-bottom-sheet-container{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-button-toggle{font-family:Roboto, sans-serif}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{width:40px;height:40px;padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:40px;left:50%;width:40px;transform:translate(-50%, -50%)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}.mat-calendar{font-family:Roboto, sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-expansion-panel-header{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.mat-expansion-panel-content{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:16px}.mat-step-label-selected{font-size:16px;font-weight:400}.mat-sort-header-arrow{color:#757575}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font-size:24px;font-weight:400;line-height:32px;font-family: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-size:20px;font-weight:500;line-height:32px;font-family: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-size:16px;font-weight:400;line-height:28px;font-family: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-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.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-size:14px;font-weight:500;line-height:22px;font-family:Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font-size:14px;font-weight:400;line-height:20px;font-family: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-size:12px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font-size:96px;font-weight:300;line-height:96px;font-family:Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font-size:60px;font-weight:300;line-height:60px;font-family:Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font-size:48px;font-weight:400;line-height:50px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font-size:34px;font-weight:400;line-height:40px;font-family:Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden; /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

:root {
  /* Custom Tokens from Design Spec */
  --Primary_Blue: var(--azure-blue-500);
  --Primary_Green: var(--cyan-500);
  --On_Primary: var(--grey-white);
  --On_Surface_Text_Dark: var(--grey-900);
  --On_Surface_Text_Normal: var(--grey-800);
  --On_Surface_Text_fade: var(--grey-400);
  --Primary_Container: var(--azure-blue-50);
  --On_Primary_Container: var(--azure-blue-600);
  --Primary_Container_light: var(--azure-blue-0);
  --Reg_Pop_Up_border: var(--grey-200);
  --font-family: "Montserrat", sans-serif;
  /* Azure (Blue) Shades */
  --azure-blue-0: #E9F0FC;
  --azure-blue-50: #CBDAF1;
  --azure-blue-100: #D3E2F8;
  --azure-blue-200: #A5C3EE;
  --azure-blue-300: #7094D1;
  --azure-blue-400: #4177C8;
  --azure-blue-500: #2D5EAB;
  --azure-blue-600: #234C8A;
  --azure-blue-700: #16326A;
  --azure-blue-800: #0B2450;
  /* Orage Shades */
  --orange-50: #FFF3E0;
  --orange-100: #FFE0B2;
  --orange-200: #FFCC80;
  --orange-300: #FFB74D;
  --orange-400: #FFA726;
  --orange-500: #FF9800;
  --orange-600: #FB8C00;
  --orange-700: #F57C00;
  --orange-800: #EF6C00;
  --orange-900: #E65100;
  /* Cyan (Green) Shades */
  --cyan-0: #EDF8F6;
  --cyan-50: #D7EFEC;
  --cyan-100: #BCE6E1;
  --cyan-200: #8DD8CE;
  --cyan-300: #8DD8CE;
  --cyan-400: #2EB2A2;
  --cyan-500: #299D8F;
  --cyan-600: #1F8E81;
  --cyan-700: #177D71;
  --cyan-800: #0F6C60;
  /* Red Shades */
  --red-0: #FDEAE7;
  --red-50: #FDCAC3;
  --red-100: #F2B7AB;
  --red-200: #F0A393;
  --red-300: #EF8B7B;
  --red-400: #EB7A6B;
  --red-500: #EE5A58;
  --red-600: #E64C41;
  --red-700: #ED3612;
  --red-800: #D32E0D;
  --red-900: #B6110C;
  --red-1000: #930000;
  /* Purple Shades */
  --purple-50: #F3E5F5;
  --purple-100: #E1BEE7;
  --purple-200: #CE93D8;
  --purple-300: #BA68C8;
  --purple-400: #AB47BC;
  --purple-500: #9C27B0;
  --purple-600: #8E24AA;
  --purple-700: #7B1FA2;
  --purple-800: #6A1B9A;
  --purple-900: #4A148C;
  /* Neutral Shades */
  --neutral-white: #FFFFFF;
  --neutral-50: #F7F8F9;
  --neutral-100: #EFF1F3;
  --neutral-200: #D9DDE1;
  --neutral-300: #B3BAC3;
  --neutral-400: #8C96A2;
  --neutral-500: #687787;
  --neutral-600: #4E5D6B;
  --neutral-700: #1A2A34;
  --neutral-800: #1A2A34;
  --neutral-900: #142129;
  --neutral-1000: #001018;
  /* Grey Shades */
  --grey-white: #FFFFFF;
  --grey-50: #FAFAFA;
  --grey-100: #F5F5F5;
  --grey-150: #EDEDED;
  --grey-200: #E5E5E5;
  --grey-300: #D4D4D4;
  --grey-400: #A3A3A3;
  --grey-500: #737373;
  --grey-600: #525252;
  --grey-700: #404040;
  --grey-800: #262626;
  --grey-900: #171717;
  --grey-1000: #0A0A0A;
  /* Mixed Grey Shades */
  --mixed-grey-15: #252525;
  --mixed-grey-13: #222222;
  --mixed-grey-43: #6D6D6D;
  --mixed-grey-95: #EBF1F9;
  --mixed-grey-28: #484848;
  --mixed-grey-99: #FDFDFD;
  --mixed-grey-40: #666666;
  --mixed-grey-5: #0C0C0C;
  --mixed-grey-96: #ECF6FF;
  --mixed-grey-24: #3D3D3D;
}

::-webkit-input-placeholder {
  color: #b1b1b1 !important;
}

:-moz-placeholder {
  color: #b1b1b1 !important;
}

::-moz-placeholder {
  color: #b1b1b1 !important;
}

:-ms-input-placeholder {
  color: #b1b1b1 !important;
}

.border-theme {
  border-color: #2D5EAB !important;
}

.bg-gredient-blue {
  background-image: linear-gradient(#2A65C0, #2D5EAB);
}

.custom-modalbox mat-dialog-container {
  border-radius: 24px !important;
  padding: 8px 32px;
  display: flex;
}
.custom-modalbox .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 24px !important;
  padding: 8px 32px;
}

.upload-modalbox mat-dialog-container {
  border-radius: 30px !important;
  display: flex;
}
.upload-modalbox .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 30px !important;
}

.color-succes {
  color: #28a745;
}

.text-azure-blue {
  color: #2D5EAB !important;
}

.text-indigo-blue {
  color: #283F8E !important;
}

.color_blue {
  color: #2D5EAB;
}

.color_orange {
  color: #f9502f;
}

.color_black {
  color: #000000;
}

.color_grey {
  color: #727272;
}

.color_white {
  color: #ffffff;
}

.font-family-montserrat {
  font-family: "Montserrat", serif !important;
}

.mat-typography {
  font-family: "Montserrat", serif !important;
}

button {
  font-family: "Montserrat", serif !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

body {
  font-family: "Montserrat", sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  font-style: unset;
  margin: 0;
  padding: 0;
  letter-spacing: 1.3px;
  color: #606060;
}

.sec_gray {
  background: #f8f7f9;
}

* {
  padding: 0;
  margin: 0;
}

ul {
  list-style-type: none;
  margin: 0 !important;
  padding-left: 0 !important;
}

a {
  color: #000 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif !important;
}

html,
body {
  height: 100%;
}

a {
  text-decoration: none !important;
}

.text-theme {
  color: #2D5EAB !important;
}

.btn_theme {
  background-color: #2D5EAB !important;
  color: #ffffff !important;
  border: 1px solid #2D5EAB;
  padding: 10px 26px !important;
  font-weight: 500;
  margin: auto;
  border-radius: 6px !important;
  cursor: pointer;
  display: inline-block;
}

.btn-secondary {
  padding: 10px 26px !important;
}

.form-control {
  display: block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control.form-control-lg {
  padding: 0.75rem !important;
  border-radius: 0.563rem !important;
}

.form-select-lg {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #2D5EAB !important;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #2D5EAB !important;
}

.mat-radio-label-content {
  color: #5c6166 !important;
}

.card_shadow {
  border: 0;
  box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  border-radius: 20px;
}

.mat-mdc-checkbox.mat-accent {
  color: #2D5EAB !important;
}

.text_orange {
  color: #f15a24 !important;
}

.wishlist_content {
  margin-left: 9px;
}

.nav_dropdown_border {
  border-bottom: 1px dashed #727272;
  padding: 10px 0;
  text-align: center;
}

.header_main {
  z-index: 1;
  padding: 12px 0;
}

.custom_container {
  max-width: 1300px;
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}

.customer_header .header_search_input {
  padding-left: 14px;
}

.header_search_form_container {
  width: 100%;
  height: 50px;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
}

.header_search_form {
  width: 100%;
  height: 100%;
  position: relative;
}
.header_search_form .selectIn_input {
  background-color: #2D5EAB;
  color: #fff !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  align-items: center;
}
.header_search_form .selectIn_input li .all {
  color: #fff !important;
  font-size: 14px;
}
.header_search_form .header_search_input {
  display: block;
  position: relative;
  width: 85%;
  height: 100%;
  line-height: 50px;
  border-left: 1px solid #d7d5d5;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  outline: none !important;
  padding-left: 26px;
  color: #403f3f;
  float: left;
}
.header_search_form .header_search_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: #2D5EAB !important;
  border: none;
  outline: none;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.toBusiness .btn {
  padding: 13px 10px;
  background-color: #2D5EAB !important;
  color: #fff !important;
  font-size: 12px;
}

.standard_dropdown li.hassubs > a i {
  display: inline-block;
  margin-left: 3px;
}
.standard_dropdown li {
  display: inline-block;
  position: relative;
}
.standard_dropdown li ul {
  display: block;
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  min-width: 250px;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1019607843);
  transition: all 0.3s ease;
  z-index: 1;
  border-radius: 8px;
}
.standard_dropdown li:hover > ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
.standard_dropdown li:hover > ul li {
  display: block;
}

.main_nav_dropdown li li {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 0;
}

.main_nav_dropdown li a.active {
  font-size: 15px;
  font-weight: 500;
  color: #2D5EAB !important;
  border-bottom: 2px solid;
}

.hassubs ul li {
  padding: 10px 15px;
}

.logos_head img {
  width: 250px;
  height: 100%;
  object-fit: cover;
}

.h3_head {
  color: #000 !important;
}

header a {
  color: #727272 !important;
  font-size: 15px;
  font-weight: 500;
}

.wishlist_cart_wrap .cart_container .cart_price {
  font-size: 12px;
  color: #a3a3a3;
  margin-top: -2px;
}
.wishlist_cart_wrap .cart_container .cart_content {
  margin-left: 23px;
}
.wishlist_cart_wrap .cart_container .cart_icon {
  position: relative;
}
.wishlist_cart_wrap .cart_container .cart_icon img {
  width: 100%;
  height: 22px;
}
.wishlist_cart_wrap .cart_container .cart_icon .cart_count {
  position: absolute;
  bottom: -2px;
  right: -13px;
  width: 17px;
  height: 17px;
  background: #2D5EAB !important;
  border-radius: 50%;
  text-align: center;
  display: block;
  line-height: 17px;
  font-size: 10px;
  color: #fff;
  transform: translateY(1px);
}
.wishlist_cart_wrap .wishlist_icon img {
  width: 100%;
  height: 22px;
}
.wishlist_cart_wrap .wishlist_count {
  margin-top: -2px;
  color: #a3a3a3;
  font-size: 12px;
}
.wishlist_cart_wrap .wishlist {
  margin-right: 20px;
}
.wishlist_cart_wrap .cartFisrt {
  margin-right: 30px;
}
.wishlist_cart_wrap .toBusiness {
  margin-right: 40px;
}

.cart_item_prdct {
  height: 98px;
  width: 100%;
}

.maincart_table .prdctImg_name {
  max-width: 360px;
}
.maincart_table td.qty.rgt_ratng {
  max-width: 140px;
}
.maincart_table td,
.maincart_table th {
  padding: 0 4px 4px;
  vertical-align: top;
}
.maincart_table .itemLabel {
  text-align: center;
}
.maincart_table .perItemValue {
  text-align: center;
}
.maincart_table .addcart_fromList {
  max-width: 174px;
}
.maincart_table tr {
  margin-bottom: 10px;
}

.wishlist_cart.main_header_right_cnt .cart_container .cart_content .cart_price,
.wishlist_cart.main_header_right_cnt .main_header_wishlist .wishlist_content .wishlist_count {
  text-align: left;
}

.main_nav_menu {
  padding: 15px 0;
}
.main_nav_menu li {
  padding: 0 20px;
}

.main_nav {
  width: 100%;
  border-top: 1px solid #f2f2f2;
  background: #fff;
  position: relative;
}

.footer-container {
  background: #EEEEEE !important;
  line-height: 24px;
  position: relative;
}

.footer-bottom {
  padding-bottom: 220px;
}

.footer-top {
  padding: 50px 0;
}

.footer-top,
.footer-center {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.block_newsletter {
  max-width: 630px;
  position: relative;
}

.footer-container .block #block-newsletter-label {
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  text-transform: capitalize;
  margin-bottom: 40px;
}

.block_newsletter form .input-wrapper {
  overflow: hidden;
}

.block_newsletter form .btn {
  text-align: center;
  height: 45px;
  text-transform: capitalize;
  background: transparent;
  border-radius: 0;
  border: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  padding: 0 20px;
  color: #2D5EAB;
  position: absolute;
  top: 0;
  -moz-border-top-right-radius: 30px;
  border-top-right-radius: 30px;
  -moz-border-bottom-right-radius: 30px;
  border-bottom-right-radius: 30px;
  right: 15px;
  left: auto;
  transition: all 0.3s ease;
}

.block_newsletter form .btn {
  text-align: center;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: #2D5EAB;
}

.block_newsletter form input[type=email] {
  padding: 15px;
  border: none;
  height: 45px;
  background: #fff;
  border-radius: 0;
  font-size: 14px;
  line-height: 28px;
  color: #797979;
  width: 100%;
  background: #fff;
  border-radius: 30px;
}

.footer-container .ApColumn .block {
  margin-bottom: 0;
  font-size: 14px;
}

.block-social ul {
  text-align: right;
}

.block-social li {
  display: inline-block;
  cursor: pointer;
  margin: 7px 16px;
  text-align: center;
}

.footer-container .block .title_block {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #464646;
  text-align: left;
}

.footer-container li a {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  color: #747373 !important;
  white-space: nowrap;
}

.contact-w .icon {
  margin-right: 10px;
}

.footer-center {
  padding: 50px 0;
}
.footer-center ul {
  padding-left: 0;
}

.block-social li a {
  line-height: 44px;
  background: transparent;
  border-radius: 50%;
}

.block-social li a:hover {
  color: transparent;
  border: none;
}

.footer_logo .logo.img-fluid {
  max-width: 230px;
  margin-bottom: 30px;
}

.contact-w .block_content div:first-child a {
  font-size: 26px;
}

.contact-w .block_content div:first-child a {
  font-size: 18px;
  line-height: 32px;
  color: #ffcb05;
}

.contact-w .block_content div {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 7px 0;
}

.demo_call {
  color: #ffcb05;
}

.copyright {
  color: #464646;
  padding: 90px 0 0;
  font-weight: 600;
}

.col-xs-12.input-box {
  width: 100%;
  position: relative;
}

.ApBlockLink .social_icons img {
  width: 30px;
}
.ApBlockLink .social_icons ul {
  display: flex;
  align-items: center;
  gap: 3px;
}
.ApBlockLink .social_icons li {
  margin-right: 18px;
  cursor: pointer;
}

.latest_offer {
  font-size: 13px;
  font-weight: 500;
  margin-top: 50px;
}

.right_ftr_contnt {
  margin-left: 60px;
}

.pageWrapper {
  min-height: 20vh;
}

section {
  padding: 40px 0 20px;
  position: relative;
}

.section_30 {
  padding: 30px 0 60px;
  position: relative;
}

.loginForm {
  padding-top: 90px;
}

.forgetPaswd span {
  font-size: 12px;
  color: #f9502f;
}

.loginForm .form-group {
  margin-bottom: 1.5rem;
}

.pswd_cntnr i {
  position: absolute;
  top: 11px;
  right: 10px;
}

.rememberSettings {
  font-size: 13px;
}

.small,
small {
  font-size: 80% !important;
}

.signUpsec {
  text-align: center;
}
.signUpsec span {
  color: #f9502f !important;
}
.signUpsec small {
  font-weight: 500;
}

.registerSteps .mat-form-field {
  width: 100%;
}
.registerSteps .nextBtn {
  margin-top: 60px;
}
.registerSteps .businessUploadInp {
  position: relative;
  margin-top: 10px;
  border-bottom: 1px solid #838383;
}
.registerSteps .businessUploadInp .labelWrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 3px;
  align-items: center;
}
.registerSteps .businessUploadInp .labelWrap label {
  display: inline-block;
  color: #6d6d6d;
  font-size: 15px;
}
.registerSteps .businessUploadInp .labelWrap .inputRef {
  position: relative;
  display: inline-block;
  background: rgba(217, 217, 217, 0.69);
  border-radius: 4px;
  font-size: 13px;
  padding: 6px 10px;
}
.registerSteps .businessUploadInp input {
  opacity: 0;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
}

.wishlist_cart_wrap .cart .subHdLink:hover * {
  color: #f9502f !important;
}

.stepperHeads {
  padding: 20px 0 26px;
}

.ImgUploader {
  border-radius: 6px;
  margin-bottom: 50px;
}
.ImgUploader .ifNotUploaded_wrap .ifNotUploaded {
  background-color: #fafafa;
  padding: 20px;
}
.ImgUploader .ifNotUploaded_wrap img {
  height: 160px;
}
.ImgUploader .ifNotUploaded_wrap .upload_actn {
  margin-top: 30px;
  border-radius: 6px;
  font-weight: 500;
}
.ImgUploader .ifNotUploaded_wrap .upload_actn .uploadBannerbtn {
  position: relative;
}
.ImgUploader .ifNotUploaded_wrap .upload_actn .uploadBannerbtn input {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.ImgUploader .onlineBanner img {
  height: 260px;
  width: 100%;
}

.compnyLogo .ifNotUploaded_wrap img {
  height: 70px;
}

.outlinedBtn {
  color: #2D5EAB !important;
  border: 1px solid #2D5EAB;
  padding: 10px 26px;
  border-radius: 6px;
  display: inline-block;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Montserrat", sans-serif !important;
}

.payment-success-cntnt img,
.payment-failed-cntnt img {
  width: 350px;
  height: auto;
  object-fit: cover;
}
.payment-success-cntnt .pay_text,
.payment-failed-cntnt .pay_text {
  font-size: 35px;
  font-weight: 500;
}
.payment-success-cntnt .pay_dsec,
.payment-failed-cntnt .pay_dsec {
  font-size: 22px;
  font-weight: 500;
}

.pagination .page-item {
  margin-left: 25px;
}
.pagination .page-item a {
  border-radius: 8px !important;
  background: var(--shiny-silver, #eee) !important;
  color: #727272 !important;
}
.pagination .page-item a.active {
  background-color: #2D5EAB !important;
  color: #fff !important;
}
.pagination .page-item a.page-link.page_dots {
  background: none !important;
  border: none !important;
  padding-top: 15px !important;
  font-size: 14px !important;
}

.headr_text {
  padding-bottom: 30px;
}
.headr_text .set_text_main {
  color: var(--blue, #2D5EAB) !important;
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 44px !important;
}

.image_cntainer {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(2, 1fr);
}
.image_cntainer .item1 img {
  height: 600px;
  width: 100%;
  object-fit: cover;
}
.image_cntainer .item1 .item2 img {
  height: 335px;
  width: 100%;
  object-fit: cover;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.grid-item.item2 {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr;
}

.btn {
  color: #fff;
  font-size: 16px;
  font-family: "Montserrat", sans-serif !important;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.btn.btn_two {
  font-size: 16px;
}

.btn_theme {
  border-radius: 4px;
  background: var(--blue, #2D5EAB);
  padding: 10px 26px;
}

.btn_blue {
  border-radius: 4px;
  background: var(--blue, #2D5EAB);
  padding: 10px 26px;
  color: white;
}
.btn_blue:active, .btn_blue:hover {
  border: 1px solid var(--blue, #2D5EAB) !important;
  background: var(--blue, #2D5EAB);
  color: white;
}

.btn_grey {
  border-radius: 8px;
  padding: 4px 20px;
  color: #B1B1B1 !important;
  background: #E6E6E6 !important;
}
.btn_grey:active, .btn_grey:hover {
  border: 1px solid var(--blue, #444444) !important;
  background-color: #fff;
}

.btn_green {
  border-radius: 8px;
  background: var(--blue, #65C761);
  padding: 10px 26px;
  color: white;
}
.btn_green:active, .btn_green:hover {
  border: 1px solid var(--blue, #65C761) !important;
  background: var(--blue, #65C761);
  color: white;
}

.btn_orange {
  border-radius: 8px;
  background: var(--blue, #F15A24);
  padding: 10px 26px;
  color: white;
}
.btn_orange:active, .btn_orange:hover {
  border: 1px solid var(--blue, #F15A24) !important;
  background: var(--blue, #F15A24);
  color: white;
}

.btn_blue_outline {
  border-radius: 8px;
  border: 1px solid var(--blue, #2D5EAB);
  padding: 10px 26px;
  color: #2D5EAB !important;
}
.btn_blue_outline:active, .btn_blue_outline:hover {
  border: 1px solid var(--blue, #2D5EAB) !important;
}

.btn_app_secondary {
  border-color: var(--azure-blue-300) !important;
  color: var(--azure-blue-500) !important;
  font-weight: 600;
}

.about-us-container-row {
  margin-bottom: 50px;
}

.about_us_sec p {
  line-height: 26px !important;
}

.form-control {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btn_orange_outline {
  border-radius: 8px;
  border: 1px solid var(--blue, #2A9D8F);
  padding: 10px 26px;
  color: #2A9D8F !important;
}
.btn_orange_outline:active, .btn_orange_outline:hover {
  border: 1px solid var(--blue, #2A9D8F) !important;
}

.btn_theme_outline {
  border-radius: 8px;
  border: 1px solid var(--blue, #2D5EAB);
  padding: 10px 26px;
  color: #2D5EAB !important;
}
.btn_theme_outline:active, .btn_theme_outline:hover {
  border: 1px solid var(--blue, #2D5EAB) !important;
}

.contact_us_cntner .card {
  border-radius: 8px !important;
}
.contact_us_cntner .card .enq_img_wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.contact_us_cntner .card .enq_img_wrap::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.767) 0%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 60%;
  z-index: 1;
}
.contact_us_cntner .card .enq_img_wrap .img_text.img_text_two {
  position: absolute;
  top: 25%;
  width: 70%;
  left: 45%;
  color: white;
  z-index: 2;
}
.contact_us_cntner .card .enq_img_wrap .social_icons {
  position: absolute;
  bottom: 50px;
  z-index: 2;
  left: 7%;
}
.contact_us_cntner .card .enq_img_wrap .social_icons .icons_list_cntner {
  list-style: none !important;
  display: flex;
  gap: 12px;
}
.contact_us_cntner .card .enq_img_wrap .social_icons .icons_list_cntner .icon_list {
  border-radius: 8px;
  background: #fff;
  display: inline-block;
  padding: 10px;
}
.contact_us_cntner .card .enq_img_wrap img {
  height: 100%;
  width: auto;
  object-fit: cover;
}
.contact_us_cntner .card .enq_form_wrap {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 20px 40px;
}
.contact_us_cntner .header_text .set_text {
  color: #263238;
  font-size: 35px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.14px;
}
.contact_us_cntner .img_text .main_text {
  font-size: 42px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.21px;
}
.contact_us_cntner .cnct_form_wrap {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 40px;
}
.contact_us_cntner .cnct_form_wrap .sbmit_btn {
  padding-top: 48px;
}

.exam_manage .main_header .exam_dtl {
  padding: 26px;
  background-color: #eef4fa;
  text-align: center;
}
.exam_manage .main_header .exam_dtl .header_text {
  color: #2D5EAB;
  font-size: 28px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0px;
}
.exam_manage .notifction_bar .list-group .list-group-item {
  padding: 17px;
  display: flex;
  gap: 20px;
}
.exam_manage .notifction_bar .list-group .list-group-item span.notif_list {
  color: #000;
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.exam_manage .notifction_bar .list-group .list-group-item .date_time {
  white-space: nowrap;
}
.exam_manage .notifction_bar .list-group .list-group-item.main_header {
  padding: 0px !important;
}
.exam_manage .notifction_bar .list-group .list-group-item .list_header {
  padding: 17px;
  background-color: #D4F4D2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.exam_manage .notifction_bar .list-group .list-group-item .list_header .header_text {
  font-size: 24px;
  font-weight: 700;
  line-height: 170%;
  letter-spacing: 0.12px;
  color: #188114;
  margin-bottom: 0px;
}
.exam_manage .notifction_bar .list-group .list-group-item .list_header .view_text {
  color: #263238;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.exam_manage .notifction_bar .list-group .list-group-item .list_header .view_text svg {
  margin-top: -3px;
}

.subject_sction .inner_exams .card {
  border-radius: 5px;
  background: #fff !important;
  box-shadow: 0px 0px 10px 3px rgba(112, 112, 112, 0.25);
}
.subject_sction .inner_exams .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #fff;
  padding: 20px;
}
.subject_sction .inner_exams .card-header .header_text {
  font-size: 24px;
  font-weight: 700;
  line-height: 170%;
  letter-spacing: 0.12px;
  color: #263238;
  margin-bottom: 0px;
}
.subject_sction .inner_exams .listing_data-inner {
  margin-top: 10px;
  display: flex;
  align-items: center;
  column-gap: 50px;
}

.my_profile .my_profile_wrapper .sidebar_bar_cntanr {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
}
.my_profile .my_profile_wrapper .sidebar_bar_cntanr .sidebar_wrapper {
  padding: 25px 15px;
}
.my_profile .my_profile_wrapper .sidebar_bar_cntanr .sidebar_wrapper .nav-link {
  display: flex !important;
  align-items: self-start !important;
  padding: 17px !important;
  border-radius: 8px;
  color: var(--orange, #2D5EAB) !important;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
}
.my_profile .my_profile_wrapper .sidebar_bar_cntanr .sidebar_wrapper .nav-link svg {
  margin-right: 15px;
  stroke: #2D5EAB !important;
}
.my_profile .my_profile_wrapper .sidebar_bar_cntanr .sidebar_wrapper .nav-link.active {
  background-color: #2D5EAB;
  box-shadow: 0px 4px 20px 0px rgba(36, 142, 241, 0.35) !important;
  color: #fff !important;
}
.my_profile .my_profile_wrapper .sidebar_bar_cntanr .sidebar_wrapper .nav-link.active svg {
  stroke: #fff !important;
}
.my_profile .my_profile_wrapper .main_prfile_side {
  height: 100%;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card {
  border-radius: 10px;
  padding: 20px;
  background: #fff;
  border: none !important;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-header {
  background-color: #fff;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-header .header_text {
  color: #263238;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-header .sub_header_text {
  color: var(--dark-gray, #263238);
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
}
@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}
@property --pgPercentage {
  .my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .progress_bar {
    syntax: "<number>";
    inherits: false;
    initial-value: 0;
  }
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .progress_bar div[role=progressbar] {
  --size: 3rem;
  --fg: #2D5EAB;
  --bg: rgba(37, 86, 151, 0.2);
  --pgPercentage: var(--value);
  animation: growProgressBar 5s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-size: calc(var(--size) / 5);
  color: var(--fg);
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .progress_bar div[role=progressbar]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) "%";
  color: #000 !important;
  font-weight: 400;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .progress_bar .percentage_com {
  color: #263238;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner {
  padding: 20px 0px;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner .Notification_wrappwer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner .Notification_wrappwer.active {
  border-radius: 8px;
  background: rgba(37, 86, 151, 0.16);
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner .Notification_wrappwer .dots {
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner .Notification_wrappwer .dots.green_dot {
  background-color: #08c552;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner .Notification_wrappwer .dots.ornage_dot {
  background-color: #f3582b;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner .Notification_wrappwer .text_header {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .Notification_cntaner .Notification_wrappwer .text_desc {
  color: #7f7f7f;
  font-size: 14px;
  font-weight: 400;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body li a {
  color: #263238;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  transition: 0.5 ease-in-out;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body li a.active {
  color: #2D5EAB !important;
  transition: 0.5 ease-in-out;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body li a.active::after {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 100%;
  max-width: 90%;
  background-color: #2D5EAB;
  height: 4px;
  left: 10px;
  border-radius: 10px;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .form_prfle .img_cntaner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .form_prfle .img_cntaner .form_text {
  text-align: center;
  color: var(--dark-gray, #263238);
  font-size: 15px;
  font-weight: 600;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .form_prfle .img_cntaner .image_wrper {
  height: 235px;
  width: 196px;
  border-radius: 8px;
  border: 1px dashed #2D5EAB;
  display: block;
  margin: auto;
  display: grid;
  place-content: center;
  text-align: center;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .form_prfle .img_cntaner .image_wrper input {
  display: none;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .form_prfle .img_cntaner .image_wrper_cover {
  height: 200px;
  width: 100%;
  border-radius: 8px;
  border: 1px dashed var(--orange, #f15a24);
  display: block;
  margin: auto;
  display: grid;
  place-content: center;
  text-align: center;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .form_prfle .img_cntaner .image_wrper_cover input {
  display: none;
}
.my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-body .form_prfle .img_cntaner .text_desc {
  color: var(--gray, #727272);
  font-size: 12px;
  font-weight: 400;
  margin: 10px 0;
}

.form-cntner {
  position: relative;
}
.form-cntner .view_pass {
  position: absolute;
  right: 20px;
  top: 35px;
}

.forget_pass {
  text-align: right;
}
.forget_pass .set_text {
  font-size: 16px;
  color: #f15a24 !important;
  font-weight: 400;
  line-height: normal;
}

.banner_page {
  background: url('about_banner.4cf759b74ea54244.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  width: 100%;
  position: relative;
  display: grid;
  place-items: center;
}
.banner_page .bnnaer_text_data .header_text {
  padding-bottom: 40px;
}
.banner_page .bnnaer_text_data .header_text .set_text {
  color: #263238;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.584px;
}
.banner_page .bnnaer_text_data .header_text .set_desc {
  color: #727272;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  max-width: 500px;
  margin: auto;
}
.banner_page .bnnaer_text_data .steps_to_follow {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.banner_page .bnnaer_text_data .steps_to_follow .stepls {
  position: relative;
}
.banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 220px;
}
.banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe .counter_wrper {
  padding-bottom: 25px;
}
.banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe .counter_wrper .count {
  height: 40px;
  width: 40px;
  font-size: 14px;
  border: 1px solid #a2a1a0;
  border-radius: 50%;
  display: grid;
  place-items: center;
}
.banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe .counter_wrper .count span {
  font-size: 20px;
  color: #000;
}
.banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe .text_step {
  color: #263238;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.122px;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Montserrat", sans-serif !important;
}

.error_msg {
  color: #e13f69 !important;
  margin: 5px 0 !important;
  font-size: 14px;
}

.already_account {
  font-size: 16px;
  color: #212529;
}

span a.linkcolor {
  font-size: 16px;
  color: #f15a24 !important;
  font-weight: 500;
  line-height: normal;
}

.table > :not(caption) > * > * {
  padding: 1rem 0.5rem;
}

.text_theme {
  color: #2D5EAB !important;
}

.action_download {
  background: rgba(45, 94, 171, 0.1411764706);
  padding: 10px;
  border-radius: 4px;
}

.fee_paid {
  color: #28A745;
  background: #E0FFDF;
  padding: 8px 20px;
  border-radius: 20px;
  white-space: nowrap;
}

.fee_unpaid {
  color: #FFAE12;
  background: rgba(255, 183, 0, 0.231372549);
  padding: 8px 20px;
  border-radius: 20px;
  white-space: nowrap;
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: #607EA5 !important;
  background-color: #607EA5 !important;
}

label.form-label {
  color: #263238;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.title_desc {
  color: #727272;
  font-size: 16px;
  font-weight: 400;
}

.enq_form .card {
  border-radius: 8px !important;
}
.enq_form .card .enq_img_wrap {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.enq_form .card .enq_img_wrap .img_text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  z-index: 9999;
  transform: translate(-50%, -50%);
  width: 70%;
}
.enq_form .card .enq_img_wrap img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
.enq_form .card .enq_form_wrap {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 20px 40px;
}
.enq_form .header_text .set_text {
  color: #263238;
  font-size: 28px;
  font-weight: 600;
  line-height: 170%;
  letter-spacing: 0.14px;
}
.enq_form .img_text .main_text {
  font-size: 42px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 0.21px;
}

.gap_10 {
  gap: 10px;
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-focus-icon-color: #2D5EAB;
  --mdc-radio-selected-hover-icon-color: #2D5EAB;
  --mdc-radio-selected-icon-color: #2D5EAB;
  --mdc-radio-selected-pressed-icon-color: #2D5EAB;
  --mat-mdc-radio-ripple-color: #2D5EAB;
  --mat-mdc-radio-checked-ripple-color: #2D5EAB;
}

.queryIMg img {
  width: 185px;
  height: 185px !important;
  object-fit: contain;
}

.search_btn {
  background: #2D5EAB;
  border: 0;
  color: white;
  border-radius: 0px 4px 4px 0px !important;
}

.search_input_width {
  width: 300px !important;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.w_40 {
  width: 40px;
}

.w-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.w-max-content {
  width: max-content;
}

.gap_15 {
  gap: 15px;
}

.table_shadow {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.stud_heading {
  font-size: 22px !important;
  font-weight: 600 !important;
}

.text_danger {
  color: #F15A24;
}

.text_success {
  color: green;
}

.text-primary-green {
  color: var(--Primary_Green);
}

.cdk-overlay-container {
  z-index: 99999;
}

.gayb {
  display: none;
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  border-radius: 0 !important;
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background-color: transparent !important;
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  box-shadow: none !important;
}

.ngx-overlay.loading-foreground {
  opacity: 0 !important;
  pointer-events: none !important;
}

.ngx-progress-bar {
  height: 6px !important;
}

.mdc-linear-progress {
  display: block;
  height: 8px;
  overflow: hidden;
  position: relative;
  transition: opacity 250ms linear;
  width: 100%;
  border-radius: 20px;
}

.mat-progress-bar .mat-progress-bar-element,
.mat-progress-bar .mat-progress-bar-fill::after {
  background-image: linear-gradient(45deg, #2D5EAB, #5E5AFF) !important;
}

span.mdc-linear-progress__bar-inner {
  border-top-width: var(--mdc-linear-progress-track-height, 8px);
  background-image: linear-gradient(45deg, #2D5EAB, #5E5AFF) !important;
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  margin-right: 6px;
  margin-left: 6px;
  border-radius: 50%;
  background-color: #2D5EAB;
}

.latest_update .owl-carousel .owl-stage-outer {
  height: 430px !important;
}

.banner_slider .owl-dots {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}

.owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: 1%;
  transform: translate(0%, -50%);
  color: #2D5EAB !important;
  background: white !important;
  padding: 10px 16px !important;
  border-radius: 50% !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.owl-nav .owl-prev:hover {
  color: white !important;
  background: #2D5EAB !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: 1%;
  transform: translate(0%, -50%);
  color: #2D5EAB !important;
  background: white !important;
  padding: 10px 16px !important;
  border-radius: 50% !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.owl-nav .owl-next:hover {
  color: white !important;
  background: #2D5EAB !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.latest_update .owl-nav .owl-prev,
.our_test .owl-nav .owl-prev {
  position: absolute;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  margin-top: auto;
  margin-bottom: auto;
  top: calc(50% - 40px);
  left: -5%;
  cursor: pointer;
  color: #fff !important;
  background: unset !important;
  padding: 10px 16px !important;
  border-radius: 50% !important;
  box-shadow: unset !important;
}
.latest_update .owl-nav .owl-prev i,
.our_test .owl-nav .owl-prev i {
  font-size: 30px;
}

.our_test .owl-theme .owl-dots {
  margin-top: 50px;
}
.our_test .owl-theme .owl-dots .owl-dot span {
  height: 16px !important;
  width: 16px !important;
  border: 0.5px solid;
  background-color: white;
}
.our_test .owl-theme .owl-dots .owl-dot.active span {
  background-color: #65C761 !important;
}

.latest_update .owl-nav .owl-next,
.our_test .owl-nav .owl-next {
  position: absolute;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  margin-top: auto;
  margin-bottom: auto;
  top: calc(50% - 40px);
  right: -5%;
  cursor: pointer;
  color: #fff !important;
  background: unset !important;
  padding: 10px 16px !important;
  border-radius: 50% !important;
  box-shadow: unset !important;
}
.latest_update .owl-nav .owl-next i,
.our_test .owl-nav .owl-next i {
  font-size: 30px;
}

.chart_css .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent !important;
}

#shadow-host-companion {
  display: none;
}

.fix_highlight_issue {
  -webkit-user-select: none;
          user-select: none;
}

.px_3rem {
  padding-left: 3rem;
  padding-right: 3rem;
}

.white_space {
  white-space: nowrap;
}

.under_cons_img {
  width: 100%;
  height: 400px;
  object-fit: contain;
}

.under_cons_text {
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 2px;
}

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

.cstm_upload_img {
  display: block !important;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.faq_qus {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: -webkit-fill-available;
  margin-left: 5px;
}
.faq_qus p {
  margin: 0 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 20px;
  line-height: 22px;
}
.faq_qus h1, .faq_qus h2, .faq_qus h3, .faq_qus h4, .faq_qus h5, .faq_qus h6 {
  line-height: 24px;
}

.answer-container p, .answer-container span {
  font-size: 20px;
  line-height: 24px;
}

details[open] .question-container .faq_qus p, details[open] .faq_qus p {
  white-space: normal;
}

details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

.faq_ans {
  display: flex;
  gap: 10;
}

.school_hdr_btn {
  border: 1px solid #2D5EAB;
  padding: 10px 24px;
  border-radius: 6px;
  color: #2D5EAB;
}

.grade_wise .apexcharts-toolbar {
  top: 0px;
  right: -10px !important;
}

.disabled_btn .btn:disabled {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: unset;
  border-color: unset;
  opacity: unset;
  border: unset;
}

.new_count_div {
  background: rgba(209, 212, 217, 0.1019607843);
  margin-top: 50px;
  text-align: center;
  padding: 50px 0;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.homeFaqImg {
  width: 100%;
  height: 350px;
  object-fit: contain;
}

.homeFaqWrap i {
  color: #65C761;
  font-size: 21px;
  margin-right: 10px;
  margin-left: 8px;
}
.homeFaqWrap::-webkit-scrollbar {
  display: none;
}

.homeFaqCard {
  border: none;
}

.floatRegisterBtn {
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 999;
  border-radius: 0 !important;
  border: none;
  color: #fff;
  padding: 12px 25px;
  --border-size: 3px;
  --border-angle: 0turn;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  background: conic-gradient(from var(--border-angle), #2D5EAB, #1c406e 50%, #33619d), conic-gradient(from var(--border-angle), transparent 20%, #08f, #f15a24);
  background-size: calc(100% - var(--border-size) * 2) calc(100% - var(--border-size) * 2), cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #2D5EAB;
  animation: bg-spin 3s linear infinite;
}
@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}
.floatRegisterBtn:hover {
  animation-play-state: paused;
}

@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
.PaymentHeadingTxt {
  font-size: 46px;
  font-weight: 700;
  color: #373737;
  line-height: 53.91px;
  margin-bottom: 14px !important;
}

.PaymentDescTxt {
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 0em;
  color: #212121;
  line-height: 30.47px;
}

.PaymentSubHeadingTxt {
  margin-bottom: 0 !important;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: left;
  color: #008000;
}
.PaymentSubHeadingTxt.mtCstm {
  margin-top: 3rem !important;
}

.pmntSucesPopUp {
  letter-spacing: 0.01em;
  padding: 2rem;
  color: #373737;
}
.pmntSucesPopUp .popUpInner {
  max-width: 350px;
  margin: 0 auto;
}
.pmntSucesPopUp .popHeading {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}
.pmntSucesPopUp .popDesc {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.pmntSucesPopUp .pop_img_div {
  margin-top: 2rem;
}
.pmntSucesPopUp .pop_img_div img {
  height: 74px;
  width: 74px;
  object-fit: contain;
}
.pmntSucesPopUp .pmntText {
  color: #00BA00;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.transparent_class {
  background: transparent !important;
}

.content_center {
  text-align: center;
  margin: 20px 0;
}
.content_center .close_img {
  width: 40%;
  height: auto;
  object-fit: contain;
  margin-bottom: 20px;
}
.content_center p {
  font-size: 19px;
  font-weight: 500;
  color: #2D5EAB;
  line-height: 24px;
}

::placeholder {
  color: #7D7D7D;
}

:-ms-input-placeholder {
  color: #7D7D7D;
}

.customer_login_card {
  position: relative;
}
.customer_login_card::before {
  content: "";
  background: #2D5EAB;
  position: absolute;
  border-top-right-radius: 40px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 580px;
  z-index: -1;
}

.register_page {
  margin-bottom: 2.5rem;
}

.reg-titles {
  color: #65C761;
  font-weight: 600;
  font-size: 20px;
}

.payment_label {
  color: #1FAC1A;
}
.payment_label .amount-text {
  color: #65C761;
}

.border-top {
  border: 2px dashed #9AD298;
}

/***************************Gallery List Css*****************/
.gallery_list_img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.read_more_modal .read_more_p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1px;
}

/*************************Exam Dashboard Popup Design**************************/
.padding_20 {
  padding: 0 20px;
}

.ss_login_first .head {
  background-color: #CAE1FF;
  text-align: center;
  padding: 20px 0;
}
.ss_login_first .head p {
  font-size: 20px;
  font-weight: 600;
  line-height: 15px;
  margin: 0;
  color: #2D5EAB;
}
.ss_login_first .body {
  padding: 20px;
}
.ss_login_first .body .msg_img_content {
  text-align: center;
  margin-bottom: 10px;
}
.ss_login_first .body .msg_img_content img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.ss_login_first .body .msg_img_content p {
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  color: #000000;
}
.ss_login_first .body .msg_img_content .checkBox_content form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.ss_login_first .body .msg_img_content .checkBox_content form .checkbox {
  width: 20px;
  height: 20px;
}
.ss_login_first .body label {
  font-size: 16px;
  font-weight: 500;
  color: #3B7BD1;
}
.ss_login_first .body .dashboard_close_soon_btn {
  margin: 30px 0 0 0;
  border-top: 2px solid #d7d7d7;
}
.ss_login_first .body .dashboard_close_soon_btn button {
  margin-top: 20px;
  padding: 10px 80px !important;
}
.ss_login_first .body .dashboard_close_soon_btn .btn {
  border: 1px solid #2D5EAB !important;
}

.latest_update_grid {
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px;
  padding: 10px;
}

.latest_update_grid_2 {
  display: grid;
  grid-template-columns: auto auto;
  gap: 10px;
  padding: 10px;
}

.item1 {
  grid-column: 1/2;
}

.item2 {
  grid-column: 1/1;
}

.gallery_container {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px;
}

.eye_btn_css {
  position: absolute;
  top: 46px;
  right: 30px;
}

.video_play .github {
  position: fixed;
  margin: 0 auto;
  left: -46px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 40px;
  background: linear-gradient(#041d48, #01112d);
  text-decoration: none;
  color: white;
  border-radius: 10px 10px 0 0;
  font-weight: 600;
  cursor: pointer;
  transform: rotate(90deg);
  top: 30%;
}
.video_play .github svg {
  margin-right: 10px;
}

.closesoon_css {
  overflow: hidden;
  border-radius: 7px;
}

.register_page {
  margin-bottom: 2.5rem;
}

.reg-titles {
  color: #65C761;
  font-weight: 600;
  font-size: 20px;
}

.payment_label {
  color: #1FAC1A;
}
.payment_label .amount-text {
  color: #65C761;
}

.border-top {
  border: 2px dashed #9AD298;
}

.custom_login_css {
  height: 100vh;
  align-items: center;
}

.card-text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}

.form-control[ng-reflect-is-disabled],
.form-control:disabled,
.form-select[ng-reflect-is-disabled],
.form-select:disabled {
  background-color: #e9ecef !important;
  opacity: 1 !important;
  pointer-events: none;
}

.bg-dark-grey {
  background-color: #e9ecef !important;
  opacity: 1;
}

.bg-azure-blue-0 {
  background-color: var(--azure-blue-0) !important;
}

.select_box {
  width: 100%;
  border: 1px solid #AFAFAF;
  border-radius: 8px;
  text-align: center;
}
.select_box.active {
  border: 1px solid #2D5EAB;
}
.select_box.selected {
  background: #EEF4FD;
}

.view_all_css {
  font-size: 18px;
  font-weight: 600;
  color: #2D5EAB !important;
  border-radius: 6px;
  text-decoration: underline !important;
}

.school_list_dropdown {
  position: absolute;
  right: 0;
  background: white;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 5px;
  z-index: 9;
}

.cstm-cntnr {
  max-width: 100% !important;
  padding: 0px 60px !important;
}

.whatIsMTSe_Cntner .card-title span {
  font-size: 64px;
  font-weight: bold;
  line-height: 108px;
}
.whatIsMTSe_Cntner .card-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 41px;
}

.srch-bar {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 25px;
}
.srch-bar div {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.srch-bar div input.form-control {
  width: 420px;
  height: 44px;
}
.srch-bar div i {
  font-size: 21px;
  color: #2D5EAB;
  position: absolute;
  top: 12px;
  right: 20px;
  cursor: pointer;
}

.privacyP p {
  font-size: 18px;
  line-height: 32px;
}
.privacyP p strong {
  font-size: 21px;
  color: #000;
  margin: 20px 0px 0px;
  display: block;
}

.termsCndi p {
  font-size: 18px;
  line-height: 32px;
}

.bg-disabled:read-only {
  background-color: #e9ecef;
}

details {
  border: 1px solid #626262;
  border-radius: 9px;
  padding: 20px 8px;
  transition: 0.3s ease, border-color 0.3s ease;
}
details::marker {
  display: none;
}
details summary {
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
details summary .question-container {
  display: flex;
  align-items: flex-start;
  white-space: normal;
}
details summary .fa-angle-down {
  font-size: 20px;
  transition: transform 0.3s ease;
}
details[open] {
  background: #D9FDDD;
  border-color: #65C761;
}
details[open] summary .fa-angle-down {
  transform: rotate(-180deg);
}
details[open] .faq_qus {
  color: #65C761;
}

.question-container {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.question-container span {
  font-size: 20px;
}

textarea {
  resize: none;
}

footer {
  box-shadow: rgba(0, 0, 0, 0.1) 9px 2px 4px 3px;
}

@media (max-width: 991px) {
  .router-div {
    padding: 0 16px !important;
  }
}
@media (max-width: 767px) {
  .cstm-cntnr {
    padding: 0 16px !important;
  }
  .owl-prev, .owl-next {
    display: none;
  }
  .banner-slider-section {
    margin-bottom: 40px;
  }
  section {
    padding: 23px 0;
  }
  .copyright_css {
    font-size: 12px !important;
  }
  .footer-center {
    padding: 40px 0 12px 0;
  }
  .ApBlockLink .social_icons li {
    margin-right: 12px;
  }
  .ApBlockLink .social_icons img {
    width: 24px;
  }
  .logos_head {
    border-right: 1px solid #ccc;
    padding-right: 12px;
    margin-right: 12px !important;
  }
  .login-btn {
    padding: 9px 25px !important;
    font-size: 14px !important;
    border: 1px solid transparent;
    border-radius: 4px !important;
    position: relative;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #1849A9 0%, #39AD37 100%) border-box;
  }
  .login-btn span {
    font-size: 14px;
  }
  .faq_qus p {
    font-size: 16px;
  }
  .queryIMg img {
    margin: auto;
  }
  .top-text {
    margin: 0 !important;
  }
  .my-steps {
    flex-wrap: nowrap;
    justify-content: flex-start !important;
  }
  .loader_Css li span {
    height: 6px !important;
    width: 6px !important;
    margin-right: 2px !important;
  }
  .school-reg-form .nav-tabs .nav-link {
    height: 34px !important;
  }
  .srch-bar {
    padding: 25px 0;
  }
  .srch-bar div {
    width: 100%;
  }
  .srch-bar div input.form-control {
    width: 100%;
  }
  .subject_sction .inner_exams .card-header {
    justify-content: start !important;
  }
  .mtse_gallery_Section {
    padding: 36px 0 !important;
  }
  .mission-heading {
    text-align: start !important;
    margin-bottom: 20px !important;
  }
  .mission-heading h2::before {
    right: 0 !important;
    left: 92px !important;
  }
  .about-us-container-row {
    margin-bottom: 20px;
  }
  .examination-subject-group .form-control.extended-form-control.form-control-lg {
    padding: 1rem 0.75rem !important;
  }
  .school_dash_card .card-body {
    padding: 0;
  }
  .school_dash_card .mat-mdc-text-field-wrapper {
    padding: 0;
  }
  .school_dash_card h3 {
    white-space: nowrap;
    font-size: 14px;
  }
  .school_dash_card .mat-mdc-select-value {
    font-size: 14px;
  }
}
@media (max-width: 360px) {
  .register-btn {
    padding: 10px 36px !important;
  }
  label, label.form-label {
    font-size: 14px !important;
  }
  .form-control, input.form-control, select {
    font-size: 12px !important;
  }
  .reg-titles {
    font-size: 16px;
  }
  .school_dash_card h3 {
    white-space: wrap !important;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1440px) {
  .container-xxxl {
    max-width: 1440px;
    margin: 0 auto; /* Centers the container */
  }
}
.snackbar-marign-top {
  margin-right: 1rem !important;
  text-align: end;
}
.snackbar-marign-top .mat-mdc-snack-bar-label {
  padding: 0;
}
@media (max-width: 600px) {
  .snackbar-marign-top {
    margin-right: 0.5rem !important;
  }
}

.cdk-overlay-pane:has(.snackbar-marign-top) {
  margin-top: 60px !important;
  margin-right: 0;
}

.mat-mdc-tab-body-content {
  overflow: hidden !important;
}

.terms-condition-dialog-box mat-dialog-container {
  border-radius: 25px !important;
}
.terms-condition-dialog-box .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 25px !important;
}

.eula-dialog-box mat-dialog-container {
  border-radius: 25px !important;
}
.eula-dialog-box .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 25px !important;
}

.teachers-list-dialog mat-dialog-container {
  border-radius: 25px !important;
}
.teachers-list-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 25px !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/responsive.scss?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.form-control.extended-form-control.form-control-lg {
  white-space: normal;
  overflow-y: auto;
  max-height: 58px;
  background: #e9ecef;
  padding: 4px 10px !important;
}

.max-view-phone {
  width: 950px !important;
  max-width: 95vw !important;
}

@media screen and (max-width: 1250px) {
  .latest_update .owl-nav .owl-prev {
    left: -3% !important;
  }
  .latest_update .owl-nav .owl-next {
    right: -3% !important;
  }
  .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 1%;
    transform: translate(0%, -50%);
    color: rgba(241, 91, 36, 0.54) !important;
    background: rgba(255, 255, 255, 0) !important;
    padding: 4px 10px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }
  .owl-nav .owl-prev:hover {
    color: white !important;
    background: #2D5EAB !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  }
  .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 1%;
    transform: translate(0%, -50%);
    color: rgba(241, 91, 36, 0.54) !important;
    background: rgba(255, 255, 255, 0) !important;
    padding: 4px 10px !important;
    border-radius: 50% !important;
    box-shadow: none !important;
  }
  .owl-nav .owl-next:hover {
    color: white !important;
    background: #2D5EAB !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  }
}
@media screen and (min-width: 1200px) {
  .recipients_bg_color {
    margin-left: 15%;
  }
  .view_more_hero_section_content {
    height: 350px;
    overflow: auto;
  }
}
@media screen and (max-width: 1199px) {
  .slider {
    height: 40px !important;
    width: 100% !important;
    line-height: 40px !important;
    font-size: 16px !important;
  }
  .slider .slide-track {
    height: 40px !important;
  }
  .slider h4 {
    font-size: 16px !important;
  }
  .enq_form .header_text .set_text {
    font-size: 20px !important;
  }
  .header_text .title_desc {
    font-size: 15px !important;
  }
  .nav-tabs .account_detail.nav-link {
    width: 210px !important;
  }
  .exam_detail.nav-link.school_reg_tab2 {
    line-height: 20px !important;
  }
  .exam_detail.nav-link.school_reg_tab1 {
    line-height: 20px !important;
  }
  .banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe .text_step {
    font-size: 25px;
  }
  .enq_form .img_text .main_text {
    font-size: 30px;
    line-height: 40px;
  }
  .recipients_bg_imgs::before {
    display: none;
  }
  .my_profile .my_profile_wrapper .sidebar_bar_cntanr .sidebar_wrapper .nav-link {
    align-items: center !important;
    font-size: 14px;
  }
  .my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-header .header_text {
    font-size: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .banner_img {
    width: 100%;
    height: auto !important;
    max-height: 400px;
    object-fit: cover;
  }
  .exam_manage .main_header .exam_dtl .header_text {
    font-size: 18px !important;
  }
  .school-reg-form .nav-tabs .nav-link {
    font-size: 12px !important;
  }
}
@media (min-width: 991px) {
  .padding_0 {
    padding: 0px;
  }
}
@media (max-width: 991px) {
  details[open] .line-clamp {
    display: block;
  }
  .answer-container p, .answer-container span {
    font-size: 16px;
  }
  .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .question-container {
    white-space: normal;
  }
  .question-container .faq_qus p {
    overflow: visible;
    white-space: normal;
    font-size: 18px !important;
  }
  .question-container span {
    font-size: 16px !important;
  }
  details {
    padding: 12px 8px !important;
  }
  details summary .fa-angle-down {
    font-size: 16px !important;
  }
  .new_count_section {
    padding: 30px 0px !important;
    position: relative;
  }
  .whatIsMTSe_Cntner .card {
    padding: 0px !important;
  }
  .whatIsMTSe_Cntner .card .card-title {
    font-size: 22px !important;
    font-weight: bold;
    /* line-height: 170%; */
    color: #fff;
    opacity: 0.41;
  }
  .whatIsMTSe_Cntner .card .card-text {
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 160% !important;
    color: white;
  }
  .whatIsMTSe_Cntner .card a.hero_section_read_more {
    font-size: 14px !important;
  }
  .whatIsMTSe_Cntner .card .mtse_listing li img {
    height: 3rem !important;
    width: 3rem !important;
    object-fit: contain;
  }
  .whatIsMTSe_Cntner .card .card-text.card-txt {
    color: #000;
    font-size: 15px !important;
    font-weight: 400 !important;
  }
  .latest_news_updates .card {
    padding: 0px !important;
  }
  .latest_news_updates .card .card-title {
    font-size: 25px !important;
    color: #fff;
    font-weight: bold;
    line-height: 130%;
  }
  .latest_news_updates .card .card-text {
    color: #424242;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 1.4;
  }
  .gallery_container .card-container {
    flex: 100% !important;
    max-width: 100% !important;
  }
  .gallery_container .img-container {
    flex: 40% !important;
    max-width: 100% !important;
    position: relative;
  }
  .gallery_container .card-container .card-title {
    font-size: 42px !important;
    color: #fff;
    font-weight: bold;
    line-height: 130%;
    margin-right: 0;
  }
  .gallery_container .card-container .card-text {
    color: #fff;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 1.4;
    margin-right: 3rem;
    opacity: 0.79;
  }
  .mobile_left_d_none {
    display: none;
  }
  .customer_login_card {
    position: relative;
  }
  .customer_login_card::before {
    content: "";
    background: #2D5EAB;
    position: absolute;
    border-top-right-radius: 40px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 45%;
    z-index: -1;
    display: none;
  }
  .school-reg-form .nav-tabs .nav-link {
    border: 1px solid #B3B3B3;
    height: 45px;
    padding: 10px 15px 10px 15px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    font-size: 12px !important;
    position: relative;
  }
  .student_exam_portal_card .exam_portal_content h4 {
    font-size: 22px !important;
  }
  .student_exam_portal_card .exam_portal_content p {
    font-size: 18px !important;
  }
  .left_count {
    justify-content: center;
    margin: 20px 0;
  }
  .left_content {
    text-align: center;
  }
  .headr_text {
    text-align: center;
  }
  .queryIMg {
    text-align: center;
  }
  .padding_right {
    padding-left: 2rem;
  }
  .justify_class {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #d5d5d5;
  }
  .row_class {
    width: auto !important;
    height: 100%;
    max-height: none !important;
    min-height: auto !important;
  }
  .reg_form_height {
    background: transparent !important;
  }
  .payment-success-cntnt img {
    width: 80% !important;
  }
  .payment-failed-cntnt img {
    width: 40%;
  }
  .enq_form_img {
    display: none;
  }
  .enq_form_wrap {
    padding: 20px 40px;
    height: auto !important;
    overflow: auto;
  }
  .banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe .text_step {
    font-size: 22px;
  }
  .justify_left {
    justify-content: left !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .about-us-container-row {
    flex-direction: column;
  }
  .about-us-container-row .fullWidthCol {
    width: 100%;
  }
  .about-us-container-row img {
    width: 100%;
  }
  .about_us_sec p {
    margin: 0 34px;
  }
  .about-us-img-container, .aboutus-heading, .mission-heading {
    margin: 0 34px;
  }
  .mission-heading {
    text-align: start !important;
    margin-bottom: 35px !important;
  }
  .mission-heading h2::before {
    left: 89px;
    right: 0;
  }
  .ourMissionCol {
    order: 1;
  }
}
@media (max-width: 768px) {
  .max-view-phone {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100vh !important;
  }
  .mobile_d_none {
    display: none;
  }
  .login_Sec_main {
    position: relative;
  }
  .login_Sec_main::before {
    content: "";
    background: #2D5EAB;
    clip-path: polygon(0 0, 68% 0, 43% 100%, 0% 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: none;
  }
  .sub_header .sub_header_class {
    padding: 10px 10px !important;
  }
  .sub_header .sub_header_title {
    font-size: 16px !important;
  }
  .sub_header .btn_white_ornage {
    padding: 5px 10px !important;
  }
  .floatRegisterBtn {
    padding: 8px 8px !important;
  }
  .slider {
    height: 30px !important;
    width: 100% !important;
    line-height: 30px !important;
    font-size: 14px !important;
  }
  .slider .slide-track {
    height: 30px !important;
  }
  .slider h4 {
    font-size: 14px !important;
  }
  .student_board_card .nodataCard .noDataHeading {
    font-size: 18px;
    font-weight: 500;
  }
  .student_board_card .table_text h2 {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .student_board_card td .table_td_content {
    font-size: 16px;
    font-weight: 500;
  }
  .subject_sction .inner_exams .card-header {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: end;
  }
  .desc_text {
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  .vector1_css {
    position: absolute;
    right: 0;
    top: 0;
    width: 12% !important;
  }
  .vector2_css {
    position: absolute;
    left: 15%;
    bottom: -10%;
    width: 18% !important;
  }
  .banner_img {
    width: 100%;
    height: auto !important;
    max-height: 350px;
    object-fit: cover;
  }
  .schedule_card_body {
    padding: 10px;
    margin-bottom: -10px;
  }
  .payment-failed-cntnt img {
    width: 50%;
  }
  .img_section {
    width: 100%;
    height: 300px !important;
  }
  .text_on_img h3 {
    font-size: 40px !important;
  }
  .text_on_img h1 {
    font-size: 30px !important;
  }
  .recipients_bg_color {
    display: block !important;
    justify-content: center !important;
  }
  .about_us_heading {
    font-size: 25px !important;
    line-height: 30px !important;
    margin-top: 10px !important;
  }
  .about_us_subheading {
    font-size: 14px !important;
    width: 100% !important;
    line-height: 20px !important;
  }
  .sub_header_title {
    font-size: 18px !important;
  }
  .btn_white_ornage {
    padding: 10px 26px !important;
    font-size: 12px !important;
  }
  .exam_manage .main_header .exam_dtl .header_text {
    font-size: 16px !important;
  }
  .latest_head {
    font-size: 20px !important;
  }
  .latest_time {
    font-size: 16px !important;
  }
  .about_p {
    font-size: 14px !important;
    letter-spacing: 1px !important;
    line-height: 25px !important;
  }
}
@media (max-width: 767px) {
  .question-container span {
    font-size: 16px !important;
  }
  .question-container .faq_qus p {
    font-size: 16px !important;
  }
  .about_us_sec p {
    margin: 0;
  }
  .about-us-img-container {
    margin: 0;
  }
  .about-us-img-container img {
    width: auto;
  }
  .ourMissionCol {
    order: 1;
  }
  .student_exam_portal_card .exam_portal_content h4 {
    font-size: 19px !important;
  }
  .student_exam_portal_card .exam_portal_content p {
    font-size: 15px !important;
  }
  .display_none_mobile {
    display: none;
  }
  .flex_wrap_address {
    flex-wrap: wrap;
  }
  .subject_sction .inner_exams .card-header .header_text {
    font-size: 16px !important;
    line-height: 130% !important;
  }
  .btn_theme_outline {
    padding: 10px 18px;
  }
  .reg_bg_img {
    display: none;
  }
  .banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe .text_step {
    font-size: 16px;
  }
  .second_steps_line::before {
    right: 0 !important;
  }
  .third_steps_line::before {
    right: 0 !important;
    left: -50px !important;
  }
  .new_count_section {
    padding: 0 !important;
  }
  .left_count {
    margin: 0;
  }
  .whatIsMTSe_Cntner .card .card-text {
    font-size: 16px !important;
  }
  .gallery_container .img-container {
    max-width: 100% !important;
    position: relative;
  }
  .gallery_container .img-container img {
    height: auto !important;
  }
  .gallery_container .card-container .card-title {
    margin: 0 !important;
  }
  .school-reg-form .nav-tabs .nav-link img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 640px) {
  .admit_card_btn {
    flex-wrap: wrap;
  }
  .hero_title {
    font-size: 25px !important;
    font-weight: 600;
    line-height: 20px !important;
  }
  .count_class {
    font-size: 25px !important;
    line-height: 5px !important;
  }
  .left_count {
    gap: 30px !important;
  }
  .hero_subtitle {
    width: 100%;
    margin: 0 auto !important;
  }
  .imgShaper {
    width: 300px !important;
    height: 305px !important;
  }
  .headr_text .set_text_main {
    font-size: 32px !important;
  }
  .headr_text {
    text-align: center;
  }
  .btn {
    font-size: 12px !important;
  }
  .btn_theme_outline {
    padding: 10px 18px;
  }
  .img_section {
    width: 100%;
    height: 250px !important;
  }
  .text_on_img h3 {
    font-size: 35px !important;
  }
  .text_on_img h1 {
    font-size: 25px !important;
  }
  section.my_profile {
    padding: 20px 0 20px;
  }
  .exam_manage .notifction_bar .list-group .list-group-item .date_time {
    font-size: 16px !important;
  }
  .exam_manage .notifction_bar .list-group .list-group-item .notif_list {
    font-size: 16px !important;
  }
}
@media (max-width: 576px) {
  .border_right {
    border: none !important;
  }
  .desc_text {
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .subject_sction .inner_exams .card-header .header_text {
    font-size: 16px !important;
    line-height: 130% !important;
  }
  .btn_theme_outline {
    padding: 10px 18px;
  }
  .vector4_css {
    position: absolute;
    right: 10%;
    top: 13%;
    width: 15%;
  }
  .vector3_css {
    position: absolute;
    left: 15%;
    bottom: 7%;
    width: 15%;
  }
  .nav-tabs .exam_detail.nav-link {
    font-size: 13px !important;
  }
  .nav-tabs .account_detail.nav-link {
    width: 180px !important;
    font-size: 13px !important;
  }
  .reg_heading {
    font-size: 18px !important;
    font-weight: 600;
    color: #263238;
  }
  .banner_page .bnnaer_text_data .header_text .set_text {
    font-size: 30px;
  }
  .banner_page .bnnaer_text_data .header_text .set_desc {
    font-size: 16px;
    line-height: 25px;
  }
  .banner_page {
    height: 300px;
  }
  .mob_text_center {
    text-align: center;
  }
  .border_bottom .heading_text {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 575px) {
  .our_test .card {
    min-height: 500px;
  }
}
@media screen and (max-width: 480px) {
  .ss_login_first .head p {
    font-size: 14px;
    font-weight: 500;
    line-height: 15px;
    margin: 0;
    color: #2D5EAB;
  }
  .ss_login_first .body .msg_img_content p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
  }
  .ss_login_first .msg_img_content .checkBox_content span {
    text-align: left;
  }
  .marquee {
    font-size: 11px !important;
    font-weight: 500 !important;
  }
  .exam_date_update {
    padding: 0px 5px !important;
  }
  .btn {
    font-size: 12px !important;
  }
  .btn_theme_outline {
    padding: 10px 18px;
  }
  .subject_sction .inner_exams .card-header .header_text {
    font-size: 16px;
    line-height: 130%;
  }
  .vector4_css,
  .vector3_css {
    display: none;
  }
  .banner_img {
    width: 100%;
    height: auto !important;
    max-height: 200px;
    object-fit: cover;
  }
  .forgot_heading {
    font-size: 28px !important;
  }
  .nav-tabs .exam_detail.nav-link {
    font-size: 12px !important;
  }
  .exam_detail.nav-link.school_reg_tab2 {
    line-height: 20px !important;
  }
  .exam_detail.nav-link.school_reg_tab1 {
    line-height: 20px !important;
  }
  .nav-tabs .account_detail.nav-link {
    width: 170px !important;
    font-size: 12px !important;
  }
  .px_3rem {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .payment-success-cntnt img {
    width: 100% !important;
  }
  .payment-failed-cntnt img {
    width: 70%;
  }
  .img_section {
    width: 100%;
    height: 200px !important;
  }
  .text_on_img h3 {
    font-size: 25px !important;
  }
  .text_on_img h1 {
    font-size: 20px !important;
  }
  .second_steps_line::before {
    width: 150% !important;
    right: 30px !important;
  }
  .third_steps_line::before {
    width: 70% !important;
    right: 0 !important;
    left: -30px !important;
  }
  .recipients_bg_imgs::before {
    display: none;
  }
  .sub_header_title {
    font-size: 15px !important;
  }
  .btn_white_ornage {
    padding: 6px 14px !important;
    font-size: 12px !important;
  }
  .exam_manage .main_header .exam_dtl .header_text {
    font-size: 12px !important;
  }
  .my_profile .my_profile_wrapper .main_prfile_side .main_prfile_wrapper .card .card-header .header_text {
    font-size: 16px;
  }
  .card-header.mob_res {
    display: block !important;
  }
  .mob_res .progress_bar {
    display: flex;
    margin: 10px 0;
  }
  .latest_head {
    font-size: 16px !important;
  }
  .latest_time {
    font-size: 12px !important;
  }
  .about_p {
    font-size: 12px !important;
    letter-spacing: 1px !important;
    line-height: 22px !important;
  }
  .under_cons_img {
    height: auto !important;
  }
  .my_profile.main_page .stud_heading {
    font-size: 16px !important;
  }
  .my_profile_head {
    font-size: 15px !important;
    margin: 15px 0 !important;
  }
  .exam_manage .notifction_bar .list-group .list-group-item .list_header .header_text {
    font-size: 16px !important;
  }
}
@media (max-width: 425px) {
  .school-reg-form.reg_form_height ul.my-steps li.nav-item button, .school-reg-form.reg_form_height ul.my-steps li.nav-item button.button_contact {
    width: 100% !important;
  }
  .custom_login_css .card.custom_card {
    padding: 15px !important;
  }
  .school-reg-form .nav-tabs .nav-link.active_class {
    width: 100% !important;
  }
  .vector1_css {
    position: absolute;
    right: 0;
    top: 0;
    width: 20% !important;
  }
  .vector2_css {
    position: absolute;
    left: 15%;
    bottom: -10%;
    width: 30% !important;
  }
  .second_steps_line::before {
    display: none;
  }
  .third_steps_line::before {
    display: none;
  }
}
@media (max-width: 414px) {
  .hero_title {
    font-size: 19px !important;
    font-weight: 600;
    line-height: 20px !important;
    text-align: left;
  }
  .count_class {
    font-size: 25px !important;
    line-height: 5px !important;
  }
  .count_sub {
    font-size: 15px !important;
  }
  .left_count {
    gap: 50px !important;
  }
  .hero_subtitle {
    width: 100%;
    margin: 0 auto !important;
  }
  .imgShaper {
    width: 300px !important;
    height: 305px !important;
  }
  .headr_text .set_text_main {
    font-size: 32px !important;
  }
  .headr_text {
    text-align: center;
  }
  .nav.nav-tabs {
    gap: 2px !important;
    border: none;
  }
  .nav-tabs .exam_detail.nav-link {
    width: 112px !important;
    font-size: 12px !important;
    z-index: 1;
    line-height: 20px !important;
  }
  .nav-tabs .account_detail.nav-link {
    width: 130px !important;
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .sub_header_class {
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 10px;
  }
  .search_input_width {
    width: 280px !important;
  }
}
@media (max-width: 375px) {
  .login_reg_btn {
    margin-top: 10px;
  }
  .banner_page .bnnaer_text_data .steps_to_follow {
    display: grid;
    justify-content: center;
  }
  .banner_page .bnnaer_text_data .steps_to_follow .stepls .text_wrpe {
    display: -webkit-inline-box;
    gap: 20px;
    align-items: center;
  }
  .banner_page {
    height: 70vh;
  }
  .search_input_width {
    width: 250px !important;
  }
  .view_pass {
    right: 10px !important;
  }
  .main_prfile_wrapper .card {
    padding: 20px 10px !important;
  }
  .border_bottom .heading_text {
    font-size: 14px !important;
  }
  .exam_manage .notifction_bar .list-group .list-group-item .date_time {
    font-size: 14px !important;
  }
  .exam_manage .notifction_bar .list-group .list-group-item .notif_list {
    font-size: 14px !important;
  }
}
@media (max-width: 360px) {
  .verify {
    height: 51px !important;
  }
  .contact_us_cntner .card .enq_img_wrap .img_text.img_text_two {
    top: 35%;
  }
  .search_input_width {
    width: 220px !important;
  }
  .loader_Css {
    display: flex;
  }
  .nav.nav-tabs {
    gap: 4px !important;
  }
  .school-reg-form .nav-tabs .nav-link {
    font-size: 12px !important;
    white-space: nowrap;
  }
}
@media (max-width: 320px) {
  .count_class {
    font-size: 25px !important;
    line-height: 2px !important;
  }
  .imgShaper {
    width: 260px !important;
    height: 261px !important;
  }
  .display_inline_block {
    display: inline-block;
  }
  .payment-failed-cntnt img {
    width: 100%;
  }
  .subject_sction .inner_exams .card-header {
    flex-wrap: wrap;
    justify-content: end;
  }
  .text_on_img h3 {
    font-size: 19px !important;
  }
  .text_on_img h1 {
    font-size: 19px !important;
  }
  .search_input_width {
    width: 190px !important;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/app/auth/shared/styles/auth.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * Auth design system — single global entry point, registered in angular.json.
 *
 * Why global rather than per-component styles:
 *
 * These pages restyle Angular Material's radio internals (.mdc-form-field and its unclassed
 * <label>). Material's radio is ViewEncapsulation.None, so its CSS is injected into <head>
 * dynamically, the first time a radio renders. Component styles are injected the same way, which
 * made our position relative to Material's depend on how the page was reached:
 *
 *   - full page load  -> page styles injected, then Material's when the radios render (Material last)
 *   - in-app navigation -> Material's already present from the previous page, ours appended after
 *
 * That flip made the radios render differently after a router navigation than after a reload.
 * A global stylesheet is <link>ed at a fixed position and is always followed by every
 * dynamically-injected component style, so the ordering is now the same on every path.
 *
 * It also collapses four duplicate copies of the shared CSS (one per auth component) into one.
 *
 * Everything here is scoped under .auth-app / .auth-login / .auth-register / .auth-portal, so
 * despite being global it is inert on every other page of the app.
 */
/*
 * Design tokens + shared primitives for the three auth pages (login, educator registration,
 * institution registration). Imported by each of those component stylesheets, which are
 * ViewEncapsulation.None so everything here is scoped by the .auth-app ancestor instead.
 *
 * Class names are ported from the design mockups rather than reusing the legacy auth markup
 * names (login_Sec_main, row_class, reg_form_height, reg_heading, select_box, ...). Those legacy
 * names are targeted by rules in the global styles.scss / responsive.scss; keeping away from them
 * means the old rules simply stop matching, with no !important fights and no global edits.
 *
 * Nunito is loaded once from src/index.html, alongside the app's other font links.
 */
.auth-app {
  --blue: #2d5eab;
  --blue-dark: #234985;
  --blue-deep: #1e3a6e;
  --blue-tint: #eaeff7;
  --teal: #299d8f;
  --teal-dark: #1e7167;
  --teal-tint: #eaf5f4;
  --indigo: #6366f1;
  --indigo-tint: #eff0fe;
  --amber: #e08600;
  --amber-tint: #fef3dd;
  --ink: #1f2937;
  --ink-muted: #5a6b85;
  --ink-soft: #94a3b8;
  --border: #e4eaf2;
  --border-soft: #eef2f7;
  --surface: #fff;
  --surface-alt: #f7fafc;
  --req: #e8425f;
  --shadow-card: 0 18px 50px rgba(23, 49, 92, 0.16);
  --shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.2);
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  font-family: "Nunito", sans-serif;
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  /* styles.scss puts `letter-spacing: 1.3px` on `body`, and letter-spacing inherits. The designs
     assume none, and over a long line the extra tracking is enough to force a wrap. Reset it for
     this subtree; the tighter per-element values below (headings, chips) still apply. */
  letter-spacing: normal;
  /*
   * The global styles.scss forces Montserrat with !important on `button` and on `h1`–`h6`, and
   * Angular Material sets its own typography font on the radio internals. Plain text inherits
   * Nunito from .auth-app, but those three do not — re-assert it for this subtree only.
   * Icon fonts (Font Awesome, Material Icons) are deliberately left alone.
   */
  /* ── shared header overrides ────────────────────────────────────────────────
     <app-header> keeps its own template, client logo and Help menu. Only its chrome is
     restyled here so it reads as the mockup's floating bar. The extra element selectors
     out-specify the header's own emulated-encapsulation rules; !important is needed only
     where header.component.scss already uses it. */
  /*
   * The header's left edge sits over dark blue on both of these — the login band and the
   * registration rail — so the white artwork is swapped in for the default blue one.
   *
   * `content` on the <img> replaces the rendered image without touching the shared header
   * template or its client config, so this stays contained to the auth pages. It also retires
   * the earlier white chip and the `brightness(0) invert(1)` knock-out, which flattened the
   * crest's interior detail into a solid blob.
   *
   * The Management Portal is excluded: its header is on a light background, where the default
   * blue logo is correct.
   */
  /* ── card ─────────────────────────────────────────────────────────────────── */
  /* ── labels + fields ──────────────────────────────────────────────────────── */
  /*
   * Paired fields (First/Last name, etc). The grid's own gap owns the spacing between the two,
   * so the children's margin is cleared — otherwise it stacks on top of the row-gap and doubles
   * the space once the grid collapses to a single column on tablet and below. The grid then
   * carries the same bottom margin a .fld would, so the field after it is spaced normally.
   */
  /* Icon-prefixed input (login mobile number). */
  /* Input with a trailing action button (mobile number + Verify). */
  /* Validation messages. The *ngIf / [ngStyle] logic in the templates is untouched; only the
     look changes, so `visibility: hidden` reservations still collapse the same way. */
  /* ── section card (registration pages) ────────────────────────────────────── */
  /* ── radio pills ──────────────────────────────────────────────────────────────
     The mockups draw bare <button> pills; the live forms use mat-radio-group bound to real
     form controls, so the Material control is kept and restyled instead (same approach the
     legacy .select_box wrapper took). MDC theme tokens colour the dot. */
  /* ── terms + submit ───────────────────────────────────────────────────────── */
  /* ── footer link rows ─────────────────────────────────────────────────────── */
  /* These are anchors, and the global styles.scss has `a { color: #000 !important }`, so the
     colours here need !important to land — including the white-on-teal hover state. */
}
.auth-app * {
  box-sizing: border-box;
}
.auth-app h1,
.auth-app h2,
.auth-app h3,
.auth-app h4,
.auth-app h5,
.auth-app h6,
.auth-app button,
.auth-app input,
.auth-app select,
.auth-app textarea,
.auth-app label,
.auth-app .mdc-form-field {
  font-family: "Nunito", sans-serif !important;
}
.auth-app a {
  text-decoration: none;
}
.auth-app app-header header.header {
  background: transparent;
  box-shadow: none;
}
.auth-app app-header .header_main {
  padding: 0;
}
.auth-app app-header .navbar {
  min-height: 74px;
  padding: 0;
}
.auth-app app-header .logos_head img {
  width: auto;
  max-width: 210px;
  height: 46px;
  object-fit: contain;
}
.auth-app.auth-login app-header .logos_head img, .auth-app.auth-register app-header .logos_head img {
  content: url("/assets/img/logo/ii-ted-logo-white.svg");
}
.auth-app app-header .btn.btn-help {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: auto;
  padding: 9px 16px;
  border-radius: 22px;
  border: 1.5px solid var(--border) !important;
  background: #fff;
  color: var(--ink-muted) !important;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  transition: 0.15s;
}
.auth-app app-header .btn.btn-help:hover {
  border-color: var(--blue) !important;
  color: var(--blue) !important;
}
.auth-app .card {
  background: #fff;
  border: 0;
  border-radius: 22px;
  box-shadow: var(--shadow-card);
  padding: 34px 36px;
  width: 100%;
  max-width: 452px;
}
.auth-app .card h2 {
  font-size: 26px;
  font-weight: 900;
  color: var(--blue);
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0;
}
.auth-app .card-sub {
  font-size: 13.5px;
  color: var(--ink-muted);
  text-align: center;
  margin-top: 6px;
  font-weight: 600;
}
.auth-app .f-label {
  font-size: 13.5px;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 9px;
  display: block;
}
.auth-app .f-label .req {
  color: var(--req);
}
.auth-app .f-hint {
  font-size: 11.5px;
  color: var(--ink-muted);
  font-weight: 700;
}
.auth-app .fld {
  margin-bottom: 16px;
}
.auth-app .fld:last-child {
  margin-bottom: 0;
}
.auth-app .grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.auth-app .grid2:last-child {
  margin-bottom: 0;
}
.auth-app .grid2 .fld {
  margin-bottom: 0;
}
.auth-app .inp {
  width: 100%;
  padding: 13px 15px;
  border: 2px solid var(--border);
  border-radius: 12px;
  background: #fff;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
  outline: none;
  transition: 0.15s;
  /* Locked fields. The templates used to grey these inline with [ngStyle]; the state is
     expressed in CSS instead. Angular renders a disabled FormControl as [disabled], and the
     MDM-locked school name additionally carries [readonly] — both are covered. */
}
.auth-app .inp:focus {
  border-color: var(--blue);
}
.auth-app .inp::placeholder {
  /* !important: styles.scss forces `color:#b1b1b1 !important` on the prefixed
     placeholder pseudo-elements, which otherwise wins over this. */
  color: var(--ink-soft) !important;
  font-weight: 500;
}
.auth-app .inp:disabled, .auth-app .inp:read-only:not(select) {
  background: var(--surface-alt);
  color: var(--ink-muted);
  cursor: not-allowed;
}
.auth-app select.inp:disabled {
  background-color: var(--surface-alt);
  color: var(--ink-muted);
  cursor: not-allowed;
}
.auth-app select.inp {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6B85' stroke-width='2.4'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 17px;
  padding-right: 42px;
}
.auth-app .inp-wrap {
  display: flex;
  border: 2px solid var(--border);
  border-radius: 13px;
  overflow: hidden;
  transition: 0.15s;
  background: #fff;
}
.auth-app .inp-wrap:focus-within {
  border-color: var(--blue);
}
.auth-app .inp-wrap input {
  flex: 1;
  border: none;
  outline: none;
  padding: 14px 16px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
  min-width: 0;
  background: transparent;
}
.auth-app .inp-wrap input::placeholder {
  /* !important: see the note on .inp::placeholder. */
  color: var(--ink-soft) !important;
  font-weight: 500;
}
.auth-app .inp-ico {
  width: 52px;
  flex-shrink: 0;
  background: var(--blue);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-app .verify-wrap {
  display: flex;
  border: 2px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  transition: 0.15s;
  background: #fff;
}
.auth-app .verify-wrap:focus-within {
  border-color: var(--blue);
}
.auth-app .verify-wrap input {
  flex: 1;
  border: none;
  outline: none;
  padding: 13px 15px;
  font-family: inherit;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
  min-width: 0;
  background: transparent;
  /* Verified number — the component sets [readonly] once OTP has been confirmed. */
}
.auth-app .verify-wrap input::placeholder {
  /* !important: see the note on .inp::placeholder. */
  color: var(--ink-soft) !important;
  font-weight: 500;
}
.auth-app .verify-wrap input:disabled, .auth-app .verify-wrap input:read-only {
  background: var(--surface-alt);
  color: var(--ink-muted);
}
.auth-app .verify-btn {
  padding: 0 22px;
  border: none;
  background: linear-gradient(135deg, #3b6fc0, #234985);
  color: #fff;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.15s;
  white-space: nowrap;
  /* Verified state — the component drives this by disabling the button. */
}
.auth-app .verify-btn:hover:not(:disabled) {
  filter: brightness(1.08);
}
.auth-app .verify-btn:disabled {
  background: linear-gradient(135deg, #3cb9aa, #1e7167);
  cursor: default;
}
.auth-app .otp-note {
  font-size: 11.5px;
  color: var(--ink-muted);
  margin-top: 9px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.auth-app .error_msg {
  font-size: 12px;
  font-weight: 700;
  color: var(--req);
  margin: 6px 0 0;
}
.auth-app .sec {
  background: #fff;
  border: 1.5px solid var(--border-soft);
  border-radius: 20px;
  padding: 24px 26px;
  margin-bottom: 18px;
  box-shadow: 0 4px 16px rgba(23, 49, 92, 0.05);
}
.auth-app .sec-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
}
.auth-app .sec-badge {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  flex-shrink: 0;
  color: #fff;
  background: linear-gradient(135deg, #3cb9aa, #1e7167);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 13px rgba(41, 157, 143, 0.3);
}
.auth-app .sec-badge.blue {
  background: linear-gradient(135deg, #3b6fc0, #234985);
  box-shadow: 0 5px 13px rgba(45, 94, 171, 0.3);
}
.auth-app .sec-t {
  font-size: 17.5px;
  font-weight: 900;
  color: var(--teal-dark);
  letter-spacing: -0.01em;
}
.auth-app .sec-t.blue {
  color: var(--blue-dark);
}
.auth-app .sec-d {
  font-size: 12.5px;
  color: var(--ink-muted);
  font-weight: 600;
  margin: 3px 0 0;
  line-height: 1.55;
}
.auth-app .sec-opt {
  font-size: 11.5px;
  font-weight: 800;
  color: var(--ink-soft);
  background: var(--surface-alt);
  border: 1px solid var(--border);
  padding: 3px 10px;
  border-radius: 20px;
  margin-left: 8px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.auth-app .radio-row {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
}
.auth-app .radio-row .mat-mdc-radio-button {
  --mdc-radio-unselected-icon-color: #c3cedf;
  --mdc-radio-unselected-hover-icon-color: #b9c7dc;
  --mdc-radio-unselected-focus-icon-color: #c3cedf;
  --mdc-radio-selected-icon-color: var(--blue);
  --mdc-radio-selected-hover-icon-color: var(--blue);
  --mdc-radio-selected-focus-icon-color: var(--blue);
  --mdc-radio-selected-pressed-icon-color: var(--blue);
  /* Trimmed from the 40px default so the dot reads at the mockup's 18px. The .mdc-radio box
     is this size with a 20px circle centred in it, i.e. a 3px inset on every side — the
     paddings below subtract that so the visible geometry matches the mockup's .rad
     (11px/18px pill, 9px gap between dot and label). */
  --mdc-radio-state-layer-size: 26px !important;
  display: flex;
  align-items: center;
  padding: 7px 18px 7px 15px;
  border: 2px solid var(--border);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: 0.15s;
  /* Material 15 renders this as a bare <label [for]>, with no class of its own — the only
     handle is MDC's own `.mdc-form-field > label`, which sets padding and `margin-left:auto`.
     !important, not specificity, because Angular ref-counts ViewEncapsulation.None styles and
     re-appends them on re-entry: our rules and Material's swap cascade positions between a
     fresh page load and a client-side navigation, so ordering alone is not dependable. */
  /* Selected state — Material stamps mat-mdc-radio-checked on the host. */
}
.auth-app .radio-row .mat-mdc-radio-button:hover {
  border-color: #b9c7dc;
}
.auth-app .radio-row .mat-mdc-radio-button .mdc-form-field {
  display: flex !important;
  align-items: center !important;
}
.auth-app .radio-row .mat-mdc-radio-button .mdc-form-field > label {
  font-size: 14px;
  font-weight: 800;
  color: var(--ink);
  padding-left: 6px !important;
  padding-right: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}
.auth-app .radio-row .mat-mdc-radio-button.mat-mdc-radio-checked {
  border-color: var(--blue);
  background: var(--blue-tint);
}
.auth-app .radio-row .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-form-field > label {
  color: var(--blue-dark);
}
.auth-app .terms {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 20px 0 0;
  padding: 15px 17px;
  background: var(--surface-alt);
  border: 1.5px solid var(--border-soft);
  border-radius: 14px;
  /* Bootstrap checkbox, restyled to the mockup's teal box. Left as a native input so the
     formControlName binding and the isRegisterDisabled() gate stay exactly as they were. */
}
.auth-app .terms .form-check-input {
  width: 21px;
  height: 21px;
  margin: 1px 0 0;
  flex-shrink: 0;
  border: 2px solid #c3cedf;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  transition: 0.15s;
}
.auth-app .terms .form-check-input:checked {
  background-color: var(--teal);
  border-color: var(--teal);
}
.auth-app .terms .form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(41, 157, 143, 0.18);
  border-color: var(--teal);
}
.auth-app .terms-txt {
  font-size: 13.5px;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  cursor: pointer;
  /* !important: global styles.scss sets `a { color: #000 !important }`. */
}
.auth-app .terms-txt a {
  color: var(--blue) !important;
  font-weight: 800;
  text-decoration: underline;
}
.auth-app .submit {
  width: 100%;
  margin-top: 20px;
  padding: 16px;
  border: none;
  border-radius: 14px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 800;
  transition: 0.16s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: #eef2f7;
  color: #a8b4c6;
  cursor: not-allowed;
  /* Enabled variant — the templates already swap between a disabled and an active button. */
}
.auth-app .submit.ready {
  background: linear-gradient(135deg, #3b6fc0, #234985);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(45, 94, 171, 0.32);
}
.auth-app .submit.ready:hover {
  gap: 12px;
  filter: brightness(1.05);
}
.auth-app .login-row,
.auth-app .reg-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 22px;
  flex-wrap: wrap;
}
.auth-app .login-row span,
.auth-app .reg-row span {
  font-size: 14px;
  color: var(--ink-muted);
  font-weight: 700;
}
.auth-app .reg-row {
  padding-top: 20px;
  border-top: 1px solid var(--border-soft);
}
.auth-app .btn-login,
.auth-app .btn-reg {
  padding: 9px 22px;
  border: 2px solid var(--teal);
  border-radius: 11px;
  background: #fff;
  color: var(--teal-dark) !important;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.15s;
  display: inline-block;
}
.auth-app .btn-login:hover,
.auth-app .btn-reg:hover {
  background: var(--teal);
  color: #fff !important;
}

/*
 * Layered geometric page background — the fixed dot pattern, concentric rings, diagonals,
 * three soft glow orbs and five faint education glyphs. Shared by the two registration pages
 * and the Management Portal.
 *
 * Scoped under .auth-app (not a per-page class) so any auth page that renders the `.geo` block
 * picks it up. Pages that do not render it simply never match these rules.
 */
.auth-app {
  /* Below this width the page's own brand colour carries the design; the glyph layer only
     adds noise and can collide with content. */
}
.auth-app .geo {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.auth-app .geo svg.geo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.auth-app .geo .glow {
  position: absolute;
  border-radius: 50%;
}
.auth-app .glow-a {
  width: 620px;
  height: 620px;
  top: -230px;
  left: -180px;
  background: radial-gradient(circle, rgba(45, 94, 171, 0.16), transparent 68%);
}
.auth-app .glow-b {
  width: 560px;
  height: 560px;
  bottom: -220px;
  right: -150px;
  background: radial-gradient(circle, rgba(41, 157, 143, 0.16), transparent 68%);
}
.auth-app .glow-c {
  width: 420px;
  height: 420px;
  top: 44%;
  left: 52%;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.1), transparent 70%);
}
.auth-app .geo-ico {
  position: absolute;
  color: #2d5eab;
  opacity: 0.05;
}
.auth-app .gi-1 {
  top: 14%;
  left: 6%;
  width: 118px;
  height: 118px;
  transform: rotate(-11deg);
}
.auth-app .gi-2 {
  top: 66%;
  left: 11%;
  width: 96px;
  height: 96px;
  color: #299d8f;
  transform: rotate(8deg);
}
.auth-app .gi-3 {
  top: 20%;
  right: 8%;
  width: 104px;
  height: 104px;
  color: #6366f1;
  transform: rotate(12deg);
}
.auth-app .gi-4 {
  bottom: 12%;
  right: 13%;
  width: 112px;
  height: 112px;
  color: #2d5eab;
  transform: rotate(-7deg);
}
.auth-app .gi-5 {
  top: 46%;
  left: 2%;
  width: 78px;
  height: 78px;
  color: #e08600;
  opacity: 0.045;
  transform: rotate(15deg);
}
@media (max-width: 1050px) {
  .auth-app .geo-ico {
    display: none;
  }
}

/*
 * Two-column registration layout — brand rail + form column. Shared by the educator and
 * institution registration pages, which are visually identical apart from their copy and
 * their section content. Imported alongside _auth-shared.scss (tokens + field primitives).
 *
 * Both importing components are ViewEncapsulation.None, so every rule is nested under
 * .auth-register to keep it off the rest of the app.
 */
/* The geometric page background is shared with the Management Portal, so it lives in its own
   partial. Imported here so the two registration components pick it up unchanged. */
/*
 * Layered geometric page background — the fixed dot pattern, concentric rings, diagonals,
 * three soft glow orbs and five faint education glyphs. Shared by the two registration pages
 * and the Management Portal.
 *
 * Scoped under .auth-app (not a per-page class) so any auth page that renders the `.geo` block
 * picks it up. Pages that do not render it simply never match these rules.
 */
.auth-app {
  /* Below this width the page's own brand colour carries the design; the glyph layer only
     adds noise and can collide with content. */
}
.auth-app .geo {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.auth-app .geo svg.geo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.auth-app .geo .glow {
  position: absolute;
  border-radius: 50%;
}
.auth-app .glow-a {
  width: 620px;
  height: 620px;
  top: -230px;
  left: -180px;
  background: radial-gradient(circle, rgba(45, 94, 171, 0.16), transparent 68%);
}
.auth-app .glow-b {
  width: 560px;
  height: 560px;
  bottom: -220px;
  right: -150px;
  background: radial-gradient(circle, rgba(41, 157, 143, 0.16), transparent 68%);
}
.auth-app .glow-c {
  width: 420px;
  height: 420px;
  top: 44%;
  left: 52%;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.1), transparent 70%);
}
.auth-app .geo-ico {
  position: absolute;
  color: #2d5eab;
  opacity: 0.05;
}
.auth-app .gi-1 {
  top: 14%;
  left: 6%;
  width: 118px;
  height: 118px;
  transform: rotate(-11deg);
}
.auth-app .gi-2 {
  top: 66%;
  left: 11%;
  width: 96px;
  height: 96px;
  color: #299d8f;
  transform: rotate(8deg);
}
.auth-app .gi-3 {
  top: 20%;
  right: 8%;
  width: 104px;
  height: 104px;
  color: #6366f1;
  transform: rotate(12deg);
}
.auth-app .gi-4 {
  bottom: 12%;
  right: 13%;
  width: 112px;
  height: 112px;
  color: #2d5eab;
  transform: rotate(-7deg);
}
.auth-app .gi-5 {
  top: 46%;
  left: 2%;
  width: 78px;
  height: 78px;
  color: #e08600;
  opacity: 0.045;
  transform: rotate(15deg);
}
@media (max-width: 1050px) {
  .auth-app .geo-ico {
    display: none;
  }
}

.auth-register {
  background: linear-gradient(180deg, #f6f9fd 0%, #edf2fa 60%, #e8eff9 100%);
  /* Header floats over the page like the mockup's absolute bar. Element selectors out-specify
     header.component.scss's own emulated-encapsulation rules. */
  /* Full-bleed: the brand rail runs to the left edge and the form column to the right, with no
     outer gutter. (The mockup caps the shell at 1440px, which leaves a white strip either side on
     wider screens.) Horizontal breathing room comes from .formcol's own padding instead. */
  /* ── left brand rail ──────────────────────────────────────────────────────── */
  /* ── right form column ────────────────────────────────────────────────────── */
}
.auth-register app-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  display: block;
}
.auth-register app-header header.header.header_fix {
  position: static;
  background: transparent;
  box-shadow: none;
}
.auth-register .shell {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  min-height: 100vh;
  width: 100%;
}
.auth-register .rail {
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 96px 44px 44px;
  background: linear-gradient(160deg, #3667b8 0%, #2d5eab 42%, #1e3a6e 100%);
  border-radius: 0 34px 34px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.auth-register .rail::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  top: -190px;
  right: -170px;
  background: radial-gradient(circle, rgba(41, 157, 143, 0.34), transparent 68%);
}
.auth-register .rail::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  bottom: -160px;
  left: -130px;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.26), transparent 68%);
}
.auth-register .rail-in {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
}
.auth-register .rail-in h2 {
  font-size: 34px;
  font-weight: 900;
  letter-spacing: -0.03em;
  opacity: 0.95;
  margin: 0;
}
.auth-register .rail-in p {
  font-size: 14.5px;
  opacity: 0.82;
  font-weight: 600;
  margin: 10px auto 0;
  max-width: 330px;
  line-height: 1.6;
}
.auth-register .illus {
  width: 100%;
  max-width: 360px;
  margin: 22px auto 0;
  display: block;
}
.auth-register .rail-steps {
  margin: 26px auto 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
  max-width: 330px;
  text-align: left;
}
.auth-register .rstep {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 13px;
  font-weight: 700;
  opacity: 0.92;
}
.auth-register .rstep i {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.26);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11.5px;
  font-weight: 900;
  font-style: normal;
}
.auth-register .formcol {
  padding: 96px 52px 56px;
  overflow-y: auto;
}
.auth-register .form-inner {
  max-width: 720px;
}
.auth-register .page-title {
  font-size: 34px;
  font-weight: 900;
  letter-spacing: -0.03em;
  margin-bottom: 4px;
}
.auth-register .page-note {
  font-size: 14px;
  color: var(--ink-muted);
  font-weight: 600;
  margin-bottom: 26px;
}
@media (max-width: 1050px) {
  .auth-register {
    /* The 720px measure exists to keep a comfortable line length beside the rail. With the
       shell stacked there is nothing beside it any more, so the cap only leaves dead space on
       the right — let the form use the full width. */
  }
  .auth-register .shell {
    grid-template-columns: 1fr;
  }
  .auth-register .rail {
    border-radius: 0;
    padding: 92px 28px 34px;
  }
  .auth-register .illus {
    max-width: 280px;
  }
  .auth-register .formcol {
    padding: 36px 24px 48px;
  }
  .auth-register .form-inner {
    max-width: none;
  }
  .auth-register .grid2 {
    grid-template-columns: 1fr;
  }
  .auth-register .page-title {
    font-size: 28px;
  }
}
@media (max-width: 575px) {
  .auth-register .sec {
    padding: 20px 16px;
  }
  .auth-register .radio-row {
    gap: 8px;
  }
}

/* Login page. Tokens and shared field/card primitives come from _auth-shared.scss; this file
   holds only what is specific to the login layout — the clipped brand band, the centred stage,
   the segmented Educator/Institute chooser and the Management Portal strip.

   This component is ViewEncapsulation.None, so every rule below is nested under .auth-login to
   keep it off the rest of the app. Generic names like .card and .head are used elsewhere in the
   global stylesheets and would collide if left at the top level. */
.auth-login {
  background: radial-gradient(900px 480px at 88% -10%, rgba(41, 157, 143, 0.16), transparent 62%), radial-gradient(760px 420px at 6% 6%, rgba(45, 94, 171, 0.16), transparent 60%), linear-gradient(180deg, #f4f8fd, #eaf0f9);
  /* Header floats over the band rather than sticking to the viewport. The element selectors
     out-specify header.component.scss's own emulated-encapsulation rules. */
  /* The logo's white treatment is shared with the registration pages (_auth-shared.scss).
     The Help button keeps the solid white pill it has there too, per the mockup. */
  /* ── compact vertical rhythm ─────────────────────────────────────────────────
     The login card carries far less content than the registration pages, so it uses tighter
     spacing than the shared defaults. Scoped to .auth-login — the registration pages keep the
     roomier rhythm from _auth-shared.scss. */
  /* The validation line is hidden with `visibility` (not *ngIf) so the card does not jump when
     an error appears. That means it always occupies a row — keep the row, but only as tall as
     the message actually needs. */
  /* ── Educator / Institute chooser ────────────────────────────────────────────
     mat-radio-group keeps the existing [(ngModel)] + (change) binding; only its chrome is
     restyled. The MDC radio renders its own dot, so the surrounding pill is what gets drawn. */
  /* ── Send OTP ───────────────────────────────────────────────────────────── */
  /* ── Management Portal strip ────────────────────────────────────────────── */
  /* ── decorative background ──────────────────────────────────────────────── */
}
.auth-login app-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  display: block;
}
.auth-login app-header header.header.header_fix {
  position: static;
  background: transparent;
  box-shadow: none;
}
.auth-login app-header .btn.btn-help {
  border-color: var(--border) !important;
  background: #fff;
  color: var(--ink-muted) !important;
}
.auth-login app-header .btn.btn-help:hover {
  border-color: var(--blue) !important;
  background: #fff;
  color: var(--blue) !important;
}
.auth-login .band {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 362px;
  z-index: 0;
  background: linear-gradient(135deg, #2d5eab, #234985);
  clip-path: polygon(0 0, 100% 0, 100% 62%, 0 100%);
}
.auth-login .stage {
  position: relative;
  z-index: 10;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 104px 24px 48px;
}
.auth-login .head {
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
.auth-login .head h1 {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: -0.025em;
  margin: 0;
}
.auth-login .head p {
  font-size: 14.5px;
  opacity: 0.9;
  font-weight: 600;
  margin: 6px 0 0;
}
.auth-login .card {
  padding: 28px 32px;
}
.auth-login .card-sub {
  line-height: 1.4;
  margin-top: 4px;
}
.auth-login .card-body-wrap {
  margin-top: 18px;
}
.auth-login .f-label {
  margin-bottom: 7px;
}
.auth-login .error_msg {
  margin: 4px 0 0;
  font-size: 11.5px;
  line-height: 1.25;
}
.auth-login .otp-note {
  margin-top: 7px;
  line-height: 1.3;
}
.auth-login .inp-wrap input {
  padding: 13px 16px;
}
.auth-login .reg-row {
  margin-top: 16px;
  padding-top: 14px;
}
.auth-login .seg {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px;
  margin-bottom: 14px;
  /* Institute option is hidden for clients without an institute portal — go single column. */
}
.auth-login .seg.seg-single {
  grid-template-columns: 1fr;
}
.auth-login .seg .seg-opt.mat-mdc-radio-button {
  --mdc-radio-unselected-icon-color: #c3cedf;
  --mdc-radio-unselected-hover-icon-color: #b9c7dc;
  --mdc-radio-unselected-focus-icon-color: #c3cedf;
  --mdc-radio-selected-icon-color: var(--blue);
  --mdc-radio-selected-hover-icon-color: var(--blue);
  --mdc-radio-selected-focus-icon-color: var(--blue);
  --mdc-radio-selected-pressed-icon-color: var(--blue);
  /* 20px circle centred in this box, i.e. a 5px inset each side; the paddings below
     subtract it so the visible geometry matches the mockup's .seg-opt (13px/15px chip,
     10px gap between dot and label). */
  --mdc-radio-state-layer-size: 30px !important;
  display: block;
  border: 2px solid var(--border);
  border-radius: 13px;
  background: #fff;
  padding: 13px 15px 13px 10px;
  cursor: pointer;
  transition: 0.15s;
  /* Material 15 gives this label no class of its own, so MDC's `.mdc-form-field > label`
     is the only handle. Block-level so the title and sub-line stack, and flex:1 so the
     two-line label centres against the dot instead of the dot dropping to the second line.
     !important for the same cascade-order reason noted in _auth-shared.scss. */
}
.auth-login .seg .seg-opt.mat-mdc-radio-button:hover {
  border-color: #b9c7dc;
}
.auth-login .seg .seg-opt.mat-mdc-radio-button .mdc-form-field {
  display: flex !important;
  width: 100%;
  align-items: center !important;
}
.auth-login .seg .seg-opt.mat-mdc-radio-button .mdc-form-field > label {
  display: block !important;
  flex: 1 !important;
  padding-left: 5px !important;
  padding-right: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}
.auth-login .seg .seg-opt.mat-mdc-radio-button.mat-mdc-radio-checked {
  border-color: var(--blue);
  background: var(--blue-tint);
}
.auth-login .seg .seg-opt.mat-mdc-radio-button.mat-mdc-radio-checked .seg-txt .t {
  color: var(--blue-dark);
}
.auth-login .seg-txt {
  display: block;
}
.auth-login .seg-txt .t {
  display: block;
  font-size: 14.5px;
  font-weight: 800;
  line-height: 1.15;
  color: var(--ink);
}
.auth-login .seg-txt .d {
  display: block;
  font-size: 11px;
  color: var(--ink-muted);
  font-weight: 600;
  margin-top: 2px;
}
.auth-login .btn-otp {
  width: 100%;
  margin-top: 16px;
  padding: 14px;
  border: none;
  border-radius: 13px;
  cursor: pointer;
  background: linear-gradient(135deg, #3b6fc0, #234985);
  color: #fff;
  font-family: inherit;
  font-size: 15.5px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  transition: 0.16s;
  box-shadow: 0 8px 20px rgba(45, 94, 171, 0.3);
}
.auth-login .btn-otp:hover {
  gap: 12px;
  filter: brightness(1.05);
}
.auth-login .registry-strip {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 452px;
  margin-top: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  cursor: pointer;
  transition: 0.16s;
  background: #fff;
  border: 1.5px solid var(--border);
  box-shadow: 0 6px 18px rgba(23, 49, 92, 0.08);
  font-family: inherit;
  text-align: left;
  /* !important: global styles.scss sets `a { color: #000 !important }`. */
  color: var(--ink) !important;
}
.auth-login .registry-strip:hover {
  border-color: var(--blue);
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(23, 49, 92, 0.14);
}
.auth-login .registry-strip:hover .rs-arrow {
  background: var(--blue);
  color: #fff;
}
.auth-login .rs-ico {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  flex-shrink: 0;
  color: #fff;
  background: linear-gradient(135deg, #3b6fc0, #234985);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(45, 94, 171, 0.28);
}
.auth-login .rs-body {
  flex: 1;
}
.auth-login .rs-t {
  font-size: 14.5px;
  font-weight: 900;
  letter-spacing: -0.01em;
}
.auth-login .rs-d {
  font-size: 12px;
  color: var(--ink-muted);
  font-weight: 600;
  margin-top: 2px;
}
.auth-login .rs-arrow {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--blue-tint);
  color: var(--blue);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.16s;
}
.auth-login .field-deco {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.auth-login .field-deco svg.fd-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.auth-login .fd-ico {
  position: absolute;
  color: #2d5eab;
  opacity: 0.05;
}
.auth-login .fd-1 {
  top: 44%;
  left: 5%;
  width: 112px;
  height: 112px;
  transform: rotate(-11deg);
}
.auth-login .fd-2 {
  bottom: 14%;
  left: 15%;
  width: 92px;
  height: 92px;
  color: #299d8f;
  transform: rotate(9deg);
}
.auth-login .fd-3 {
  top: 40%;
  right: 7%;
  width: 104px;
  height: 104px;
  color: #6366f1;
  transform: rotate(12deg);
}
.auth-login .fd-4 {
  bottom: 11%;
  right: 16%;
  width: 110px;
  height: 110px;
  color: #2d5eab;
  transform: rotate(-7deg);
}
.auth-login .fd-5 {
  bottom: 34%;
  right: 33%;
  width: 74px;
  height: 74px;
  color: #e08600;
  opacity: 0.045;
  transform: rotate(15deg);
}
.auth-login .fd-6 {
  top: 52%;
  left: 31%;
  width: 68px;
  height: 68px;
  color: #299d8f;
  opacity: 0.042;
  transform: rotate(-14deg);
}
@media (max-width: 767px) {
  .auth-login {
    /* The glyph layer is noise at this width and can overlap the card. */
  }
  .auth-login .stage {
    padding: 96px 16px 40px;
  }
  .auth-login .head h1 {
    font-size: 26px;
  }
  .auth-login .card {
    padding: 26px 20px;
  }
  .auth-login .seg {
    grid-template-columns: 1fr;
  }
  .auth-login .fd-ico {
    display: none;
  }
}

/* Management Portal. Tokens come from _auth-shared.scss and the page background from
   _auth-geo.scss; this file holds the hero, the three workspace cards and the footer notes.

   ViewEncapsulation.None, so every rule is nested under .auth-portal to keep it off the rest of
   the app — several of these names (.geo, .bcard, .rnote) are generic enough to collide. */
.auth-portal {
  background: linear-gradient(180deg, #f6f9fd 0%, #edf2fa 60%, #e8eff9 100%);
  /* Header floats over the page like the mockup's bar. Element selectors out-specify
     header.component.scss's own emulated-encapsulation rules. */
  /* ── top row: provisioned-access chip ───────────────────────────────────────── */
  /* ── hero ───────────────────────────────────────────────────────────────────── */
  /* ── workspace cards ────────────────────────────────────────────────────────── */
  /* The cards sit in two rows of two, so the second grid needs the same gap above it. */
  /* Per-card accent set. Each variant supplies the accent colour, its tint, the icon gradient
     and the soft corner glow; everything below reads from these four. */
  /* The cards are anchors, and the global styles.scss has `a { color: #000 !important }`, so the
     colours here need !important to land. */
  /* ── provisioned-access note + back link ────────────────────────────────────── */
}
.auth-portal app-header {
  position: relative;
  z-index: 30;
  display: block;
}
.auth-portal app-header header.header.header_fix {
  position: static;
  background: transparent;
  box-shadow: none;
}
.auth-portal .rtop {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px 40px 0;
  max-width: 1180px;
  margin: 0 auto;
}
.auth-portal .prov-chip {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 11.5px;
  font-weight: 800;
  color: var(--blue-dark);
  background: rgba(255, 255, 255, 0.85);
  border: 1.5px solid rgba(45, 94, 171, 0.22);
  padding: 8px 15px;
  border-radius: 22px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.auth-portal .rwrap {
  position: relative;
  z-index: 10;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px 56px;
}
.auth-portal .rhero {
  text-align: center;
  padding: 16px 0 34px;
  /* Gradient-clipped span inside the heading. */
}
.auth-portal .rhero h1 {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: -0.03em;
  margin: 0;
}
.auth-portal .rhero h1 .g {
  background: linear-gradient(120deg, #2d5eab, #299d8f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.auth-portal .rhero p {
  font-size: 15.5px;
  color: var(--ink-muted);
  font-weight: 600;
  margin: 12px auto 0;
  max-width: 580px;
  line-height: 1.6;
}
.auth-portal .reyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  color: var(--blue-dark);
  background: rgba(255, 255, 255, 0.82);
  border: 1.5px solid rgba(45, 94, 171, 0.24);
  padding: 7px 16px;
  border-radius: 22px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 16px;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.auth-portal .rgrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.auth-portal .rgrid + .rgrid {
  margin-top: 18px;
}
.auth-portal .a-entity {
  --acc: #2d5eab;
  --tint: #eaeff7;
  --grad: linear-gradient(135deg, #3b6fc0, #234985);
  --glow: rgba(45, 94, 171, 0.28);
}
.auth-portal .a-spec {
  --acc: #1e7167;
  --tint: #eaf5f4;
  --grad: linear-gradient(135deg, #3cb9aa, #1e7167);
  --glow: rgba(41, 157, 143, 0.28);
}
.auth-portal .a-sales {
  --acc: #e08600;
  --tint: #fef3dd;
  --grad: linear-gradient(135deg, #f8b84e, #e08600);
  --glow: rgba(245, 166, 35, 0.3);
}
.auth-portal .a-finance {
  --acc: #5b4fe0;
  --tint: #eff0fe;
  --grad: linear-gradient(135deg, #7c7bf5, #5046d6);
  --glow: rgba(99, 102, 241, 0.28);
}
.auth-portal .bcard {
  position: relative;
  display: block;
  background: #fff;
  border: 1.5px solid var(--border-soft);
  border-radius: 22px;
  padding: 24px;
  cursor: pointer;
  text-align: left;
  transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s;
  overflow: hidden;
  font-family: inherit;
  color: var(--ink) !important;
  width: 100%;
}
.auth-portal .bcard::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -30%;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  background: var(--glow);
  opacity: 0.5;
  transition: 0.18s;
  pointer-events: none;
}
.auth-portal .bcard:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--acc);
}
.auth-portal .bcard:hover::after {
  opacity: 0.9;
  transform: scale(1.14);
}
.auth-portal .bcard:hover .bgo {
  background: var(--acc);
  color: #fff !important;
  gap: 11px;
}
.auth-portal .bcard:hover .bico {
  transform: scale(1.06) rotate(-3deg);
}
.auth-portal .bico {
  width: 56px;
  height: 56px;
  border-radius: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--grad);
  color: #fff;
  margin-bottom: 17px;
  position: relative;
  z-index: 1;
  box-shadow: 0 8px 18px var(--glow);
  transition: 0.2s;
}
.auth-portal .btitle {
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 1;
  color: var(--ink) !important;
}
.auth-portal .bfull {
  font-size: 12.5px;
  font-weight: 800;
  color: var(--acc) !important;
  margin-top: 2px;
  position: relative;
  z-index: 1;
}
.auth-portal .bdesc {
  font-size: 13.5px;
  color: var(--ink-muted);
  font-weight: 600;
  margin-top: 7px;
  line-height: 1.55;
  min-height: 40px;
  position: relative;
  z-index: 1;
}
.auth-portal .btag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11.5px;
  font-weight: 800;
  padding: 5px 12px;
  border-radius: 20px;
  background: var(--tint);
  color: var(--acc);
  margin-top: 14px;
  position: relative;
  z-index: 1;
}
.auth-portal .btag i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--acc);
}
.auth-portal .team-note {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 11px;
  background: var(--tint);
  border: 1px solid var(--acc);
  font-size: 11.5px;
  font-weight: 700;
  color: var(--acc);
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
.auth-portal .team-note svg {
  flex-shrink: 0;
  margin-top: 1px;
}
.auth-portal .team-note b {
  font-weight: 900;
}
.auth-portal .bgo {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  font-weight: 800;
  color: var(--acc) !important;
  margin-top: 16px;
  padding: 9px 16px;
  border-radius: 12px;
  background: var(--tint);
  transition: 0.18s;
  position: relative;
  z-index: 1;
}
.auth-portal .rnote {
  margin-top: 22px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px 18px;
  border-radius: 16px;
  background: var(--teal-tint);
  border: 1.5px solid #c6e6e1;
  font-size: 13.5px;
  color: var(--teal-dark);
  font-weight: 700;
}
.auth-portal .rnote svg {
  flex-shrink: 0;
}
.auth-portal .back-row {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.auth-portal .back-btm {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 13px 24px;
  border-radius: 14px;
  border: 1.5px solid var(--border);
  background: #fff;
  color: var(--ink-muted) !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  transition: 0.16s;
  box-shadow: 0 4px 14px rgba(23, 49, 92, 0.06);
}
.auth-portal .back-btm:hover {
  border-color: var(--blue);
  color: var(--blue) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(23, 49, 92, 0.12);
}
@media (max-width: 900px) {
  .auth-portal {
    /* The description's min-height only exists to align three side-by-side cards. */
  }
  .auth-portal .rgrid {
    grid-template-columns: 1fr;
  }
  .auth-portal .rhero h1 {
    font-size: 30px;
  }
  .auth-portal .bdesc {
    min-height: 0;
  }
}
@media (max-width: 575px) {
  .auth-portal .rtop,
  .auth-portal .rwrap {
    padding-left: 20px;
    padding-right: 20px;
  }
  .auth-portal .bcard {
    padding: 20px;
  }
}

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