/* node_modules/@angular/material/prebuilt-themes/azure-blue.css */
.mat-ripple {
overflow: hidden;
position: relative;
}
.mat-ripple:not(:empty) {
transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
overflow: visible;
}
.mat-ripple-element {
position: absolute;
border-radius: 50%;
pointer-events: none;
transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
transform: scale3d(0, 0, 0);
background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
display: none;
}
.cdk-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
left: 0;
}
[dir=rtl] .cdk-visually-hidden {
left: auto;
right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
pointer-events: none;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cdk-overlay-container {
position: fixed;
z-index: 1000;
}
.cdk-overlay-container:empty {
display: none;
}
.cdk-global-overlay-wrapper {
display: flex;
position: absolute;
z-index: 1000;
}
.cdk-overlay-pane {
position: absolute;
pointer-events: auto;
box-sizing: border-box;
z-index: 1000;
display: flex;
max-width: 100%;
max-height: 100%;
}
.cdk-overlay-backdrop {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
pointer-events: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: .6;
}
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
transition: visibility 1ms linear, opacity 1ms linear;
visibility: hidden;
opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0;
visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
transition: none;
}
.cdk-overlay-connected-position-bounding-box {
position: absolute;
z-index: 1000;
display: flex;
flex-direction: column;
min-width: 1px;
min-height: 1px;
}
.cdk-global-scrollblock {
position: fixed;
width: 100%;
overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
resize: none;
}
textarea.cdk-textarea-autosize-measuring {
padding: 2px 0 !important;
box-sizing: content-box !important;
height: auto !important;
overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
padding: 2px 0 !important;
box-sizing: content-box !important;
height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
position: relative;
}
.mat-focus-indicator::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
box-sizing: border-box;
pointer-events: none;
display: var(--mat-focus-indicator-display, none);
border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
content: "";
}
.cdk-high-contrast-active {
--mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
position: relative;
}
.mat-mdc-focus-indicator::before {
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
box-sizing: border-box;
pointer-events: none;
display: var(--mat-mdc-focus-indicator-display, none);
border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
content: "";
}
.cdk-high-contrast-active {
--mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
html {
--mat-app-background-color:#faf9fd;
--mat-app-text-color:#1a1b1f;
--mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 5px 8px 0px rgba(0, 0, 0, 0.14),
0px 1px 14px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
0px 7px 10px 1px rgba(0, 0, 0, 0.14),
0px 2px 16px 1px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
0px 9px 12px 1px rgba(0, 0, 0, 0.14),
0px 3px 16px 2px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
0px 10px 14px 1px rgba(0, 0, 0, 0.14),
0px 4px 18px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
0px 11px 15px 1px rgba(0, 0, 0, 0.14),
0px 4px 20px 3px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 12px 17px 2px rgba(0, 0, 0, 0.14),
0px 5px 22px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
0px 13px 19px 2px rgba(0, 0, 0, 0.14),
0px 5px 24px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
0px 14px 21px 2px rgba(0, 0, 0, 0.14),
0px 5px 26px 4px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
0px 15px 22px 2px rgba(0, 0, 0, 0.14),
0px 6px 28px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
0px 16px 24px 2px rgba(0, 0, 0, 0.14),
0px 6px 30px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
0px 17px 26px 2px rgba(0, 0, 0, 0.14),
0px 6px 32px 5px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
0px 18px 28px 2px rgba(0, 0, 0, 0.14),
0px 7px 34px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
0px 19px 29px 2px rgba(0, 0, 0, 0.14),
0px 7px 36px 6px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 20px 31px 3px rgba(0, 0, 0, 0.14),
0px 8px 38px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
0px 21px 33px 3px rgba(0, 0, 0, 0.14),
0px 8px 40px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
0px 22px 35px 3px rgba(0, 0, 0, 0.14),
0px 8px 42px 7px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
0px 23px 36px 3px rgba(0, 0, 0, 0.14),
0px 9px 44px 8px rgba(0, 0, 0, 0.12);
--mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
0px 24px 38px 3px rgba(0, 0, 0, 0.14),
0px 9px 46px 8px rgba(0, 0, 0, 0.12);
--mat-ripple-color:rgba(26, 27, 31, 0.1);
--mat-option-selected-state-label-text-color:#131c2b;
--mat-option-label-text-color:#1a1b1f;
--mat-option-hover-state-layer-color:rgba(26, 27, 31, 0.08);
--mat-option-focus-state-layer-color:rgba(26, 27, 31, 0.12);
--mat-option-selected-state-layer-color:#dae2f9;
--mat-option-label-text-font:Roboto, sans-serif;
--mat-option-label-text-line-height:1.25rem;
--mat-option-label-text-size:1rem;
--mat-option-label-text-tracking:0.006rem;
--mat-option-label-text-weight:400;
--mat-optgroup-label-text-color:#44474e;
--mat-optgroup-label-text-font:Roboto, sans-serif;
--mat-optgroup-label-text-line-height:1.25rem;
--mat-optgroup-label-text-size:0.875rem;
--mat-optgroup-label-text-tracking:0.006rem;
--mat-optgroup-label-text-weight:500;
--mat-full-pseudo-checkbox-selected-icon-color:#005cbb;
--mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;
--mat-full-pseudo-checkbox-unselected-icon-color:#44474e;
--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#faf9fd;
--mat-full-pseudo-checkbox-disabled-unselected-icon-color:rgba(26, 27, 31, 0.38);
--mat-full-pseudo-checkbox-disabled-selected-icon-color:rgba(26, 27, 31, 0.38);
--mat-minimal-pseudo-checkbox-selected-checkmark-color:#005cbb;
--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:rgba(26, 27, 31, 0.38);
--mdc-elevated-card-container-color:#f4f3f6;
--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mdc-elevated-card-container-shape:12px;
--mdc-outlined-card-container-color:#faf9fd;
--mdc-outlined-card-outline-color:#c4c6d0;
--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mdc-outlined-card-container-shape:12px;
--mdc-outlined-card-outline-width:1px;
--mat-card-subtitle-text-color:#1a1b1f;
--mat-card-title-text-font:Roboto, sans-serif;
--mat-card-title-text-line-height:1.75rem;
--mat-card-title-text-size:1.375rem;
--mat-card-title-text-tracking:0;
--mat-card-title-text-weight:400;
--mat-card-subtitle-text-font:Roboto, sans-serif;
--mat-card-subtitle-text-line-height:1.5rem;
--mat-card-subtitle-text-size:1rem;
--mat-card-subtitle-text-tracking:0.009rem;
--mat-card-subtitle-text-weight:500;
--mdc-linear-progress-active-indicator-color:#005cbb;
--mdc-linear-progress-track-color:#e0e2ec;
--mdc-linear-progress-active-indicator-height:4px;
--mdc-linear-progress-track-height:4px;
--mdc-linear-progress-track-shape:0;
--mdc-plain-tooltip-container-color:#2f3033;
--mdc-plain-tooltip-supporting-text-color:#f2f0f4;
--mdc-plain-tooltip-supporting-text-line-height:1rem;
--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
--mdc-plain-tooltip-supporting-text-size:0.75rem;
--mdc-plain-tooltip-supporting-text-weight:400;
--mdc-plain-tooltip-supporting-text-tracking:0.025rem;
--mdc-plain-tooltip-container-shape:4px;
--mdc-filled-text-field-caret-color:#005cbb;
--mdc-filled-text-field-focus-active-indicator-color:#005cbb;
--mdc-filled-text-field-focus-label-text-color:#005cbb;
--mdc-filled-text-field-container-color:#e0e2ec;
--mdc-filled-text-field-disabled-container-color:rgba(26, 27, 31, 0.04);
--mdc-filled-text-field-label-text-color:#44474e;
--mdc-filled-text-field-hover-label-text-color:#44474e;
--mdc-filled-text-field-disabled-label-text-color:rgba(26, 27, 31, 0.38);
--mdc-filled-text-field-input-text-color:#1a1b1f;
--mdc-filled-text-field-disabled-input-text-color:rgba(26, 27, 31, 0.38);
--mdc-filled-text-field-input-text-placeholder-color:#44474e;
--mdc-filled-text-field-error-hover-label-text-color:#410002;
--mdc-filled-text-field-error-focus-label-text-color:#ba1a1a;
--mdc-filled-text-field-error-label-text-color:#ba1a1a;
--mdc-filled-text-field-active-indicator-color:#44474e;
--mdc-filled-text-field-disabled-active-indicator-color:rgba(26, 27, 31, 0.38);
--mdc-filled-text-field-hover-active-indicator-color:#1a1b1f;
--mdc-filled-text-field-error-active-indicator-color:#ba1a1a;
--mdc-filled-text-field-error-focus-active-indicator-color:#ba1a1a;
--mdc-filled-text-field-error-hover-active-indicator-color:#410002;
--mdc-filled-text-field-label-text-font:Roboto, sans-serif;
--mdc-filled-text-field-label-text-size:1rem;
--mdc-filled-text-field-label-text-tracking:0.031rem;
--mdc-filled-text-field-label-text-weight:400;
--mdc-filled-text-field-active-indicator-height:1px;
--mdc-filled-text-field-focus-active-indicator-height:2px;
--mdc-filled-text-field-container-shape:4px;
--mdc-outlined-text-field-caret-color:#005cbb;
--mdc-outlined-text-field-focus-outline-color:#005cbb;
--mdc-outlined-text-field-focus-label-text-color:#005cbb;
--mdc-outlined-text-field-label-text-color:#44474e;
--mdc-outlined-text-field-hover-label-text-color:#1a1b1f;
--mdc-outlined-text-field-disabled-label-text-color:rgba(26, 27, 31, 0.38);
--mdc-outlined-text-field-input-text-color:#1a1b1f;
--mdc-outlined-text-field-disabled-input-text-color:rgba(26, 27, 31, 0.38);
--mdc-outlined-text-field-input-text-placeholder-color:#44474e;
--mdc-outlined-text-field-error-focus-label-text-color:#ba1a1a;
--mdc-outlined-text-field-error-label-text-color:#ba1a1a;
--mdc-outlined-text-field-error-hover-label-text-color:#410002;
--mdc-outlined-text-field-outline-color:#74777f;
--mdc-outlined-text-field-disabled-outline-color:rgba(26, 27, 31, 0.12);
--mdc-outlined-text-field-hover-outline-color:#1a1b1f;
--mdc-outlined-text-field-error-focus-outline-color:#ba1a1a;
--mdc-outlined-text-field-error-hover-outline-color:#410002;
--mdc-outlined-text-field-error-outline-color:#ba1a1a;
--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
--mdc-outlined-text-field-label-text-size:1rem;
--mdc-outlined-text-field-label-text-tracking:0.031rem;
--mdc-outlined-text-field-label-text-weight:400;
--mdc-outlined-text-field-outline-width:1px;
--mdc-outlined-text-field-focus-outline-width:2px;
--mdc-outlined-text-field-container-shape:4px;
--mat-form-field-focus-select-arrow-color:#005cbb;
--mat-form-field-disabled-input-text-placeholder-color:rgba(26, 27, 31, 0.38);
--mat-form-field-state-layer-color:#1a1b1f;
--mat-form-field-error-text-color:#ba1a1a;
--mat-form-field-select-option-text-color:#1a1b1f;
--mat-form-field-select-disabled-option-text-color:rgba(26, 27, 31, 0.38);
--mat-form-field-leading-icon-color:#44474e;
--mat-form-field-disabled-leading-icon-color:rgba(26, 27, 31, 0.38);
--mat-form-field-trailing-icon-color:#44474e;
--mat-form-field-disabled-trailing-icon-color:rgba(26, 27, 31, 0.38);
--mat-form-field-error-focus-trailing-icon-color:#ba1a1a;
--mat-form-field-error-hover-trailing-icon-color:#410002;
--mat-form-field-error-trailing-icon-color:#ba1a1a;
--mat-form-field-enabled-select-arrow-color:#44474e;
--mat-form-field-disabled-select-arrow-color:rgba(26, 27, 31, 0.38);
--mat-form-field-hover-state-layer-opacity:0.08;
--mat-form-field-container-text-font:Roboto, sans-serif;
--mat-form-field-container-text-line-height:1.5rem;
--mat-form-field-container-text-size:1rem;
--mat-form-field-container-text-tracking:0.031rem;
--mat-form-field-container-text-weight:400;
--mat-form-field-subscript-text-font:Roboto, sans-serif;
--mat-form-field-subscript-text-line-height:1rem;
--mat-form-field-subscript-text-size:0.75rem;
--mat-form-field-subscript-text-tracking:0.025rem;
--mat-form-field-subscript-text-weight:400;
--mat-form-field-container-height:56px;
--mat-form-field-filled-label-display:block;
--mat-form-field-container-vertical-padding:16px;
--mat-form-field-filled-with-label-container-padding-top:24px;
--mat-form-field-filled-with-label-container-padding-bottom:8px;
--mat-form-field-focus-state-layer-opacity:0;
--mat-select-panel-background-color:#efedf0;
--mat-select-enabled-trigger-text-color:#1a1b1f;
--mat-select-disabled-trigger-text-color:rgba(26, 27, 31, 0.38);
--mat-select-placeholder-text-color:#44474e;
--mat-select-enabled-arrow-color:#44474e;
--mat-select-disabled-arrow-color:rgba(26, 27, 31, 0.38);
--mat-select-focused-arrow-color:#005cbb;
--mat-select-invalid-arrow-color:#ba1a1a;
--mat-select-trigger-text-font:Roboto, sans-serif;
--mat-select-trigger-text-line-height:1.5rem;
--mat-select-trigger-text-size:1rem;
--mat-select-trigger-text-tracking:0.031rem;
--mat-select-trigger-text-weight:400;
--mat-select-arrow-transform:translateY(-8px);
--mat-select-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mat-autocomplete-background-color:#efedf0;
--mat-autocomplete-container-shape:4px;
--mat-autocomplete-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
--mdc-dialog-container-color:#faf9fd;
--mdc-dialog-subhead-color:#1a1b1f;
--mdc-dialog-supporting-text-color:#44474e;
--mdc-dialog-subhead-font:Roboto, sans-serif;
--mdc-dialog-subhead-line-height:2rem;
--mdc-dialog-subhead-size:1.5rem;
--mdc-dialog-subhead-weight:400;
--mdc-dialog-subhead-tracking:0;
--mdc-dialog-supporting-text-font:Roboto, sans-serif;
--mdc-dialog-supporting-text-line-height:1.25rem;
--mdc-dialog-supporting-text-size:0.875rem;
--mdc-dialog-supporting-text-weight:400;
--mdc-dialog-supporting-text-tracking:0.016rem;
--mdc-dialog-container-shape:28px;
--mat-dialog-container-elevation-shadow:none;
--mat-dialog-container-max-width:560px;
--mat-dialog-container-small-max-width:calc(100vw - 32px);
--mat-dialog-container-min-width:280px;
--mat-dialog-actions-alignment:flex-end;
--mat-dialog-actions-padding:16px 24px;
--mat-dialog-content-padding:20px 24px;
--mat-dialog-with-actions-content-padding:20px 24px 0;
--mat-dialog-headline-padding:6px 24px 13px;
--mdc-chip-outline-color:#74777f;
--mdc-chip-disabled-outline-color:rgba(26, 27, 31, 0.12);
--mdc-chip-focus-outline-color:#44474e;
--mdc-chip-hover-state-layer-opacity:0.08;
--mdc-chip-selected-hover-state-layer-opacity:0.08;
--mdc-chip-disabled-label-text-color:rgba(26, 27, 31, 0.38);
--mdc-chip-elevated-selected-container-color:#dae2f9;
--mdc-chip-flat-disabled-selected-container-color:rgba(26, 27, 31, 0.12);
--mdc-chip-focus-state-layer-color:#44474e;
--mdc-chip-hover-state-layer-color:#44474e;
--mdc-chip-selected-hover-state-layer-color:#131c2b;
--mdc-chip-focus-state-layer-opacity:0.12;
--mdc-chip-selected-focus-state-layer-color:#131c2b;
--mdc-chip-selected-focus-state-layer-opacity:0.12;
--mdc-chip-label-text-color:#44474e;
--mdc-chip-selected-label-text-color:#131c2b;
--mdc-chip-with-icon-icon-color:#44474e;
--mdc-chip-with-icon-disabled-icon-color:#1a1b1f;
--mdc-chip-with-icon-selected-icon-color:#131c2b;
--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#1a1b1f;
--mdc-chip-with-trailing-icon-trailing-icon-color:#44474e;
--mdc-chip-label-text-font:Roboto, sans-serif;
--mdc-chip-label-text-line-height:1.25rem;
--mdc-chip-label-text-size:0.875rem;
--mdc-chip-label-text-tracking:0.006rem;
--mdc-chip-label-text-weight:500;
--mdc-chip-container-height:32px;
--mdc-chip-container-shape-radius:8px;
--mdc-chip-with-avatar-avatar-shape-radius:24px;
--mdc-chip-with-avatar-avatar-size:24px;
--mdc-chip-with-icon-icon-size:18px;
--mdc-chip-outline-width:1px;
--mdc-chip-with-avatar-disabled-avatar-opacity:0.38;
--mdc-chip-flat-selected-outline-width:0;
--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:0.38;
--mdc-chip-with-icon-disabled-icon-opacity:0.38;
--mdc-chip-elevated-container-color:transparent;
--mat-chip-trailing-action-state-layer-color:#44474e;
--mat-chip-selected-trailing-action-state-layer-color:#131c2b;
--mat-chip-trailing-action-hover-state-layer-opacity:0.08;
--mat-chip-trailing-action-focus-state-layer-opacity:0.12;
--mat-chip-selected-disabled-trailing-icon-color:#1a1b1f;
--mat-chip-selected-trailing-icon-color:#131c2b;
--mat-chip-disabled-container-opacity:1;
--mat-chip-trailing-action-opacity:1;
--mat-chip-trailing-action-focus-opacity:1;
--mdc-switch-selected-focus-state-layer-opacity:0.12;
--mdc-switch-selected-hover-state-layer-opacity:0.08;
--mdc-switch-selected-pressed-state-layer-opacity:0.12;
--mdc-switch-unselected-focus-state-layer-opacity:0.12;
--mdc-switch-unselected-hover-state-layer-opacity:0.08;
--mdc-switch-unselected-pressed-state-layer-opacity:0.12;
--mdc-switch-selected-focus-state-layer-color:#005cbb;
--mdc-switch-selected-handle-color:#ffffff;
--mdc-switch-selected-hover-state-layer-color:#005cbb;
--mdc-switch-selected-pressed-state-layer-color:#005cbb;
--mdc-switch-selected-focus-handle-color:#d7e3ff;
--mdc-switch-selected-hover-handle-color:#d7e3ff;
--mdc-switch-selected-pressed-handle-color:#d7e3ff;
--mdc-switch-selected-focus-track-color:#005cbb;
--mdc-switch-selected-hover-track-color:#005cbb;
--mdc-switch-selected-pressed-track-color:#005cbb;
--mdc-switch-selected-track-color:#005cbb;
--mdc-switch-disabled-selected-handle-color:#faf9fd;
--mdc-switch-disabled-selected-icon-color:#1a1b1f;
--mdc-switch-disabled-selected-track-color:#1a1b1f;
--mdc-switch-disabled-unselected-handle-color:#1a1b1f;
--mdc-switch-disabled-unselected-icon-color:#e0e2ec;
--mdc-switch-disabled-unselected-track-color:#e0e2ec;
--mdc-switch-selected-icon-color:#001b3f;
--mdc-switch-unselected-focus-handle-color:#44474e;
--mdc-switch-unselected-focus-state-layer-color:#1a1b1f;
--mdc-switch-unselected-focus-track-color:#e0e2ec;
--mdc-switch-unselected-handle-color:#74777f;
--mdc-switch-unselected-hover-handle-color:#44474e;
--mdc-switch-unselected-hover-state-layer-color:#1a1b1f;
--mdc-switch-unselected-hover-track-color:#e0e2ec;
--mdc-switch-unselected-icon-color:#e0e2ec;
--mdc-switch-unselected-pressed-handle-color:#44474e;
--mdc-switch-unselected-pressed-state-layer-color:#1a1b1f;
--mdc-switch-unselected-pressed-track-color:#e0e2ec;
--mdc-switch-unselected-track-color:#e0e2ec;
--mdc-switch-disabled-selected-icon-opacity:0.38;
--mdc-switch-disabled-track-opacity:0.12;
--mdc-switch-disabled-unselected-icon-opacity:0.38;
--mdc-switch-handle-shape:9999px;
--mdc-switch-selected-icon-size:16px;
--mdc-switch-track-height:32px;
--mdc-switch-track-shape:9999px;
--mdc-switch-track-width:52px;
--mdc-switch-unselected-icon-size:16px;
--mdc-switch-state-layer-size:40px;
--mat-switch-track-outline-color:#74777f;
--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
--mat-switch-label-text-color:#1a1b1f;
--mat-switch-label-text-font:Roboto, sans-serif;
--mat-switch-label-text-line-height:1.25rem;
--mat-switch-label-text-size:0.875rem;
--mat-switch-label-text-tracking:0.016rem;
--mat-switch-label-text-weight:400;
--mat-switch-disabled-selected-handle-opacity:1;
--mat-switch-disabled-unselected-handle-opacity:0.38;
--mat-switch-unselected-handle-size:16px;
--mat-switch-selected-handle-size:24px;
--mat-switch-pressed-handle-size:28px;
--mat-switch-with-icon-handle-size:24px;
--mat-switch-selected-handle-horizontal-margin:0 24px;
--mat-switch-selected-with-icon-handle-horizontal-margin:0 24px;
--mat-switch-selected-pressed-handle-horizontal-margin:0 22px;
--mat-switch-unselected-handle-horizontal-margin:0 8px;
--mat-switch-unselected-with-icon-handle-horizontal-margin:0 4px;
--mat-switch-unselected-pressed-handle-horizontal-margin:0 2px;
--mat-switch-visible-track-opacity:1;
--mat-switch-hidden-track-opacity:0;
--mat-switch-visible-track-transition:opacity 75ms;
--mat-switch-hidden-track-transition:opacity 75ms;
--mat-switch-track-outline-width:2px;
--mat-switch-selected-track-outline-width:2px;
--mat-switch-selected-track-outline-color:transparent;
--mat-switch-disabled-unselected-track-outline-width:2px;
--mdc-radio-disabled-selected-icon-color:#1a1b1f;
--mdc-radio-disabled-unselected-icon-color:#1a1b1f;
--mdc-radio-unselected-hover-icon-color:#1a1b1f;
--mdc-radio-unselected-focus-icon-color:#1a1b1f;
--mdc-radio-unselected-icon-color:#44474e;
--mdc-radio-unselected-pressed-icon-color:#1a1b1f;
--mdc-radio-selected-focus-icon-color:#005cbb;
--mdc-radio-selected-hover-icon-color:#005cbb;
--mdc-radio-selected-icon-color:#005cbb;
--mdc-radio-selected-pressed-icon-color:#005cbb;
--mdc-radio-state-layer-size:40px;
--mdc-radio-disabled-selected-icon-opacity:0.38;
--mdc-radio-disabled-unselected-icon-opacity:0.38;
--mat-radio-ripple-color:#1a1b1f;
--mat-radio-checked-ripple-color:#005cbb;
--mat-radio-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-radio-label-text-color:#1a1b1f;
--mat-radio-label-text-font:Roboto, sans-serif;
--mat-radio-label-text-line-height:1.25rem;
--mat-radio-label-text-size:0.875rem;
--mat-radio-label-text-tracking:0.016rem;
--mat-radio-label-text-weight:400;
--mat-radio-touch-target-display:block;
--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mdc-slider-handle-color:#005cbb;
--mdc-slider-focus-handle-color:#005cbb;
--mdc-slider-hover-handle-color:#005cbb;
--mdc-slider-active-track-color:#005cbb;
--mdc-slider-inactive-track-color:#e0e2ec;
--mdc-slider-with-tick-marks-inactive-container-color:#44474e;
--mdc-slider-with-tick-marks-active-container-color:#ffffff;
--mdc-slider-disabled-active-track-color:#1a1b1f;
--mdc-slider-disabled-handle-color:#1a1b1f;
--mdc-slider-disabled-inactive-track-color:#1a1b1f;
--mdc-slider-label-container-color:#005cbb;
--mdc-slider-label-label-text-color:#ffffff;
--mdc-slider-with-overlap-handle-outline-color:#ffffff;
--mdc-slider-with-tick-marks-disabled-container-color:#1a1b1f;
--mdc-slider-label-label-text-font:Roboto, sans-serif;
--mdc-slider-label-label-text-size:0.75rem;
--mdc-slider-label-label-text-line-height:1rem;
--mdc-slider-label-label-text-tracking:0.031rem;
--mdc-slider-label-label-text-weight:500;
--mdc-slider-active-track-height:4px;
--mdc-slider-active-track-shape:9999px;
--mdc-slider-handle-height:20px;
--mdc-slider-handle-shape:9999px;
--mdc-slider-handle-width:20px;
--mdc-slider-inactive-track-height:4px;
--mdc-slider-inactive-track-shape:9999px;
--mdc-slider-with-overlap-handle-outline-width:1px;
--mdc-slider-with-tick-marks-active-container-opacity:0.38;
--mdc-slider-with-tick-marks-container-shape:9999px;
--mdc-slider-with-tick-marks-container-size:2px;
--mdc-slider-with-tick-marks-inactive-container-opacity:0.38;
--mat-slider-ripple-color:#005cbb;
--mat-slider-hover-state-layer-color:rgba(0, 92, 187, 0.05);
--mat-slider-focus-state-layer-color:rgba(0, 92, 187, 0.2);
--mat-slider-value-indicator-width:28px;
--mat-slider-value-indicator-height:28px;
--mat-slider-value-indicator-caret-display:none;
--mat-slider-value-indicator-border-radius:50% 50% 50% 0;
--mat-slider-value-indicator-padding:0;
--mat-slider-value-indicator-text-transform:rotate(45deg);
--mat-slider-value-indicator-container-transform:translateX(-50%) rotate(-45deg);
--mat-slider-value-indicator-opacity:1;
--mat-menu-item-label-text-color:#1a1b1f;
--mat-menu-item-icon-color:#44474e;
--mat-menu-item-hover-state-layer-color:rgba(26, 27, 31, 0.08);
--mat-menu-item-focus-state-layer-color:rgba(26, 27, 31, 0.12);
--mat-menu-container-color:#efedf0;
--mat-menu-divider-color:#e0e2ec;
--mat-menu-item-label-text-font:Roboto, sans-serif;
--mat-menu-item-label-text-size:0.875rem;
--mat-menu-item-label-text-tracking:0.006rem;
--mat-menu-item-label-text-line-height:1.25rem;
--mat-menu-item-label-text-weight:500;
--mat-menu-container-shape:4px;
--mat-menu-divider-bottom-spacing:8px;
--mat-menu-divider-top-spacing:8px;
--mat-menu-item-spacing:12px;
--mat-menu-item-icon-size:24px;
--mat-menu-item-leading-spacing:12px;
--mat-menu-item-trailing-spacing:12px;
--mat-menu-item-with-icon-leading-spacing:12px;
--mat-menu-item-with-icon-trailing-spacing:12px;
--mat-menu-base-elevation-level:2;
--mdc-list-list-item-container-color:transparent;
--mdc-list-list-item-leading-avatar-color:#d7e3ff;
--mdc-list-list-item-disabled-state-layer-color:#1a1b1f;
--mdc-list-list-item-disabled-state-layer-opacity:0.12;
--mdc-list-list-item-label-text-color:#1a1b1f;
--mdc-list-list-item-supporting-text-color:#44474e;
--mdc-list-list-item-leading-icon-color:#44474e;
--mdc-list-list-item-trailing-supporting-text-color:#44474e;
--mdc-list-list-item-trailing-icon-color:#44474e;
--mdc-list-list-item-selected-trailing-icon-color:#005cbb;
--mdc-list-list-item-disabled-label-text-color:#1a1b1f;
--mdc-list-list-item-disabled-leading-icon-color:#1a1b1f;
--mdc-list-list-item-disabled-trailing-icon-color:#1a1b1f;
--mdc-list-list-item-hover-label-text-color:#1a1b1f;
--mdc-list-list-item-focus-label-text-color:#1a1b1f;
--mdc-list-list-item-hover-state-layer-color:#1a1b1f;
--mdc-list-list-item-hover-state-layer-opacity:0.08;
--mdc-list-list-item-focus-state-layer-color:#1a1b1f;
--mdc-list-list-item-focus-state-layer-opacity:0.12;
--mdc-list-list-item-label-text-font:Roboto, sans-serif;
--mdc-list-list-item-label-text-line-height:1.5rem;
--mdc-list-list-item-label-text-size:1rem;
--mdc-list-list-item-label-text-tracking:0.031rem;
--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:1.25rem;
--mdc-list-list-item-supporting-text-size:0.875rem;
--mdc-list-list-item-supporting-text-tracking:0.016rem;
--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:1rem;
--mdc-list-list-item-trailing-supporting-text-size:0.688rem;
--mdc-list-list-item-trailing-supporting-text-tracking:0.031rem;
--mdc-list-list-item-trailing-supporting-text-weight:500;
--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;
--mdc-list-list-item-container-shape:0;
--mdc-list-list-item-leading-avatar-shape:9999px;
--mdc-list-list-item-leading-icon-size:24px;
--mdc-list-list-item-leading-avatar-size:40px;
--mdc-list-list-item-trailing-icon-size:24px;
--mdc-list-list-item-disabled-label-text-opacity:0.3;
--mdc-list-list-item-disabled-leading-icon-opacity:0.38;
--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
--mat-list-active-indicator-color:#dae2f9;
--mat-list-list-item-leading-icon-start-space:16px;
--mat-list-list-item-leading-icon-end-space:16px;
--mat-list-active-indicator-shape:9999px;
--mat-paginator-container-text-color:#1a1b1f;
--mat-paginator-container-background-color:#faf9fd;
--mat-paginator-enabled-icon-color:#44474e;
--mat-paginator-disabled-icon-color:rgba(26, 27, 31, 0.38);
--mat-paginator-container-text-font:Roboto, sans-serif;
--mat-paginator-container-text-line-height:1rem;
--mat-paginator-container-text-size:0.75rem;
--mat-paginator-container-text-tracking:0.025rem;
--mat-paginator-container-text-weight:400;
--mat-paginator-select-trigger-text-size:0.75rem;
--mat-paginator-container-size:56px;
--mat-paginator-form-field-container-height:40px;
--mat-paginator-form-field-container-vertical-padding:8px;
--mat-paginator-touch-target-display:block;
--mdc-secondary-navigation-tab-container-height:48px;
--mdc-tab-indicator-active-indicator-color:#005cbb;
--mdc-tab-indicator-active-indicator-height:2px;
--mdc-tab-indicator-active-indicator-shape:0;
--mat-tab-header-divider-color:#e0e2ec;
--mat-tab-header-pagination-icon-color:#1a1b1f;
--mat-tab-header-inactive-label-text-color:#1a1b1f;
--mat-tab-header-active-label-text-color:#1a1b1f;
--mat-tab-header-active-ripple-color:#1a1b1f;
--mat-tab-header-inactive-ripple-color:#1a1b1f;
--mat-tab-header-inactive-focus-label-text-color:#1a1b1f;
--mat-tab-header-inactive-hover-label-text-color:#1a1b1f;
--mat-tab-header-active-focus-label-text-color:#1a1b1f;
--mat-tab-header-active-hover-label-text-color:#1a1b1f;
--mat-tab-header-active-focus-indicator-color:#005cbb;
--mat-tab-header-active-hover-indicator-color:#005cbb;
--mat-tab-header-label-text-font:Roboto, sans-serif;
--mat-tab-header-label-text-size:0.875rem;
--mat-tab-header-label-text-tracking:0.006rem;
--mat-tab-header-label-text-line-height:1.25rem;
--mat-tab-header-label-text-weight:500;
--mat-tab-header-divider-height:1px;
--mdc-checkbox-disabled-selected-checkmark-color:#faf9fd;
--mdc-checkbox-selected-focus-state-layer-opacity:0.12;
--mdc-checkbox-selected-hover-state-layer-opacity:0.08;
--mdc-checkbox-selected-pressed-state-layer-opacity:0.12;
--mdc-checkbox-unselected-focus-state-layer-opacity:0.12;
--mdc-checkbox-unselected-hover-state-layer-opacity:0.08;
--mdc-checkbox-unselected-pressed-state-layer-opacity:0.12;
--mdc-checkbox-selected-pressed-icon-color:#005cbb;
--mdc-checkbox-disabled-selected-icon-color:rgba(26, 27, 31, 0.38);
--mdc-checkbox-disabled-unselected-icon-color:rgba(26, 27, 31, 0.38);
--mdc-checkbox-selected-checkmark-color:#ffffff;
--mdc-checkbox-selected-focus-icon-color:#005cbb;
--mdc-checkbox-selected-hover-icon-color:#005cbb;
--mdc-checkbox-selected-icon-color:#005cbb;
--mdc-checkbox-unselected-focus-icon-color:#1a1b1f;
--mdc-checkbox-unselected-hover-icon-color:#1a1b1f;
--mdc-checkbox-unselected-icon-color:#44474e;
--mdc-checkbox-selected-focus-state-layer-color:#005cbb;
--mdc-checkbox-selected-hover-state-layer-color:#005cbb;
--mdc-checkbox-selected-pressed-state-layer-color:#1a1b1f;
--mdc-checkbox-unselected-focus-state-layer-color:#1a1b1f;
--mdc-checkbox-unselected-hover-state-layer-color:#1a1b1f;
--mdc-checkbox-unselected-pressed-state-layer-color:#005cbb;
--mdc-checkbox-state-layer-size:40px;
--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-checkbox-label-text-color:#1a1b1f;
--mat-checkbox-label-text-font:Roboto, sans-serif;
--mat-checkbox-label-text-line-height:1.25rem;
--mat-checkbox-label-text-size:0.875rem;
--mat-checkbox-label-text-tracking:0.016rem;
--mat-checkbox-label-text-weight:400;
--mat-checkbox-touch-target-display:block;
--mdc-text-button-label-text-color:#005cbb;
--mdc-text-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
--mdc-text-button-label-text-font:Roboto, sans-serif;
--mdc-text-button-label-text-size:0.875rem;
--mdc-text-button-label-text-tracking:0.006rem;
--mdc-text-button-label-text-weight:500;
--mdc-text-button-container-height:40px;
--mdc-text-button-container-shape:9999px;
--mdc-protected-button-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mdc-protected-button-focus-container-elevation-shadow:0px 2px 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-protected-button-hover-container-elevation-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);
--mdc-protected-button-pressed-container-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
0px 1px 1px 0px rgba(0, 0, 0, 0.14),
0px 1px 3px 0px rgba(0, 0, 0, 0.12);
--mdc-protected-button-container-color:#faf9fd;
--mdc-protected-button-label-text-color:#005cbb;
--mdc-protected-button-disabled-container-color:rgba(26, 27, 31, 0.12);
--mdc-protected-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
--mdc-protected-button-label-text-font:Roboto, sans-serif;
--mdc-protected-button-label-text-size:0.875rem;
--mdc-protected-button-label-text-tracking:0.006rem;
--mdc-protected-button-label-text-weight:500;
--mdc-protected-button-container-height:40px;
--mdc-protected-button-container-shape:9999px;
--mdc-filled-button-container-color:#005cbb;
--mdc-filled-button-label-text-color:#ffffff;
--mdc-filled-button-disabled-container-color:rgba(26, 27, 31, 0.12);
--mdc-filled-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
--mdc-filled-button-label-text-font:Roboto, sans-serif;
--mdc-filled-button-label-text-size:0.875rem;
--mdc-filled-button-label-text-tracking:0.006rem;
--mdc-filled-button-label-text-weight:500;
--mdc-filled-button-container-height:40px;
--mdc-filled-button-container-shape:9999px;
--mdc-outlined-button-disabled-outline-color:rgba(26, 27, 31, 0.12);
--mdc-outlined-button-disabled-label-text-color:rgba(26, 27, 31, 0.38);
--mdc-outlined-button-label-text-color:#005cbb;
--mdc-outlined-button-outline-color:#74777f;
--mdc-outlined-button-label-text-font:Roboto, sans-serif;
--mdc-outlined-button-label-text-size:0.875rem;
--mdc-outlined-button-label-text-tracking:0.006rem;
--mdc-outlined-button-label-text-weight:500;
--mdc-outlined-button-container-height:40px;
--mdc-outlined-button-outline-width:1px;
--mdc-outlined-button-container-shape:9999px;
--mat-text-button-state-layer-color:#005cbb;
--mat-text-button-disabled-state-layer-color:#44474e;
--mat-text-button-ripple-color:rgba(0, 92, 187, 0.12);
--mat-text-button-hover-state-layer-opacity:0.08;
--mat-text-button-focus-state-layer-opacity:0.12;
--mat-text-button-pressed-state-layer-opacity:0.12;
--mat-text-button-touch-target-display:block;
--mat-text-button-horizontal-padding:12px;
--mat-text-button-with-icon-horizontal-padding:16px;
--mat-text-button-icon-spacing:8px;
--mat-text-button-icon-offset:-4px;
--mat-protected-button-state-layer-color:#005cbb;
--mat-protected-button-disabled-state-layer-color:#44474e;
--mat-protected-button-ripple-color:rgba(0, 92, 187, 0.12);
--mat-protected-button-hover-state-layer-opacity:0.08;
--mat-protected-button-focus-state-layer-opacity:0.12;
--mat-protected-button-pressed-state-layer-opacity:0.12;
--mat-protected-button-touch-target-display:block;
--mat-protected-button-horizontal-padding:24px;
--mat-protected-button-icon-spacing:8px;
--mat-protected-button-icon-offset:-8px;
--mat-filled-button-state-layer-color:#ffffff;
--mat-filled-button-disabled-state-layer-color:#44474e;
--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);
--mat-filled-button-hover-state-layer-opacity:0.08;
--mat-filled-button-focus-state-layer-opacity:0.12;
--mat-filled-button-pressed-state-layer-opacity:0.12;
--mat-filled-button-touch-target-display:block;
--mat-filled-button-horizontal-padding:24px;
--mat-filled-button-icon-spacing:8px;
--mat-filled-button-icon-offset:-8px;
--mat-outlined-button-state-layer-color:#005cbb;
--mat-outlined-button-disabled-state-layer-color:#44474e;
--mat-outlined-button-ripple-color:rgba(0, 92, 187, 0.12);
--mat-outlined-button-hover-state-layer-opacity:0.08;
--mat-outlined-button-focus-state-layer-opacity:0.12;
--mat-outlined-button-pressed-state-layer-opacity:0.12;
--mat-outlined-button-touch-target-display:block;
--mat-outlined-button-horizontal-padding:24px;
--mat-outlined-button-icon-spacing:8px;
--mat-outlined-button-icon-offset:-8px;
--mdc-icon-button-icon-color:#44474e;
--mdc-icon-button-disabled-icon-color:rgba(26, 27, 31, 0.38);
--mdc-icon-button-state-layer-size:40px;
--mdc-icon-button-icon-size:24px;
--mat-icon-button-state-layer-color:#44474e;
--mat-icon-button-disabled-state-layer-color:#44474e;
--mat-icon-button-ripple-color:rgba(68, 71, 78, 0.12);
--mat-icon-button-hover-state-layer-opacity:0.08;
--mat-icon-button-focus-state-layer-opacity:0.12;
--mat-icon-button-pressed-state-layer-opacity:0.12;
--mat-icon-button-touch-target-display:block;
--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-extended-fab-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mdc-extended-fab-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-extended-fab-label-text-font:Roboto, sans-serif;
--mdc-extended-fab-label-text-size:0.875rem;
--mdc-extended-fab-label-text-tracking:0.006rem;
--mdc-extended-fab-label-text-weight:500;
--mdc-extended-fab-container-height:56px;
--mdc-extended-fab-container-shape:16px;
--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-fab-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mdc-fab-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-fab-container-color:#d7e3ff;
--mdc-fab-container-shape:16px;
--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-fab-small-focus-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
0px 8px 10px 1px rgba(0, 0, 0, 0.14),
0px 3px 14px 2px rgba(0, 0, 0, 0.12);
--mdc-fab-small-pressed-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
0px 6px 10px 0px rgba(0, 0, 0, 0.14),
0px 1px 18px 0px rgba(0, 0, 0, 0.12);
--mdc-fab-small-container-color:#d7e3ff;
--mdc-fab-small-container-shape:12px;
--mat-fab-foreground-color:#001b3f;
--mat-fab-state-layer-color:#001b3f;
--mat-fab-ripple-color:rgba(0, 27, 63, 0.12);
--mat-fab-hover-state-layer-opacity:0.08;
--mat-fab-focus-state-layer-opacity:0.12;
--mat-fab-pressed-state-layer-opacity:0.12;
--mat-fab-disabled-state-container-color:rgba(26, 27, 31, 0.12);
--mat-fab-disabled-state-foreground-color:rgba(26, 27, 31, 0.38);
--mat-fab-touch-target-display:block;
--mat-fab-small-foreground-color:#001b3f;
--mat-fab-small-state-layer-color:#001b3f;
--mat-fab-small-ripple-color:rgba(0, 27, 63, 0.12);
--mat-fab-small-hover-state-layer-opacity:0.08;
--mat-fab-small-focus-state-layer-opacity:0.12;
--mat-fab-small-pressed-state-layer-opacity:0.12;
--mat-fab-small-disabled-state-container-color:rgba(26, 27, 31, 0.12);
--mat-fab-small-disabled-state-foreground-color:rgba(26, 27, 31, 0.38);
--mdc-snackbar-container-color:#2f3033;
--mdc-snackbar-supporting-text-color:#f2f0f4;
--mdc-snackbar-supporting-text-font:Roboto, sans-serif;
--mdc-snackbar-supporting-text-line-height:1.25rem;
--mdc-snackbar-supporting-text-size:0.875rem;
--mdc-snackbar-supporting-text-weight:400;
--mdc-snackbar-container-shape:4px;
--mat-snack-bar-button-color:#abc7ff;
--mat-table-background-color:#faf9fd;
--mat-table-header-headline-color:#1a1b1f;
--mat-table-row-item-label-text-color:#1a1b1f;
--mat-table-row-item-outline-color:#74777f;
--mat-table-header-headline-font:Roboto, sans-serif;
--mat-table-header-headline-line-height:1.25rem;
--mat-table-header-headline-size:0.875rem;
--mat-table-header-headline-weight:500;
--mat-table-header-headline-tracking:0.006rem;
--mat-table-row-item-label-text-font:Roboto, sans-serif;
--mat-table-row-item-label-text-line-height:1.25rem;
--mat-table-row-item-label-text-size:0.875rem;
--mat-table-row-item-label-text-weight:400;
--mat-table-row-item-label-text-tracking:0.016rem;
--mat-table-footer-supporting-text-font:Roboto, sans-serif;
--mat-table-footer-supporting-text-line-height:1.25rem;
--mat-table-footer-supporting-text-size:0.875rem;
--mat-table-footer-supporting-text-weight:400;
--mat-table-footer-supporting-text-tracking:0.016rem;
--mat-table-header-container-height:56px;
--mat-table-footer-container-height:52px;
--mat-table-row-item-container-height:52px;
--mat-table-row-item-outline-width:1px;
--mdc-circular-progress-active-indicator-color:#005cbb;
--mdc-circular-progress-active-indicator-width:4px;
--mdc-circular-progress-size:48px;
--mat-badge-background-color:#ba1a1a;
--mat-badge-text-color:#ffffff;
--mat-badge-disabled-state-background-color:rgba(186, 26, 26, 0.38);
--mat-badge-disabled-state-text-color:#ffffff;
--mat-badge-text-font:Roboto, sans-serif;
--mat-badge-text-size:0.688rem;
--mat-badge-text-weight:500;
--mat-badge-large-size-text-size:0.688rem;
--mat-badge-container-shape:9999px;
--mat-badge-container-size:16px;
--mat-badge-small-size-container-size:6px;
--mat-badge-large-size-container-size:16px;
--mat-badge-legacy-container-size:unset;
--mat-badge-legacy-small-size-container-size:unset;
--mat-badge-legacy-large-size-container-size:unset;
--mat-badge-container-offset:-12px 0;
--mat-badge-small-size-container-offset:-6px 0;
--mat-badge-large-size-container-offset:-12px 0;
--mat-badge-container-overlap-offset:-12px;
--mat-badge-small-size-container-overlap-offset:-6px;
--mat-badge-large-size-container-overlap-offset:-12px;
--mat-badge-container-padding:0 4px;
--mat-badge-small-size-container-padding:0;
--mat-badge-large-size-container-padding:0 4px;
--mat-badge-line-height:16px;
--mat-badge-small-size-text-size:0;
--mat-badge-small-size-line-height:6px;
--mat-badge-large-size-line-height:16px;
--mat-bottom-sheet-container-text-color:#1a1b1f;
--mat-bottom-sheet-container-background-color:#f4f3f6;
--mat-bottom-sheet-container-text-font:Roboto, sans-serif;
--mat-bottom-sheet-container-text-line-height:1.5rem;
--mat-bottom-sheet-container-text-size:1rem;
--mat-bottom-sheet-container-text-tracking:0.031rem;
--mat-bottom-sheet-container-text-weight:400;
--mat-bottom-sheet-container-shape:28px;
--mat-standard-button-toggle-hover-state-layer-opacity:0.08;
--mat-standard-button-toggle-focus-state-layer-opacity:0.12;
--mat-standard-button-toggle-text-color:#1a1b1f;
--mat-standard-button-toggle-state-layer-color:#1a1b1f;
--mat-standard-button-toggle-selected-state-background-color:#dae2f9;
--mat-standard-button-toggle-selected-state-text-color:#131c2b;
--mat-standard-button-toggle-disabled-state-text-color:rgba(26, 27, 31, 0.38);
--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(26, 27, 31, 0.38);
--mat-standard-button-toggle-disabled-selected-state-background-color:rgba(26, 27, 31, 0.12);
--mat-standard-button-toggle-divider-color:#74777f;
--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
--mat-standard-button-toggle-label-text-line-height:1.25rem;
--mat-standard-button-toggle-label-text-size:0.875rem;
--mat-standard-button-toggle-label-text-tracking:0.006rem;
--mat-standard-button-toggle-label-text-weight:500;
--mat-standard-button-toggle-height:40px;
--mat-standard-button-toggle-shape:9999px;
--mat-standard-button-toggle-background-color:transparent;
--mat-standard-button-toggle-disabled-state-background-color:transparent;
--mat-datepicker-calendar-date-selected-state-text-color:#ffffff;
--mat-datepicker-calendar-date-selected-state-background-color:#005cbb;
--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(26, 27, 31, 0.38);
--mat-datepicker-calendar-date-today-selected-state-outline-color:#005cbb;
--mat-datepicker-calendar-date-focus-state-background-color:rgba(26, 27, 31, 0.12);
--mat-datepicker-calendar-date-hover-state-background-color:rgba(26, 27, 31, 0.08);
--mat-datepicker-toggle-active-state-icon-color:#44474e;
--mat-datepicker-calendar-date-in-range-state-background-color:#d7e3ff;
--mat-datepicker-calendar-date-in-comparison-range-state-background-color:#e0e0ff;
--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#dae2f9;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#565e71;
--mat-datepicker-toggle-icon-color:#44474e;
--mat-datepicker-calendar-body-label-text-color:#1a1b1f;
--mat-datepicker-calendar-period-button-text-color:#44474e;
--mat-datepicker-calendar-period-button-icon-color:#44474e;
--mat-datepicker-calendar-navigation-button-icon-color:#44474e;
--mat-datepicker-calendar-header-text-color:#44474e;
--mat-datepicker-calendar-date-today-outline-color:#005cbb;
--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(26, 27, 31, 0.38);
--mat-datepicker-calendar-date-text-color:#1a1b1f;
--mat-datepicker-calendar-date-disabled-state-text-color:rgba(26, 27, 31, 0.38);
--mat-datepicker-calendar-date-preview-state-outline-color:#005cbb;
--mat-datepicker-range-input-separator-color:#1a1b1f;
--mat-datepicker-range-input-disabled-state-separator-color:rgba(26, 27, 31, 0.38);
--mat-datepicker-range-input-disabled-state-text-color:rgba(26, 27, 31, 0.38);
--mat-datepicker-calendar-container-background-color:#e9e7eb;
--mat-datepicker-calendar-container-text-color:#1a1b1f;
--mat-datepicker-calendar-text-font:Roboto, sans-serif;
--mat-datepicker-calendar-text-size:0.875rem;
--mat-datepicker-calendar-body-label-text-size:0.875rem;
--mat-datepicker-calendar-body-label-text-weight:500;
--mat-datepicker-calendar-period-button-text-size:0.875rem;
--mat-datepicker-calendar-period-button-text-weight:500;
--mat-datepicker-calendar-header-text-size:0.875rem;
--mat-datepicker-calendar-header-text-weight:500;
--mat-datepicker-calendar-container-shape:16px;
--mat-datepicker-calendar-container-touch-shape:28px;
--mat-datepicker-calendar-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-container-touch-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
0px 0px 0px 0px rgba(0, 0, 0, 0.14),
0px 0px 0px 0px rgba(0, 0, 0, 0.12);
--mat-datepicker-calendar-header-divider-color:transparent;
--mat-datepicker-calendar-date-outline-color:transparent;
--mat-divider-color:#74777f;
--mat-divider-width:1px;
--mat-expansion-container-background-color:#faf9fd;
--mat-expansion-container-text-color:#1a1b1f;
--mat-expansion-actions-divider-color:#74777f;
--mat-expansion-header-hover-state-layer-color:rgba(26, 27, 31, 0.08);
--mat-expansion-header-focus-state-layer-color:rgba(26, 27, 31, 0.12);
--mat-expansion-header-disabled-state-text-color:rgba(26, 27, 31, 0.38);
--mat-expansion-header-text-color:#1a1b1f;
--mat-expansion-header-description-color:#44474e;
--mat-expansion-header-indicator-color:#44474e;
--mat-expansion-header-text-font:Roboto, sans-serif;
--mat-expansion-header-text-size:1rem;
--mat-expansion-header-text-weight:500;
--mat-expansion-header-text-line-height:1.5rem;
--mat-expansion-header-text-tracking:0.009rem;
--mat-expansion-container-text-font:Roboto, sans-serif;
--mat-expansion-container-text-line-height:1.5rem;
--mat-expansion-container-text-size:1rem;
--mat-expansion-container-text-tracking:0.031rem;
--mat-expansion-container-text-weight:400;
--mat-expansion-header-collapsed-state-height:48px;
--mat-expansion-header-expanded-state-height:64px;
--mat-expansion-container-shape:12px;
--mat-expansion-legacy-header-indicator-display:none;
--mat-expansion-header-indicator-display:inline-block;
--mat-grid-list-tile-header-primary-text-size:400 1rem / 1.5rem Roboto, sans-serif;
--mat-grid-list-tile-header-secondary-text-size:400 0.875rem / 1.25rem Roboto, sans-serif;
--mat-grid-list-tile-footer-primary-text-size:400 1rem / 1.5rem Roboto, sans-serif;
--mat-grid-list-tile-footer-secondary-text-size:400 0.875rem / 1.25rem Roboto, sans-serif;
--mat-icon-color:inherit;
--mat-sidenav-container-background-color:#faf9fd;
--mat-sidenav-container-text-color:#44474e;
--mat-sidenav-content-background-color:#faf9fd;
--mat-sidenav-content-text-color:#1a1b1f;
--mat-sidenav-scrim-color:rgba(45, 48, 56, 0.4);
--mat-sidenav-container-shape:16px;
--mat-sidenav-container-elevation-shadow:none;
--mat-sidenav-container-width:360px;
--mat-sidenav-container-divider-color:transparent;
--mat-stepper-header-icon-foreground-color:#faf9fd;
--mat-stepper-header-selected-state-icon-background-color:#005cbb;
--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
--mat-stepper-header-edit-state-icon-background-color:#005cbb;
--mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
--mat-stepper-container-color:#faf9fd;
--mat-stepper-line-color:#74777f;
--mat-stepper-header-hover-state-layer-color:rgba(47, 48, 51, 0.08);
--mat-stepper-header-focus-state-layer-color:rgba(47, 48, 51, 0.12);
--mat-stepper-header-label-text-color:#44474e;
--mat-stepper-header-optional-label-text-color:#44474e;
--mat-stepper-header-selected-state-label-text-color:#44474e;
--mat-stepper-header-error-state-label-text-color:#ba1a1a;
--mat-stepper-header-icon-background-color:#44474e;
--mat-stepper-header-error-state-icon-foreground-color:#ba1a1a;
--mat-stepper-container-text-font:Roboto, sans-serif;
--mat-stepper-header-label-text-font:Roboto, sans-serif;
--mat-stepper-header-label-text-size:0.875rem;
--mat-stepper-header-label-text-weight:500;
--mat-stepper-header-error-state-label-text-size:0.875rem;
--mat-stepper-header-selected-state-label-text-size:0.875rem;
--mat-stepper-header-selected-state-label-text-weight:500;
--mat-stepper-header-height:72px;
--mat-stepper-header-focus-state-layer-shape:12px;
--mat-stepper-header-hover-state-layer-shape:12px;
--mat-stepper-header-error-state-icon-background-color:transparent;
--mat-sort-arrow-color:#1a1b1f;
--mat-toolbar-container-background-color:#faf9fd;
--mat-toolbar-container-text-color:#1a1b1f;
--mat-toolbar-title-text-font:Roboto, sans-serif;
--mat-toolbar-title-text-line-height:1.75rem;
--mat-toolbar-title-text-size:1.375rem;
--mat-toolbar-title-text-tracking:0;
--mat-toolbar-title-text-weight:400;
--mat-toolbar-standard-height:64px;
--mat-toolbar-mobile-height:56px;
--mat-tree-container-background-color:#faf9fd;
--mat-tree-node-text-color:#1a1b1f;
--mat-tree-node-text-font:Roboto, sans-serif;
--mat-tree-node-text-size:1rem;
--mat-tree-node-text-weight:400;
--mat-tree-node-min-height:48px;
}
.mat-theme-loaded-marker {
display: none;
}
.mat-primary {
--mat-stepper-header-selected-state-icon-background-color:#005cbb;
--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
--mat-stepper-header-edit-state-icon-background-color:#005cbb;
--mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
}
.mat-primary.mat-icon {
--mat-icon-color:#005cbb;
}
.mat-primary.mat-mdc-checkbox {
--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-checkbox-label-text-color:#1a1b1f;
}
.mat-primary.mat-mdc-slide-toggle {
--mat-switch-track-outline-color:#74777f;
--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
--mat-switch-label-text-color:#1a1b1f;
}
.mat-primary.mat-mdc-button-base {
--mdc-icon-button-icon-color:#005cbb;
--mat-icon-button-state-layer-color:#005cbb;
--mat-icon-button-ripple-color:rgba(0, 92, 187, 0.12);
}
.mat-primary .mdc-list-item__start,
.mat-primary .mdc-list-item__end {
--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-checkbox-label-text-color:#1a1b1f;
}
.mat-badge {
--mat-badge-background-color:#005cbb;
--mat-badge-text-color:#ffffff;
--mat-badge-disabled-state-background-color:rgba(0, 92, 187, 0.38);
--mat-badge-disabled-state-text-color:#ffffff;
}
.mat-accent {
--mat-option-selected-state-label-text-color:#00006e;
--mat-option-selected-state-layer-color:#e0e0ff;
--mdc-circular-progress-active-indicator-color:#343dff;
--mat-full-pseudo-checkbox-selected-icon-color:#343dff;
--mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;
--mat-minimal-pseudo-checkbox-selected-checkmark-color:#343dff;
--mat-stepper-header-selected-state-icon-background-color:#343dff;
--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
--mat-stepper-header-edit-state-icon-background-color:#343dff;
--mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
}
.mat-accent.mat-icon {
--mat-icon-color:#343dff;
}
.mat-accent.mat-mdc-checkbox {
--mdc-checkbox-selected-pressed-icon-color:#343dff;
--mdc-checkbox-selected-checkmark-color:#ffffff;
--mdc-checkbox-selected-focus-icon-color:#343dff;
--mdc-checkbox-selected-hover-icon-color:#343dff;
--mdc-checkbox-selected-icon-color:#343dff;
--mdc-checkbox-selected-focus-state-layer-color:#343dff;
--mdc-checkbox-selected-hover-state-layer-color:#343dff;
--mdc-checkbox-unselected-pressed-state-layer-color:#343dff;
--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-checkbox-label-text-color:#1a1b1f;
}
.mat-accent.mat-mdc-slider {
--mdc-slider-handle-color:#343dff;
--mdc-slider-focus-handle-color:#343dff;
--mdc-slider-hover-handle-color:#343dff;
--mdc-slider-active-track-color:#343dff;
--mdc-slider-with-tick-marks-active-container-color:#ffffff;
--mdc-slider-label-container-color:#343dff;
--mdc-slider-label-label-text-color:#ffffff;
--mdc-slider-with-overlap-handle-outline-color:#ffffff;
--mat-slider-ripple-color:#343dff;
--mat-slider-hover-state-layer-color:rgba(52, 61, 255, 0.05);
--mat-slider-focus-state-layer-color:rgba(52, 61, 255, 0.2);
}
.mat-accent.mat-mdc-tab-group,
.mat-accent.mat-mdc-tab-nav-bar {
--mdc-tab-indicator-active-indicator-color:#343dff;
--mat-tab-header-active-focus-indicator-color:#343dff;
--mat-tab-header-active-hover-indicator-color:#343dff;
}
.mat-accent.mat-mdc-slide-toggle {
--mdc-switch-selected-focus-state-layer-color:#343dff;
--mdc-switch-selected-handle-color:#ffffff;
--mdc-switch-selected-hover-state-layer-color:#343dff;
--mdc-switch-selected-pressed-state-layer-color:#343dff;
--mdc-switch-selected-focus-handle-color:#e0e0ff;
--mdc-switch-selected-hover-handle-color:#e0e0ff;
--mdc-switch-selected-pressed-handle-color:#e0e0ff;
--mdc-switch-selected-focus-track-color:#343dff;
--mdc-switch-selected-hover-track-color:#343dff;
--mdc-switch-selected-pressed-track-color:#343dff;
--mdc-switch-selected-track-color:#343dff;
--mdc-switch-selected-icon-color:#00006e;
--mat-switch-track-outline-color:#74777f;
--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
--mat-switch-label-text-color:#1a1b1f;
}
.mat-accent.mat-mdc-form-field {
--mat-select-focused-arrow-color:#343dff;
}
.mat-accent.mat-mdc-radio-button {
--mdc-radio-selected-focus-icon-color:#343dff;
--mdc-radio-selected-hover-icon-color:#343dff;
--mdc-radio-selected-icon-color:#343dff;
--mdc-radio-selected-pressed-icon-color:#343dff;
--mat-radio-checked-ripple-color:#343dff;
}
.mat-accent.mat-mdc-progress-bar {
--mdc-linear-progress-active-indicator-color:#343dff;
--mdc-linear-progress-track-color:#e0e0ff;
}
.mat-accent.mat-mdc-form-field {
--mdc-filled-text-field-caret-color:#343dff;
--mdc-filled-text-field-focus-active-indicator-color:#343dff;
--mdc-filled-text-field-focus-label-text-color:#343dff;
--mdc-outlined-text-field-caret-color:#343dff;
--mdc-outlined-text-field-focus-outline-color:#343dff;
--mdc-outlined-text-field-focus-label-text-color:#343dff;
--mat-form-field-focus-select-arrow-color:#343dff;
}
.mat-accent.mat-datepicker-content {
--mat-datepicker-calendar-date-selected-state-text-color:#ffffff;
--mat-datepicker-calendar-date-selected-state-background-color:#343dff;
--mat-datepicker-calendar-date-today-selected-state-outline-color:#343dff;
--mat-datepicker-calendar-date-in-range-state-background-color:#e0e0ff;
--mat-datepicker-calendar-date-in-comparison-range-state-background-color:#d7e3ff;
--mat-datepicker-calendar-date-today-outline-color:#343dff;
--mat-datepicker-calendar-date-preview-state-outline-color:#343dff;
}
.mat-accent.mat-mdc-button-base {
--mdc-text-button-label-text-color:#343dff;
--mdc-protected-button-label-text-color:#343dff;
--mdc-filled-button-container-color:#343dff;
--mdc-filled-button-label-text-color:#ffffff;
--mdc-outlined-button-label-text-color:#343dff;
--mat-text-button-state-layer-color:#343dff;
--mat-text-button-ripple-color:rgba(52, 61, 255, 0.12);
--mat-protected-button-state-layer-color:#343dff;
--mat-protected-button-ripple-color:rgba(52, 61, 255, 0.12);
--mat-filled-button-state-layer-color:#ffffff;
--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);
--mat-outlined-button-state-layer-color:#343dff;
--mat-outlined-button-ripple-color:rgba(52, 61, 255, 0.12);
--mdc-icon-button-icon-color:#343dff;
--mat-icon-button-state-layer-color:#343dff;
--mat-icon-button-ripple-color:rgba(52, 61, 255, 0.12);
}
.mat-accent.mat-mdc-standard-chip {
--mdc-chip-elevated-selected-container-color:#e0e0ff;
--mdc-chip-selected-hover-state-layer-color:#00006e;
--mdc-chip-selected-focus-state-layer-color:#00006e;
--mdc-chip-selected-label-text-color:#00006e;
--mdc-chip-with-icon-selected-icon-color:#00006e;
--mat-chip-selected-trailing-action-state-layer-color:#00006e;
--mat-chip-selected-trailing-icon-color:#00006e;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
--mdc-checkbox-selected-pressed-icon-color:#343dff;
--mdc-checkbox-selected-checkmark-color:#ffffff;
--mdc-checkbox-selected-focus-icon-color:#343dff;
--mdc-checkbox-selected-hover-icon-color:#343dff;
--mdc-checkbox-selected-icon-color:#343dff;
--mdc-checkbox-selected-focus-state-layer-color:#343dff;
--mdc-checkbox-selected-hover-state-layer-color:#343dff;
--mdc-checkbox-unselected-pressed-state-layer-color:#343dff;
--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-checkbox-label-text-color:#1a1b1f;
--mdc-radio-selected-focus-icon-color:#343dff;
--mdc-radio-selected-hover-icon-color:#343dff;
--mdc-radio-selected-icon-color:#343dff;
--mdc-radio-selected-pressed-icon-color:#343dff;
--mat-radio-checked-ripple-color:#343dff;
}
.mat-accent.mat-mdc-fab,
.mat-accent.mat-mdc-mini-fab {
--mdc-fab-container-color:#e0e0ff;
--mdc-fab-small-container-color:#e0e0ff;
--mat-fab-foreground-color:#00006e;
--mat-fab-state-layer-color:#00006e;
--mat-fab-ripple-color:rgba(0, 0, 110, 0.12);
--mat-fab-small-foreground-color:#00006e;
--mat-fab-small-state-layer-color:#00006e;
--mat-fab-small-ripple-color:rgba(0, 0, 110, 0.12);
}
.mat-badge-accent {
--mat-badge-background-color:#343dff;
--mat-badge-text-color:#ffffff;
--mat-badge-disabled-state-background-color:rgba(52, 61, 255, 0.38);
--mat-badge-disabled-state-text-color:#ffffff;
}
.mat-warn {
--mat-option-selected-state-label-text-color:#410002;
--mat-option-selected-state-layer-color:#ffdad6;
--mdc-circular-progress-active-indicator-color:#ba1a1a;
--mat-full-pseudo-checkbox-selected-icon-color:#ba1a1a;
--mat-full-pseudo-checkbox-selected-checkmark-color:#ffffff;
--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ba1a1a;
--mat-stepper-header-selected-state-icon-background-color:#ba1a1a;
--mat-stepper-header-selected-state-icon-foreground-color:#ffffff;
--mat-stepper-header-edit-state-icon-background-color:#ba1a1a;
--mat-stepper-header-edit-state-icon-foreground-color:#ffffff;
}
.mat-warn.mat-icon {
--mat-icon-color:#ba1a1a;
}
.mat-warn.mat-mdc-checkbox {
--mdc-checkbox-selected-pressed-icon-color:#ba1a1a;
--mdc-checkbox-selected-checkmark-color:#ffffff;
--mdc-checkbox-selected-focus-icon-color:#ba1a1a;
--mdc-checkbox-selected-hover-icon-color:#ba1a1a;
--mdc-checkbox-selected-icon-color:#ba1a1a;
--mdc-checkbox-selected-focus-state-layer-color:#ba1a1a;
--mdc-checkbox-selected-hover-state-layer-color:#ba1a1a;
--mdc-checkbox-unselected-pressed-state-layer-color:#ba1a1a;
--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-checkbox-label-text-color:#1a1b1f;
}
.mat-warn.mat-mdc-slider {
--mdc-slider-handle-color:#ba1a1a;
--mdc-slider-focus-handle-color:#ba1a1a;
--mdc-slider-hover-handle-color:#ba1a1a;
--mdc-slider-active-track-color:#ba1a1a;
--mdc-slider-with-tick-marks-active-container-color:#ffffff;
--mdc-slider-label-container-color:#ba1a1a;
--mdc-slider-label-label-text-color:#ffffff;
--mdc-slider-with-overlap-handle-outline-color:#ffffff;
--mat-slider-ripple-color:#ba1a1a;
--mat-slider-hover-state-layer-color:rgba(186, 26, 26, 0.05);
--mat-slider-focus-state-layer-color:rgba(186, 26, 26, 0.2);
}
.mat-warn.mat-mdc-tab-group,
.mat-warn.mat-mdc-tab-nav-bar {
--mdc-tab-indicator-active-indicator-color:#ba1a1a;
--mat-tab-header-active-focus-indicator-color:#ba1a1a;
--mat-tab-header-active-hover-indicator-color:#ba1a1a;
}
.mat-warn.mat-mdc-slide-toggle {
--mdc-switch-selected-focus-state-layer-color:#ba1a1a;
--mdc-switch-selected-handle-color:#ffffff;
--mdc-switch-selected-hover-state-layer-color:#ba1a1a;
--mdc-switch-selected-pressed-state-layer-color:#ba1a1a;
--mdc-switch-selected-focus-handle-color:#ffdad6;
--mdc-switch-selected-hover-handle-color:#ffdad6;
--mdc-switch-selected-pressed-handle-color:#ffdad6;
--mdc-switch-selected-focus-track-color:#ba1a1a;
--mdc-switch-selected-hover-track-color:#ba1a1a;
--mdc-switch-selected-pressed-track-color:#ba1a1a;
--mdc-switch-selected-track-color:#ba1a1a;
--mdc-switch-selected-icon-color:#410002;
--mat-switch-track-outline-color:#74777f;
--mat-switch-disabled-unselected-track-outline-color:#1a1b1f;
--mat-switch-label-text-color:#1a1b1f;
}
.mat-warn.mat-mdc-form-field {
--mat-select-focused-arrow-color:#ba1a1a;
}
.mat-warn.mat-mdc-radio-button {
--mdc-radio-selected-focus-icon-color:#ba1a1a;
--mdc-radio-selected-hover-icon-color:#ba1a1a;
--mdc-radio-selected-icon-color:#ba1a1a;
--mdc-radio-selected-pressed-icon-color:#ba1a1a;
--mat-radio-checked-ripple-color:#ba1a1a;
}
.mat-warn.mat-mdc-progress-bar {
--mdc-linear-progress-active-indicator-color:#ba1a1a;
--mdc-linear-progress-track-color:#ffdad6;
}
.mat-warn.mat-mdc-form-field {
--mdc-filled-text-field-caret-color:#ba1a1a;
--mdc-filled-text-field-focus-active-indicator-color:#ba1a1a;
--mdc-filled-text-field-focus-label-text-color:#ba1a1a;
--mdc-outlined-text-field-caret-color:#ba1a1a;
--mdc-outlined-text-field-focus-outline-color:#ba1a1a;
--mdc-outlined-text-field-focus-label-text-color:#ba1a1a;
--mat-form-field-focus-select-arrow-color:#ba1a1a;
}
.mat-warn.mat-datepicker-content {
--mat-datepicker-calendar-date-selected-state-text-color:#ffffff;
--mat-datepicker-calendar-date-selected-state-background-color:#ba1a1a;
--mat-datepicker-calendar-date-today-selected-state-outline-color:#ba1a1a;
--mat-datepicker-calendar-date-in-range-state-background-color:#ffdad6;
--mat-datepicker-calendar-date-today-outline-color:#ba1a1a;
--mat-datepicker-calendar-date-preview-state-outline-color:#ba1a1a;
}
.mat-warn.mat-mdc-button-base {
--mdc-text-button-label-text-color:#ba1a1a;
--mdc-protected-button-label-text-color:#ba1a1a;
--mdc-filled-button-container-color:#ba1a1a;
--mdc-filled-button-label-text-color:#ffffff;
--mdc-outlined-button-label-text-color:#ba1a1a;
--mat-text-button-state-layer-color:#ba1a1a;
--mat-text-button-ripple-color:rgba(186, 26, 26, 0.12);
--mat-protected-button-state-layer-color:#ba1a1a;
--mat-protected-button-ripple-color:rgba(186, 26, 26, 0.12);
--mat-filled-button-state-layer-color:#ffffff;
--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.12);
--mat-outlined-button-state-layer-color:#ba1a1a;
--mat-outlined-button-ripple-color:rgba(186, 26, 26, 0.12);
--mdc-icon-button-icon-color:#ba1a1a;
--mat-icon-button-state-layer-color:#ba1a1a;
--mat-icon-button-ripple-color:rgba(186, 26, 26, 0.12);
}
.mat-warn.mat-mdc-standard-chip {
--mdc-chip-elevated-selected-container-color:#ffdad6;
--mdc-chip-selected-hover-state-layer-color:#410002;
--mdc-chip-selected-focus-state-layer-color:#410002;
--mdc-chip-selected-label-text-color:#410002;
--mdc-chip-with-icon-selected-icon-color:#410002;
--mat-chip-selected-trailing-action-state-layer-color:#410002;
--mat-chip-selected-trailing-icon-color:#410002;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
--mdc-checkbox-selected-pressed-icon-color:#ba1a1a;
--mdc-checkbox-selected-checkmark-color:#ffffff;
--mdc-checkbox-selected-focus-icon-color:#ba1a1a;
--mdc-checkbox-selected-hover-icon-color:#ba1a1a;
--mdc-checkbox-selected-icon-color:#ba1a1a;
--mdc-checkbox-selected-focus-state-layer-color:#ba1a1a;
--mdc-checkbox-selected-hover-state-layer-color:#ba1a1a;
--mdc-checkbox-unselected-pressed-state-layer-color:#ba1a1a;
--mat-checkbox-disabled-label-color:rgba(26, 27, 31, 0.38);
--mat-checkbox-label-text-color:#1a1b1f;
--mdc-radio-selected-focus-icon-color:#ba1a1a;
--mdc-radio-selected-hover-icon-color:#ba1a1a;
--mdc-radio-selected-icon-color:#ba1a1a;
--mdc-radio-selected-pressed-icon-color:#ba1a1a;
--mat-radio-checked-ripple-color:#ba1a1a;
}
.mat-display-large,
.mat-typography .mat-display-large,
.mat-typography h1 {
font: 400 3.562rem / 4rem Roboto, sans-serif;
letter-spacing: -0.016rem;
margin: 0 0 .5em;
}
.mat-display-medium,
.mat-typography .mat-display-medium,
.mat-typography h2 {
font: 400 2.812rem / 3.25rem Roboto, sans-serif;
letter-spacing: 0;
margin: 0 0 .5em;
}
.mat-display-small,
.mat-typography .mat-display-small,
.mat-typography h3 {
font: 400 2.25rem / 2.75rem Roboto, sans-serif;
letter-spacing: 0;
margin: 0 0 .5em;
}
.mat-headline-large,
.mat-typography .mat-headline-large,
.mat-typography h4 {
font: 400 2rem / 2.5rem Roboto, sans-serif;
letter-spacing: 0;
margin: 0 0 .5em;
}
.mat-headline-medium,
.mat-typography .mat-headline-medium,
.mat-typography h5 {
font: 400 1.75rem / 2.25rem Roboto, sans-serif;
letter-spacing: 0;
margin: 0 0 .5em;
}
.mat-headline-small,
.mat-typography .mat-headline-small,
.mat-typography h6 {
font: 400 1.5rem / 2rem Roboto, sans-serif;
letter-spacing: 0;
margin: 0 0 .5em;
}
.mat-title-large,
.mat-typography .mat-title-large {
font: 400 1.375rem / 1.75rem Roboto, sans-serif;
letter-spacing: 0;
}
.mat-title-medium,
.mat-typography .mat-title-medium {
font: 500 1rem / 1.5rem Roboto, sans-serif;
letter-spacing: .009rem;
}
.mat-title-small,
.mat-typography .mat-title-small {
font: 500 .875rem / 1.25rem Roboto, sans-serif;
letter-spacing: .006rem;
}
.mat-body-large,
.mat-typography .mat-body-large,
.mat-typography {
font: 400 1rem / 1.5rem Roboto, sans-serif;
letter-spacing: .031rem;
}
.mat-body-large p,
.mat-typography .mat-body-large p,
.mat-typography p {
margin: 0 0 .75em;
}
.mat-body-medium,
.mat-typography .mat-body-medium {
font: 400 .875rem / 1.25rem Roboto, sans-serif;
letter-spacing: .016rem;
}
.mat-body-small,
.mat-typography .mat-body-small {
font: 400 .75rem / 1rem Roboto, sans-serif;
letter-spacing: .025rem;
}
.mat-label-large,
.mat-typography .mat-label-large {
font: 500 .875rem / 1.25rem Roboto, sans-serif;
letter-spacing: .006rem;
}
.mat-label-medium,
.mat-typography .mat-label-medium {
font: 500 .75rem / 1rem Roboto, sans-serif;
letter-spacing: .031rem;
}
.mat-label-small,
.mat-typography .mat-label-small {
font: 500 .688rem / 1rem Roboto, sans-serif;
letter-spacing: .031rem;
}
/* src/styles.less */
.btn-next {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
padding: 14px 45px;
height: 50px;
background:
linear-gradient(
93.09deg,
#DFF1FF 0.42%,
#DFF1FF 100%);
color: #072f51;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);
}
.btn-next:hover {
transform: translateY(-2px);
}
.btn-next:active {
transform: translateY(0px);
}
.btn-next:hover {
transform: translateY(-2px);
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
.btn-next:active {
transform: translateY(0);
}
.btn-next:disabled,
.btn-next.disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.mt-0 {
margin-top: 0px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-60 {
margin-top: 60px !important;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes ripple {
0% {
transform: scale(0);
opacity: 0.6;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
@keyframes pop {
0% {
transform: scale(0.6);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.flex {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 0;
}
.flex-row {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 0;
}
.flex-column {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: 0;
}
.center {
justify-content: center;
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-between {
justify-content: space-between;
}
.align-center {
align-items: center;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.gap40 {
gap: 40px;
}
.gap39 {
gap: 39px;
}
.gap38 {
gap: 38px;
}
.gap37 {
gap: 37px;
}
.gap36 {
gap: 36px;
}
.gap35 {
gap: 35px;
}
.gap34 {
gap: 34px;
}
.gap33 {
gap: 33px;
}
.gap32 {
gap: 32px;
}
.gap31 {
gap: 31px;
}
.gap30 {
gap: 30px;
}
.gap29 {
gap: 29px;
}
.gap28 {
gap: 28px;
}
.gap27 {
gap: 27px;
}
.gap26 {
gap: 26px;
}
.gap25 {
gap: 25px;
}
.gap24 {
gap: 24px;
}
.gap23 {
gap: 23px;
}
.gap22 {
gap: 22px;
}
.gap21 {
gap: 21px;
}
.gap20 {
gap: 20px;
}
.gap19 {
gap: 19px;
}
.gap18 {
gap: 18px;
}
.gap17 {
gap: 17px;
}
.gap16 {
gap: 16px;
}
.gap15 {
gap: 15px;
}
.gap14 {
gap: 14px;
}
.gap13 {
gap: 13px;
}
.gap12 {
gap: 12px;
}
.gap11 {
gap: 11px;
}
.gap10 {
gap: 10px;
}
.gap9 {
gap: 9px;
}
.gap8 {
gap: 8px;
}
.gap7 {
gap: 7px;
}
.gap6 {
gap: 6px;
}
.gap5 {
gap: 5px;
}
.gap4 {
gap: 4px;
}
.gap3 {
gap: 3px;
}
.gap2 {
gap: 2px;
}
.gap1 {
gap: 1px;
}
.visible-xs {
display: none;
}
@media only screen and (max-width: 767px) {
.visible-xs {
display: block !important;
}
}
.hidden-md {
display: block;
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
.hidden {
display: none;
}
.reg {
display: inline-block;
padding: 3px 10px;
background: #f1f5f9;
border-radius: 6px;
font-weight: 600;
font-size: 13px;
}
.state {
padding: 6px 16px;
border-radius: 30px;
display: inline-block;
font-size: 14px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.state {
font-size: 12px;
padding: 4px 12px;
}
}
.state.state-1 {
background: #eeeff0;
color: #2c3445;
}
.state.paid,
.state.state-0 {
background: #dcfce7;
color: #16a34a;
}
.state.Pending,
.state.\421\435-\440\430\437\433\43b\435\434\443\432\430 {
background: #fef9c3;
color: #a16207;
}
.state.Active,
.state.\410\43a\442\438\432\43d\43e {
background: #dcfce7;
color: #16a34a;
}
.state.not-paid,
.state.state-2 {
background: #fee2e2;
color: #dc2626;
}
@font-face {
font-family: "Inter";
font-display: swap;
src:
url("./media/Inter-VariableFont_opsz,wght-HPE33GNE.eot") format("embedded-opentype"),
url("./media/Inter-VariableFont_opsz,wght-BCWOMLLA.woff2") format("woff2"),
url("./media/Inter-VariableFont_opsz,wght-TEGICIN4.woff") format("woff");
}
.btn-primary {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #fbfbfb;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 14px 45px;
height: 50px;
width: auto;
}
.btn-primary:hover {
transform: translateY(-2px);
}
.btn-primary:active {
transform: translateY(0px);
}
.btn-primary:hover {
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}
.btn-logout {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
justify-content: center;
background: transparent;
border: 2px solid rgba(7, 47, 81, 0.4);
color: #072f51;
font-weight: 600;
font-size: 18px;
padding: 8px 22px;
border-radius: 8px;
display: inline-flex;
align-items: center;
gap: 8px;
}
.btn-logout:hover {
transform: translateY(-2px);
}
.btn-logout:active {
transform: translateY(0px);
}
.btn-logout img {
width: 24px;
height: 24px;
}
.btn-logout:hover {
border-color: #257cc6;
color: #257cc6;
background: rgba(37, 124, 198, 0.05);
}
.btn-logout:hover svg path {
stroke: #257cc6;
}
.btn-secondary {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
color: #1471bc;
font-weight: 500;
font-size: 15px;
padding: 0;
height: auto;
box-shadow: none;
text-decoration: none;
}
.btn-secondary:hover {
transform: translateY(-2px);
}
.btn-secondary:active {
transform: translateY(0px);
}
.btn-secondary:hover {
color: #0f5096;
text-decoration: underline;
}
.btn-link {
outline: none;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: 0;
height: auto;
color: #1471bc;
font-size: 16px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
}
.btn-link:hover {
transform: translateY(-2px);
}
.btn-link:active {
transform: translateY(0px);
}
.btn-link:hover {
color: #0f5096;
}
.btn-more {
width: 40px;
height: 40px;
border-radius: 8px;
border: none;
background: #ffffff;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.btn-more {
width: 100%;
height: auto;
}
}
.btn-more::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
93.09deg,
rgba(37, 124, 198, 0.05) 0.42%,
rgba(15, 110, 186, 0.05) 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 8px;
}
.btn-more:hover {
border-color: rgba(37, 124, 198, 0.3);
transform: translateY(-2px);
box-shadow: 0px 4px 12px rgba(37, 124, 198, 0.15);
}
.btn-more:hover::before {
opacity: 1;
}
.btn-more:hover svg path {
fill: #257cc6;
}
@media only screen and (max-width: 767px) {
.btn-more:hover {
transform: none;
}
}
.btn-more:active {
transform: translateY(0);
box-shadow: 0px 2px 6px rgba(37, 124, 198, 0.1);
}
.btn-more:focus-visible {
outline: 2px solid rgba(37, 124, 198, 0.5);
outline-offset: 2px;
}
.btn-more svg {
position: relative;
z-index: 1;
transition: all 0.3s ease;
width: 31px;
height: 6px;
}
.btn-more svg path {
transition: fill 0.3s ease;
fill: #9cacb9;
}
@media only screen and (max-width: 767px) {
.btn-more svg {
display: none;
}
}
.btn-more.compact {
width: 36px;
height: 36px;
border-radius: 6px;
}
.btn-more.minimal {
border: none;
background: transparent;
width: 36px;
height: 36px;
}
.btn-more.minimal:hover {
background: #f8fafc;
border-color: transparent;
box-shadow: none;
}
.btn-back {
width: 40px;
height: 40px;
border-radius: 8px;
border: none;
background: #ffffff;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
background: white;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
border-radius: 50%;
width: 50px;
height: 50px;
}
@media only screen and (max-width: 767px) {
.btn-back {
width: 100%;
height: auto;
}
}
.btn-back::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
93.09deg,
rgba(37, 124, 198, 0.05) 0.42%,
rgba(15, 110, 186, 0.05) 100%);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 8px;
}
.btn-back:hover {
border-color: rgba(37, 124, 198, 0.3);
transform: translateY(-2px);
box-shadow: 0px 4px 12px rgba(37, 124, 198, 0.15);
}
.btn-back:hover::before {
opacity: 1;
}
.btn-back:hover svg path {
fill: #257cc6;
}
@media only screen and (max-width: 767px) {
.btn-back:hover {
transform: none;
}
}
.btn-back:active {
transform: translateY(0);
box-shadow: 0px 2px 6px rgba(37, 124, 198, 0.1);
}
.btn-back:focus-visible {
outline: 2px solid rgba(37, 124, 198, 0.5);
outline-offset: 2px;
}
.btn-back svg {
position: relative;
z-index: 1;
transition: all 0.3s ease;
width: 31px;
height: 6px;
}
.btn-back svg path {
transition: fill 0.3s ease;
fill: #9cacb9;
}
@media only screen and (max-width: 767px) {
.btn-back svg {
display: none;
}
}
.btn-back.compact {
width: 36px;
height: 36px;
border-radius: 6px;
}
.btn-back.minimal {
border: none;
background: transparent;
width: 36px;
height: 36px;
}
.btn-back.minimal:hover {
background: #f8fafc;
border-color: transparent;
box-shadow: none;
}
@media only screen and (max-width: 767px) {
.btn-back {
width: 50px;
height: 50px;
}
}
.btn-back svg {
width: 24px;
height: 24px;
}
@media only screen and (max-width: 767px) {
.btn-back svg {
display: block;
}
}
.btn-back svg path {
fill: #33363f;
}
.form-input {
background: rgba(255, 255, 255, 0.3);
border: 1px solid #cbd5e1;
width: 100%;
padding: 15px 20px;
border-radius: 6px;
font-weight: 400;
color: #0f172a;
font-size: 16px;
font-family: "Inter";
transition: all 0.2s ease;
}
.form-input:focus {
outline: none;
border-color: #949ba4;
background: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 3px rgba(148, 155, 164, 0.1);
}
.form-input::placeholder {
color: rgba(148, 155, 164, 0.7);
}
.form-label {
display: block;
font-weight: 500;
color: #072f51;
margin-bottom: 5px;
font-size: 14px;
}
.form-group {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.form-control {
background: rgba(255, 255, 255, 0.3);
border: 1px solid #cbd5e1;
width: 100%;
padding: 15px 20px;
border-radius: 6px;
font-weight: 400;
color: #0f172a;
font-size: 16px;
font-family: "Inter";
transition: all 0.2s ease;
width: -webkit-fill-available;
}
.form-control:focus {
outline: none;
border-color: #949ba4;
background: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 3px rgba(148, 155, 164, 0.1);
}
.form-control::placeholder {
color: rgba(148, 155, 164, 0.7);
}
.FinalModel {
background: #ffffff;
box-shadow: 0px 18px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 25px;
line-height: 1.25;
}
.FinalModel h2 {
color: #04101b !important;
opacity: 1 !important;
margin-top: 50px;
}
@media only screen and (max-width: 991px) {
.FinalModel h2 {
margin-top: 36px;
}
}
@media only screen and (max-width: 767px) {
.FinalModel h2 {
margin-top: 28px;
}
}
@media only screen and (max-width: 375px) {
.FinalModel h2 {
margin-top: 20px;
}
}
.FinalModel h2 {
padding: 0 15px;
}
.model-row {
border-bottom: 1px solid #e8e8e8;
padding: 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.model-row:last-of-type {
border-bottom: none;
}
@media only screen and (max-width: 767px) {
.model-row {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 12px 10px;
gap: 6px;
}
}
.model-row span {
color: rgba(0, 0, 0, 0.7);
font-size: 16px;
white-space: nowrap;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
}
.model-row b {
color: #072f51;
font-weight: 500;
font-size: 18px;
text-align: right;
flex: 0 0 auto;
}
.model-row.documents {
align-items: flex-start;
justify-content: flex-start;
gap: 100px;
}
.model-row.documents span {
max-width: 100px;
}
.drop-zone {
border: 2px dashed rgba(20, 113, 188, 0.32);
border-radius: 8px;
padding: 20px 40px;
text-align: center;
background: #fbfbfc;
transition: all 0.3s ease;
cursor: pointer;
width: -webkit-fill-available;
margin-top: 10px;
}
.drop-zone:hover {
border-color: #9ca3af;
background: #f9fafb;
}
.drop-zone.dragging {
border-color: #3b82f6;
background: #eff6ff;
}
.drop-zone .drop-icon {
margin-bottom: 12px;
}
.drop-zone .drop-text {
font-size: 16px;
font-weight: 500;
color: #000000;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.file-list {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}
.file-item {
display: flex;
align-items: center;
padding: 12px 16px;
background: rgba(119, 193, 30, 0.1);
border-radius: 6px;
transition: all 0.2s ease;
gap: 10px;
}
.file-item .file-item-icon {
width: 26px;
height: 26px;
}
.file-item .file-item-icon img {
width: 26px;
height: 26px;
}
.file-item .file-item-info {
flex: 1;
min-width: 0;
display: flex;
gap: 8px;
align-items: center;
}
.file-item .file-item-name {
font-size: 16px;
font-weight: 600;
color: #072f51;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.file-item .file-item-size {
font-size: 14px;
color: rgba(0, 0, 0, 0.7);
}
.file-item .file-item-remove {
width: 24px;
height: 24px;
border: none;
background: none;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: all 0.2s ease;
flex-shrink: 0;
margin-left: 10px;
}
.file-item .file-item-remove:hover {
background: #f3f4f6;
color: #ef4444;
}
.file-item.uploading {
opacity: 0.8;
transform: translateY(-1px);
}
.file-item .file-item-remove {
margin-left: 8px;
}
.filters .mat-mdc-form-field {
width: 100%;
}
.filters .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
display: none !important;
}
.filters .mat-mdc-form-field .mat-mdc-form-field-infix {
padding: 0 !important;
border: 0 !important;
min-height: 48px !important;
height: 48px !important;
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.filters .mat-mdc-form-field .mat-mdc-form-field-infix {
min-height: 44px !important;
height: 44px !important;
}
}
.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper {
background: #f7f7f7;
border: 1px solid transparent;
border-radius: 5px;
height: 48px !important;
padding: 0 !important;
}
@media only screen and (max-width: 767px) {
.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper {
height: 44px !important;
}
}
.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper:focus-within,
.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper:active,
.filters .mat-mdc-form-field .mat-mdc-text-field-wrapper:focus {
background: #f7f7f7;
border-color: #949ba4;
border: 1px solid #949ba4;
box-shadow: 0 0 0 3px rgba(148, 155, 164, 0.1);
}
.filters .mat-mdc-form-field .mat-mdc-form-field-flex {
height: 48px !important;
align-items: center;
padding: 0 12px !important;
}
@media only screen and (max-width: 767px) {
.filters .mat-mdc-form-field .mat-mdc-form-field-flex {
height: 44px !important;
padding: 0 10px !important;
}
}
.filters .mat-mdc-form-field .mdc-floating-label {
display: none !important;
}
.filters .mat-mdc-form-field .mat-mdc-input-element {
height: 48px !important;
padding: 0 8px !important;
font-size: 16px;
color: #072f51;
}
@media only screen and (max-width: 767px) {
.filters .mat-mdc-form-field .mat-mdc-input-element {
height: 44px !important;
font-size: 14px;
}
}
.filters .mat-mdc-form-field .mdc-line-ripple {
display: none !important;
}
.filters .mat-mdc-form-field .mat-mdc-form-field-focus-overlay {
display: none !important;
}
.filters .mat-mdc-form-field .mdc-icon-button:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background: url(/assets/images/calendar.svg);
margin: 0px auto;
top: 50%;
transform: translateY(-50%);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.filters .mat-mdc-form-field .mdc-icon-button svg {
display: none;
}
.custom-table {
width: 100%;
border-collapse: separate;
margin-top: 20px;
border-spacing: 0 10px;
}
@media only screen and (max-width: 767px) {
.custom-table thead {
display: none;
}
}
.custom-table thead tr th {
padding: 14px 18px;
text-align: left;
font-weight: 600;
font-size: 15px;
color: rgba(0, 0, 0, 0.7);
white-space: nowrap;
}
.custom-table tbody tr {
background: #ffffff;
box-shadow: 0px 15px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 8px;
overflow: hidden;
display: table-row;
transition: 0.2s;
border-radius: 10px;
}
.custom-table tbody tr:hover {
background: #f7fafc;
}
@media only screen and (max-width: 767px) {
.custom-table tbody tr {
display: block;
margin-bottom: 18px;
padding: 15px;
}
}
.custom-table tbody tr td {
padding: 16px 18px;
font-size: 15px;
font-weight: 500;
color: #072f51;
vertical-align: middle;
border-bottom: 1px solid #f1f3f5;
}
@media only screen and (max-width: 767px) {
.custom-table tbody tr td {
display: flex;
justify-content: flex-start;
padding: 8px 0;
border-bottom: none;
}
.custom-table tbody tr td::before {
content: attr(data-label);
font-weight: 600;
color: #072f51;
font-size: 13px;
text-transform: uppercase;
opacity: 0.7;
}
}
.custom-table tbody tr td:last-child {
border-bottom: none;
border-radius: 0px 10px 10px 0px;
}
.custom-table tbody tr td:first-child {
border-radius: 10px 0px 0px 10px;
}
@media only screen and (max-width: 767px) {
.custom-table .btn-more {
width: 100%;
height: auto;
background: #3d7ac421;
padding: 14px 10px;
font-size: 16px;
font-weight: 600;
}
}
.custom-table.payment-table .custom-table * {
box-shadow: none;
}
.btn-menu {
background: #f8fafc;
border: 2px solid #e2e8f0;
border-radius: 12px;
width: 50px;
height: 50px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
}
.btn-menu::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
opacity: 0;
transition: opacity 0.3s ease;
}
.btn-menu::after {
content: "";
position: absolute;
inset: 0;
border-radius: 12px;
background: rgba(102, 126, 234, 0.4);
transform: scale(0);
opacity: 0;
}
.btn-menu:hover {
transform: scale(1.05);
border-color: #667eea;
box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}
.btn-menu:focus-visible {
outline: 2px solid #667eea;
outline-offset: 2px;
}
.btn-menu:focus {
outline: none;
}
.btn-menu:active {
transform: scale(0.95);
}
.btn-menu:active::after {
animation: ripple 0.6s ease-out;
}
.btn-menu.open {
border-color: #764ba2;
}
.btn-menu.open::before {
opacity: 1;
}
.btn-menu.open svg {
transform: rotate(180deg);
}
.btn-menu.open svg path {
stroke: white;
}
.btn-menu.open svg path:nth-child(1) {
d: path("M19 12L5 12");
transform: rotate(45deg);
transform-origin: center;
}
.btn-menu.open svg path:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.btn-menu.open svg path:nth-child(3) {
d: path("M19 12L5 12");
transform: rotate(-45deg);
transform-origin: center;
}
.btn-menu svg {
position: relative;
z-index: 1;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-menu svg path,
.btn-menu svg .line {
transition: all 0.32s cubic-bezier(0.4, 0, 0.2, 1);
stroke: #04101B;
transform-origin: 12px 12px;
will-change: transform, opacity;
}
.btn-menu svg .line1 {
opacity: 1;
transform: translateY(0) rotate(0);
}
.btn-menu svg .line2 {
opacity: 1;
transform: translateY(0) rotate(0);
}
.btn-menu svg .line3 {
opacity: 1;
transform: translateY(0) rotate(0);
}
.auth-page {
width: 100%;
height: 100%;
display: block;
min-height: 90dvh;
background:
linear-gradient(
180deg,
rgba(215, 231, 244, 0.5) -4.38%,
rgba(251, 251, 251, 0.5) 68.16%);
background-image: url(/assets/images/bg.png);
background-size: cover;
background-position: bottom;
}
@media only screen and (max-width: 767px) {
.auth-page {
min-height: unset;
background-position: right;
}
}
.auth-card-wrapper {
height: 100%;
display: block;
min-height: 90dvh;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 767px) {
.auth-card-wrapper {
min-height: unset;
align-items: flex-start;
justify-content: flex-start;
}
}
.auth-card {
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 4px 45px 0px rgba(54, 113, 33, 0.08);
padding: 70px 50px 50px 50px;
max-width: 650px;
position: relative;
left: 50px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
min-width: 650px;
justify-content: space-between;
height: 70vh;
margin: auto 0;
top: 40px;
}
@media only screen and (max-width: 767px) {
.auth-card {
padding: 40px 25px 30px 25px;
}
}
@media (max-width: 1550px) and (min-width: 992px) {
.auth-card {
padding: 40px 30px 30px 30px;
left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.auth-card {
max-width: 550px;
min-width: 550px;
left: 30px;
top: 0px;
bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
.auth-card {
width: 100%;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.auth-card.change-password-card {
top: 10px;
transform: unset;
}
}
@media only screen and (max-width: 767px) {
.auth-card {
left: 0;
right: 0;
bottom: 0;
padding: 50px 70px;
min-width: unset;
margin: 0px 20px 0px 20px;
margin-top: 30px;
}
}
@media (max-width: 576px) {
.auth-card {
left: 0;
right: 0;
bottom: auto;
margin: 20px 12px 24px 12px;
padding: 45px 30px;
height: auto;
min-height: auto;
gap: 14px;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15);
border-radius: 12px;
}
}
@media (max-height: 600px) {
.auth-card {
height: auto;
}
}
.auth-card h3 {
font-size: 32px;
font-weight: 600;
color: #072f51;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.auth-card h3 {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.auth-card h3 {
font-size: 24px;
}
}
@media (max-width: 576px) {
.auth-card h3 {
font-size: 20px;
}
}
.auth-form-wrapper {
width: 100%;
max-width: 600px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 15px;
}
@media only screen and (max-width: 767px) {
.auth-form-wrapper {
max-width: 100%;
gap: 15px;
}
}
.login-page {
width: 100%;
height: 100%;
display: block;
min-height: 90dvh;
background:
linear-gradient(
180deg,
rgba(215, 231, 244, 0.5) -4.38%,
rgba(251, 251, 251, 0.5) 68.16%);
background-image: url(/assets/images/bg.png);
background-size: cover;
background-position: bottom;
}
@media only screen and (max-width: 767px) {
.login-page {
min-height: unset;
background-position: right;
}
}
.login-page .loginWrapper {
height: 100%;
display: block;
min-height: 90dvh;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 767px) {
.login-page .loginWrapper {
min-height: unset;
align-items: flex-start;
justify-content: flex-start;
}
}
.login-page .login-card {
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 4px 45px 0px rgba(54, 113, 33, 0.08);
padding: 70px 50px 50px 50px;
max-width: 650px;
position: relative;
left: 50px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
min-width: 650px;
justify-content: space-between;
height: 70vh;
margin: auto 0;
top: 40px;
}
@media only screen and (max-width: 767px) {
.login-page .login-card {
padding: 40px 25px 30px 25px;
}
}
@media (max-width: 1550px) and (min-width: 992px) {
.login-page .login-card {
padding: 40px 30px 30px 30px;
left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.login-page .login-card {
max-width: 550px;
min-width: 550px;
left: 30px;
top: 0px;
bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
.login-page .login-card {
width: 100%;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.login-page .login-card.change-password-card {
top: 10px;
transform: unset;
}
}
@media only screen and (max-width: 767px) {
.login-page .login-card {
left: 0;
right: 0;
bottom: 0;
padding: 50px 70px;
min-width: unset;
margin: 0px 20px 0px 20px;
margin-top: 30px;
}
}
@media (max-width: 576px) {
.login-page .login-card {
left: 0;
right: 0;
bottom: auto;
margin: 20px 12px 24px 12px;
padding: 45px 30px;
height: auto;
min-height: auto;
gap: 14px;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15);
border-radius: 12px;
}
}
@media (max-height: 600px) {
.login-page .login-card {
height: auto;
}
}
.login-page .login-card h3 {
font-size: 32px;
font-weight: 600;
color: #072f51;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.login-page .login-card h3 {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.login-page .login-card h3 {
font-size: 24px;
}
}
@media (max-width: 576px) {
.login-page .login-card h3 {
font-size: 20px;
}
}
.login-page .formWrapper {
width: 100%;
max-width: 600px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 15px;
}
@media only screen and (max-width: 767px) {
.login-page .formWrapper {
max-width: 100%;
gap: 15px;
}
}
.login-page .formWrapper .form-group {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.login-page .formWrapper .loginBtn {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
margin-top: 30px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.login-page .formWrapper .loginBtn {
margin-top: 20px;
gap: 15px;
margin-bottom: 40px;
}
}
.login-page .formWrapper .loginBtn button {
padding: 14px 80px;
}
@media only screen and (max-width: 767px) {
.login-page .formWrapper .loginBtn button {
padding: 12px 40px;
width: 100%;
}
}
.login-page .formWrapper .notRegWrap {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 5px;
font-size: 16px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.login-page .formWrapper .notRegWrap {
font-size: 14px;
}
}
.login-page .formWrapper .rememberMe {
margin-top: 10px;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.login-page .formWrapper .rememberMe {
justify-content: flex-start;
}
}
.login-page .formWrapper .rememberMe mat-slide-toggle .mdc-form-field {
gap: 10px;
}
.login-page .formWrapper .rememberMe mat-slide-toggle button.mdc-switch--selected .mdc-switch__track::after {
background: rgba(37, 124, 198, 0.62);
}
.login-page .formWrapper .rememberMe mat-slide-toggle button.mdc-switch--selected:enabled .mdc-switch__handle::after {
background: #ffffff;
}
.login-page .formWrapper .rememberMe mat-slide-toggle button.mdc-switch--unselected .mdc-switch__track::before {
border: none;
}
.login-page .formWrapper .rememberMe mat-slide-toggle button .mdc-switch__handle-track .mdc-switch__icons svg {
display: none;
}
.login-page .formWrapper .rememberMe mat-slide-toggle label {
font-size: 15px;
font-weight: 500;
color: #000000;
}
@media only screen and (max-width: 767px) {
.login-page .formWrapper .rememberMe mat-slide-toggle label {
font-size: 14px;
}
}
.login-page .forgotPsw a {
outline: none;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
padding: 0;
height: auto;
color: #1471bc;
font-size: 16px;
font-weight: 500;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
}
.login-page .forgotPsw a:hover {
transform: translateY(-2px);
}
.login-page .forgotPsw a:active {
transform: translateY(0px);
}
.login-page .forgotPsw a:hover {
color: #0f5096;
}
.forgot-page {
width: 100%;
height: 100%;
display: block;
min-height: 90dvh;
background:
linear-gradient(
180deg,
rgba(215, 231, 244, 0.5) -4.38%,
rgba(251, 251, 251, 0.5) 68.16%);
background-image: url(/assets/images/bg.png);
background-size: cover;
background-position: bottom;
}
@media only screen and (max-width: 767px) {
.forgot-page {
min-height: unset;
background-position: right;
}
}
.forgot-page .forgotWrapper {
height: 100%;
display: block;
min-height: 90dvh;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 767px) {
.forgot-page .forgotWrapper {
min-height: unset;
align-items: flex-start;
justify-content: flex-start;
}
}
.forgot-page .forgot-card {
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 4px 45px 0px rgba(54, 113, 33, 0.08);
padding: 70px 50px 50px 50px;
max-width: 650px;
position: relative;
left: 50px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
min-width: 650px;
justify-content: space-between;
height: 70vh;
margin: auto 0;
top: 40px;
}
@media only screen and (max-width: 767px) {
.forgot-page .forgot-card {
padding: 40px 25px 30px 25px;
}
}
@media (max-width: 1550px) and (min-width: 992px) {
.forgot-page .forgot-card {
padding: 40px 30px 30px 30px;
left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.forgot-page .forgot-card {
max-width: 550px;
min-width: 550px;
left: 30px;
top: 0px;
bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
.forgot-page .forgot-card {
width: 100%;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.forgot-page .forgot-card.change-password-card {
top: 10px;
transform: unset;
}
}
@media only screen and (max-width: 767px) {
.forgot-page .forgot-card {
left: 0;
right: 0;
bottom: 0;
padding: 50px 70px;
min-width: unset;
margin: 0px 20px 0px 20px;
margin-top: 30px;
}
}
@media (max-width: 576px) {
.forgot-page .forgot-card {
left: 0;
right: 0;
bottom: auto;
margin: 20px 12px 24px 12px;
padding: 45px 30px;
height: auto;
min-height: auto;
gap: 14px;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15);
border-radius: 12px;
}
}
@media (max-height: 600px) {
.forgot-page .forgot-card {
height: auto;
}
}
.forgot-page .forgot-card h3 {
font-size: 32px;
font-weight: 600;
color: #072f51;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.forgot-page .forgot-card h3 {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.forgot-page .forgot-card h3 {
font-size: 24px;
}
}
@media (max-width: 576px) {
.forgot-page .forgot-card h3 {
font-size: 20px;
}
}
.forgot-page .login-wrap {
width: 100%;
max-width: 600px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 15px;
}
@media only screen and (max-width: 767px) {
.forgot-page .login-wrap {
max-width: 100%;
gap: 15px;
}
}
.forgot-page .login-wrap h3 {
font-size: 32px;
font-weight: 600;
color: #072f51;
margin: 0 0 20px 0;
}
@media only screen and (max-width: 1024px) {
.forgot-page .login-wrap h3 {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.forgot-page .login-wrap h3 {
font-size: 24px;
margin: 0 0 15px 0;
}
}
.forgot-page .login-wrap .form-group {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.forgot-page .login-wrap .form-group button {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #fbfbfb;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 14px 45px;
height: 50px;
width: auto;
width: 100%;
margin-top: 20px;
}
.forgot-page .login-wrap .form-group button:hover {
transform: translateY(-2px);
}
.forgot-page .login-wrap .form-group button:active {
transform: translateY(0px);
}
.forgot-page .login-wrap .form-group button:hover {
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
.forgot-page .login-wrap .form-group button {
margin-top: 15px;
}
}
.forgot-page .login-wrap .errors {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.forgot-page .login-wrap .errors .error-feedback {
color: #d32f2f;
font-size: 13px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.forgot-page .login-wrap .errors .error-feedback {
font-size: 12px;
}
}
.forgot-page .login-wrap .errors .error-feedback p {
margin: 0px;
}
.forgot-page .login-wrap .success-message {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 767px) {
.forgot-page .login-wrap .success-message {
gap: 12px;
}
}
.forgot-page .login-wrap .success-message label {
font-weight: 500;
color: #072f51;
}
@media only screen and (max-width: 767px) {
.forgot-page .login-wrap .success-message label {
font-size: 14px;
}
}
.forgot-page .login-wrap .success-message button {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #fbfbfb;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 14px 45px;
height: 50px;
width: auto;
}
.forgot-page .login-wrap .success-message button:hover {
transform: translateY(-2px);
}
.forgot-page .login-wrap .success-message button:active {
transform: translateY(0px);
}
.forgot-page .login-wrap .success-message button:hover {
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}
.register-page {
width: 100%;
height: 100%;
display: block;
min-height: 90dvh;
background:
linear-gradient(
180deg,
rgba(215, 231, 244, 0.5) -4.38%,
rgba(251, 251, 251, 0.5) 68.16%);
background-image: url(/assets/images/bg.png);
background-size: cover;
background-position: bottom;
}
@media only screen and (max-width: 767px) {
.register-page {
min-height: unset;
background-position: right;
}
}
.register-page .registerWrapper {
height: 100%;
display: block;
min-height: 90dvh;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 767px) {
.register-page .registerWrapper {
min-height: unset;
align-items: flex-start;
justify-content: flex-start;
}
}
.register-page .register-card {
background: #ffffff;
border-radius: 20px;
box-shadow: 0px 4px 45px 0px rgba(54, 113, 33, 0.08);
padding: 70px 50px 50px 50px;
max-width: 650px;
position: relative;
left: 50px;
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
min-width: 650px;
justify-content: space-between;
height: 70vh;
margin: auto 0;
top: 40px;
max-width: 700px;
bottom: auto;
height: 76vh;
justify-content: center;
padding: 40px 50px 70px 50px;
}
@media only screen and (max-width: 767px) {
.register-page .register-card {
padding: 40px 25px 30px 25px;
}
}
@media (max-width: 1550px) and (min-width: 992px) {
.register-page .register-card {
padding: 40px 30px 30px 30px;
left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.register-page .register-card {
max-width: 550px;
min-width: 550px;
left: 30px;
top: 0px;
bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
.register-page .register-card {
width: 100%;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
margin: auto;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.register-page .register-card.change-password-card {
top: 10px;
transform: unset;
}
}
@media only screen and (max-width: 767px) {
.register-page .register-card {
left: 0;
right: 0;
bottom: 0;
padding: 50px 70px;
min-width: unset;
margin: 0px 20px 0px 20px;
margin-top: 30px;
}
}
@media (max-width: 576px) {
.register-page .register-card {
left: 0;
right: 0;
bottom: auto;
margin: 20px 12px 24px 12px;
padding: 45px 30px;
height: auto;
min-height: auto;
gap: 14px;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15);
border-radius: 12px;
}
}
@media (max-height: 600px) {
.register-page .register-card {
height: auto;
}
}
.register-page .register-card h3 {
font-size: 32px;
font-weight: 600;
color: #072f51;
margin: 0;
}
@media only screen and (max-width: 1024px) {
.register-page .register-card h3 {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.register-page .register-card h3 {
font-size: 24px;
}
}
@media (max-width: 576px) {
.register-page .register-card h3 {
font-size: 20px;
}
}
@media (max-width: 1550px) and (min-width: 992px) {
.register-page .register-card {
height: auto;
top: 90px;
}
}
@media only screen and (max-width: 991px) {
.register-page .register-card {
top: 100px;
transform: none;
height: auto;
}
}
@media only screen and (max-width: 767px) {
.register-page .register-card {
top: 80px;
}
}
.register-page .register-card .loginBtn {
margin-top: 30px;
}
.register-page .login-wrap {
width: 100%;
max-width: 600px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 15px;
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap {
max-width: 100%;
gap: 15px;
}
}
.register-page .login-wrap .form-row {
display: flex;
gap: 16px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap .form-row {
flex-direction: column;
gap: 15px;
}
}
.register-page .login-wrap .form-row .form-group {
flex: 1;
}
.register-page .login-wrap .form-row .form-group.form-group--narrow {
flex: 0 0 120px;
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap .form-row .form-group.form-group--narrow {
flex: unset;
}
}
.register-page .login-wrap h3 {
font-size: 32px;
font-weight: 600;
color: #072f51;
margin: 0 0 20px 0;
}
@media only screen and (max-width: 1024px) {
.register-page .login-wrap h3 {
font-size: 28px;
}
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap h3 {
font-size: 24px;
margin: 0 0 15px 0;
}
}
.register-page .login-wrap .form-group {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
width: 100%;
}
.register-page .login-wrap .form-group input {
background: rgba(255, 255, 255, 0.3);
border: 1px solid #cbd5e1;
width: 100%;
padding: 15px 20px;
border-radius: 6px;
font-weight: 400;
color: #0f172a;
font-size: 16px;
font-family: "Inter";
transition: all 0.2s ease;
width: -webkit-fill-available;
}
.register-page .login-wrap .form-group input:focus {
outline: none;
border-color: #949ba4;
background: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 3px rgba(148, 155, 164, 0.1);
}
.register-page .login-wrap .form-group input::placeholder {
color: rgba(148, 155, 164, 0.7);
}
.register-page .login-wrap .form-group button {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #fbfbfb;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 14px 45px;
height: 50px;
width: auto;
width: 100%;
margin-top: 30px;
}
.register-page .login-wrap .form-group button:hover {
transform: translateY(-2px);
}
.register-page .login-wrap .form-group button:active {
transform: translateY(0px);
}
.register-page .login-wrap .form-group button:hover {
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap .form-group button {
margin-top: 20px;
}
}
.register-page .login-wrap .errors {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.register-page .login-wrap .errors .error-feedback {
color: #d32f2f;
font-size: 13px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap .errors .error-feedback {
font-size: 12px;
}
}
.register-page .login-wrap .errors .error-feedback p {
margin: 0px;
}
.register-page .login-wrap .success-message {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap .success-message {
gap: 12px;
}
}
.register-page .login-wrap .success-message label {
font-weight: 500;
color: #072f51;
}
@media only screen and (max-width: 767px) {
.register-page .login-wrap .success-message label {
font-size: 14px;
}
}
.register-page .login-wrap .success-message button {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #fbfbfb;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 14px 45px;
height: 50px;
width: auto;
}
.register-page .login-wrap .success-message button:hover {
transform: translateY(-2px);
}
.register-page .login-wrap .success-message button:active {
transform: translateY(0px);
}
.register-page .login-wrap .success-message button:hover {
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}
.loginDescription {
margin: 0px 0px 20px 0px;
font-size: 13px;
text-align: center;
padding: 0px 50px;
font-weight: 400;
}
@media only screen and (max-width: 991px) {
.loginDescription {
padding: 0px 30px;
}
}
@media only screen and (max-width: 767px) {
.loginDescription {
font-size: 12px;
padding: 0px 20px;
margin: 0px 0px 15px 0px;
}
}
@media only screen and (max-width: 375px) {
.loginDescription {
font-size: 11px;
}
}
html,
body {
margin: 0px;
box-sizing: border-box;
font-family: "Inter";
font-size: 16px;
width: 100%;
height: 100%;
}
.t1 {
margin: 0px;
}
#siteWrap {
height: 100%;
}
#siteWrap app-root {
height: 100%;
display: block;
}
.mainView,
.application-wrap {
width: 100%;
height: 100vh;
}
@media only screen and (max-width: 767px) {
.mainView,
.application-wrap {
width: auto;
height: 100vh;
}
}
.application-wrap {
width: 100%;
display: flex;
}
@media only screen and (max-width: 767px) {
.application-wrap {
min-height: 100vh;
}
}
.application-wrap .container {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0;
display: flex;
}
.application-wrap .applicationDiv {
display: flex;
width: 100%;
height: 100%;
min-height: 100vh;
position: relative;
}
@media only screen and (max-width: 767px) {
.application-wrap .applicationDiv {
flex-direction: column;
min-height: 100vh;
}
}
.application-wrap .sideStepper {
width: 260px;
min-width: 260px;
background:
linear-gradient(
0deg,
#D7E7F4 33.7%,
#FFFFFF 82.34%);
padding: 20px 0px 40px 45px;
position: fixed;
left: 0;
top: 95px;
bottom: 0;
right: auto;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.application-wrap .sideStepper {
width: 220px;
min-width: 220px;
padding: 30px 0px 30px 25px;
top: 85px;
}
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper {
top: 66px;
width: -webkit-fill-available;
max-width: unset;
min-width: unset;
padding: 20px;
transform: translateX(-100%);
transition: transform 0.25s ease;
z-index: 8;
}
}
.application-wrap .sideStepper::before {
content: "";
position: absolute;
top: -19px;
bottom: 0;
right: -75px;
background: transparent;
height: 100vh;
width: 75px;
box-shadow: -15px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper::before {
display: none;
}
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper.is-open {
transform: translateX(0);
}
}
.application-wrap .sideStepper:after {
content: "";
position: absolute;
top: auto;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
z-index: -1;
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
background-image: url(/assets/images/SideMenu.svg);
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper:after {
display: none;
}
}
.application-wrap .sideStepper .mainList {
display: flex;
flex-direction: column;
gap: 15px;
height: 100%;
justify-content: space-between;
align-items: flex-start;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList {
height: 100%;
gap: 10px;
}
}
.application-wrap .sideStepper .mainList > div {
width: 100%;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList > div {
width: 100%;
}
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList .visible-xs {
display: block !important;
}
}
.application-wrap .sideStepper .mainList .welcomeWrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(203, 213, 225, 0.3);
margin-bottom: 15px;
padding-right: 25px;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList .welcomeWrap {
padding-bottom: 15px;
margin-bottom: 10px;
padding-right: 0;
}
}
.application-wrap .sideStepper .mainList .welcomeWrap h3 {
font-weight: 400;
margin: 0px;
font-size: 15px;
color: #64748b;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList .welcomeWrap h3 {
font-size: 13px;
}
}
.application-wrap .sideStepper .mainList .welcomeWrap span {
font-size: 18px;
font-weight: 600;
color: #072f51;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList .welcomeWrap span {
font-size: 16px;
}
}
.application-wrap .sideStepper .mainList .welcomeWrap a {
width: 42px;
height: 42px;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList .welcomeWrap a {
width: 36px;
height: 36px;
}
}
.application-wrap .sideStepper .mainList ul {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList ul {
width: 100%;
gap: 8px;
}
}
.application-wrap .sideStepper .mainList ul button.btn-primary {
width: 100%;
margin-top: 20px;
}
.application-wrap .sideStepper .mainList ul a {
display: flex;
align-items: center;
gap: 20px;
padding: 12px 16px;
border-radius: 8px;
color: #072f51;
opacity: 0.4;
font-weight: 400;
font-size: 20px;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
}
@media only screen and (max-width: 1024px) {
.application-wrap .sideStepper .mainList ul a {
font-size: 18px;
gap: 15px;
padding: 10px 12px;
}
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList ul a {
font-size: 16px;
gap: 12px;
padding: 8px 10px;
}
}
@media only screen and (max-width: 767px) {
.application-wrap .sideStepper .mainList ul a {
font-size: 16px;
padding: 12px 16px;
gap: 15px;
}
}
.application-wrap .sideStepper .mainList ul a:hover {
opacity: 1;
font-weight: 600;
}
.application-wrap .sideStepper .mainList ul a:hover svg path {
stroke: #072f51;
}
.application-wrap .sideStepper .mainList ul a.active {
background: rgba(20, 113, 188, 0.08);
color: #072f51;
font-weight: 600;
opacity: 1;
}
.application-wrap .sideStepper .mainList ul a.active svg path {
stroke: #072f51;
}
.application-wrap .sideStepper .mainList ul a svg {
width: 25px;
height: 25px;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList ul a svg {
width: 20px;
height: 20px;
}
}
.application-wrap .sideStepper .mainList a.btn.btn-link {
font-weight: 400;
color: #072f51;
gap: 15px;
padding-left: 20px;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList a.btn.btn-link {
padding-left: 16px;
font-size: 14px;
}
}
.application-wrap .sideStepper .mainList a.btn.btn-link.mobileOnly {
display: none;
}
@media only screen and (max-width: 991px) {
.application-wrap .sideStepper .mainList a.btn.btn-link.mobileOnly {
display: inline-flex;
}
}
.application-wrap .mainView.logged-in {
flex: 1;
background: #ffffff;
padding: 120px 50px 40px 40px;
z-index: 2;
margin-left: 305px;
height: fit-content;
}
@media only screen and (max-width: 1024px) {
.application-wrap .mainView.logged-in {
margin-left: 240px;
padding: 100px 40px 30px 30px;
}
}
@media only screen and (max-width: 991px) {
.application-wrap .mainView.logged-in {
margin-left: 0;
padding: 25px 20px;
box-shadow: none;
padding-top: 120px;
}
}
.application-wrap .mainView.logged-in h2 {
color: #213a50;
font-weight: 600;
opacity: 0.65;
font-size: 18px;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.application-wrap .mainView.logged-in h2 {
font-size: 16px;
}
}
.application-wrap .mainView.logged-in.change-password {
padding: 70px 0px 20px 0px;
}
.container {
max-width: 1660px;
margin: 0px auto;
}
@media (min-width: 1450px) {
.container {
max-width: 1400px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (min-width: 992px) {
.container {
max-width: 95%;
padding: 0 15px;
}
}
@media only screen and (max-width: 991px) {
.container {
max-width: 100%;
padding: 0 20px;
}
}
.succesReg {
display: flex;
gap: 5px;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.succesReg {
flex-direction: column;
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.menu-backdrop {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, 0.4);
z-index: 6;
}
}
.header {
background: #ffffff;
box-shadow: 0px 6px 28px 0px rgba(0, 0, 0, 0.08);
padding: 10px 0px;
position: fixed;
right: 0;
left: 0;
top: 0;
z-index: 9;
}
@media only screen and (max-width: 767px) {
.header {
padding: 8px 0;
}
}
.header .logo {
display: block;
height: 56px;
width: auto;
max-width: 260px;
}
@media only screen and (max-width: 767px) {
.header .logo {
max-width: 70%;
height: auto;
}
}
.wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
@media only screen and (max-width: 767px) {
.wrap {
gap: 10px;
}
}
.menu-dropdown {
display: flex;
align-items: stretch;
justify-content: center;
gap: 20px;
}
@media only screen and (max-width: 991px) {
.menu-dropdown {
gap: 10px;
display: none;
}
}
.menu-dropdown button {
background: transparent;
border: none;
outline: none;
cursor: pointer;
}
.buttons-right {
display: flex;
align-items: center;
gap: 20px;
}
@media only screen and (max-width: 991px) {
.buttons-right {
gap: 12px;
}
}
@media only screen and (max-width: 767px) {
.buttons-right {
gap: 8px;
}
}
@media only screen and (max-width: 991px) {
.buttons-right button.btn-primary {
display: none;
}
}
.buttons-right button.btn-menu {
display: none;
}
@media only screen and (max-width: 991px) {
.buttons-right button.btn-menu {
display: inline-flex;
}
}
.buttons-right .lng-select,
.buttons-right select {
width: auto;
height: auto;
padding: 10px 16px;
border-radius: 8px;
border: 1px solid #cbd5e1;
font-weight: 500;
font-size: 14px;
background: white;
cursor: pointer;
transition: all 0.2s ease;
}
@media only screen and (max-width: 767px) {
.buttons-right .lng-select,
.buttons-right select {
padding: 8px 12px;
font-size: 13px;
}
}
.buttons-right .lng-select:hover,
.buttons-right select:hover {
border-color: #94a3b8;
}
.buttons-right .lng-select:focus,
.buttons-right select:focus {
outline: none;
border-color: #257cc6;
}
.buttons-right a.top-link {
color: #072f51;
font-weight: 600;
text-decoration: none;
font-size: 18px;
}
@media only screen and (max-width: 991px) {
.buttons-right a.top-link {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.buttons-right a.top-link {
display: none;
}
}
.form-section {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.form-section {
gap: 15px;
}
}
.form-section-footer {
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
align-items: center;
}
@media only screen and (max-width: 767px) {
.form-section-footer {
gap: 12px;
}
}
.form-checkbox-wrapper {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
.form-checkbox-wrapper {
justify-content: flex-start;
}
}
.form-checkbox-wrapper mat-slide-toggle .mdc-form-field {
gap: 10px;
}
.form-checkbox-wrapper mat-slide-toggle button.mdc-switch--selected .mdc-switch__track::after {
background: rgba(37, 124, 198, 0.62);
}
.form-checkbox-wrapper mat-slide-toggle button.mdc-switch--selected:enabled .mdc-switch__handle::after {
background: #ffffff;
}
.form-checkbox-wrapper mat-slide-toggle button.mdc-switch--unselected .mdc-switch__track::before {
border: none;
}
.form-checkbox-wrapper mat-slide-toggle button .mdc-switch__handle-track .mdc-switch__icons svg {
display: none;
}
.form-checkbox-wrapper mat-slide-toggle label {
font-size: 15px;
font-weight: 500;
color: #000000;
}
@media only screen and (max-width: 767px) {
.form-checkbox-wrapper mat-slide-toggle label {
font-size: 14px;
}
}
.form-actions {
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
margin-top: 30px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.form-actions {
margin-top: 20px;
gap: 15px;
margin-bottom: 40px;
}
}
.form-link-group {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 5px;
font-size: 16px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.form-link-group {
font-size: 14px;
}
}
.error-messages {
display: flex;
flex-direction: column;
gap: 8px;
width: 100%;
}
.error-messages .error-feedback {
color: #d32f2f;
font-size: 13px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.error-messages .error-feedback {
font-size: 12px;
}
}
.error-messages .error-feedback p {
margin: 0px;
}
.success-message {
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 767px) {
.success-message {
gap: 12px;
}
}
.success-message label {
font-weight: 500;
color: #072f51;
}
@media only screen and (max-width: 767px) {
.success-message label {
font-size: 14px;
}
}
.success-message button {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #fbfbfb;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 14px 45px;
height: 50px;
width: auto;
}
.success-message button:hover {
transform: translateY(-2px);
}
.success-message button:active {
transform: translateY(0px);
}
.success-message button:hover {
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}
.filters {
width: 100%;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.filters {
margin-bottom: 20px;
}
}
.filters .searchCard {
background: #ffffff;
box-shadow: 0px 15px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 25px;
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-end;
}
@media only screen and (max-width: 991px) {
.filters .searchCard {
padding: 20px;
gap: 15px;
}
}
@media only screen and (max-width: 767px) {
.filters .searchCard {
flex-direction: column;
align-items: stretch;
padding: 15px;
gap: 12px;
}
}
.filters .filter-field {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
min-width: 200px;
position: relative;
}
@media only screen and (max-width: 991px) {
.filters .filter-field {
min-width: 150px;
}
}
@media only screen and (max-width: 767px) {
.filters .filter-field {
min-width: 100%;
}
}
.filters .filter-field label {
font-weight: 500;
font-size: 14px;
color: #072f51;
height: 20px;
display: block;
height: auto;
}
@media only screen and (max-width: 767px) {
.filters .filter-field label {
font-size: 13px;
}
}
.filters .filter-field small {
color: #d32f2f;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.filters .filter-field small {
font-size: 11px;
}
}
.filters .form-control,
.filters .form-control-dropdown,
.filters .select-control {
background: rgba(255, 255, 255, 0.3);
border: 1px solid #cbd5e1;
width: 100%;
padding: 15px 20px;
border-radius: 6px;
font-weight: 400;
color: #0f172a;
font-size: 16px;
font-family: "Inter";
transition: all 0.2s ease;
padding: 12px 40px 12px 16px;
background: #f7f7f7;
border: 1px solid transparent;
width: auto;
height: 48px;
border-radius: 5px;
}
.filters .form-control:focus,
.filters .form-control-dropdown:focus,
.filters .select-control:focus {
outline: none;
border-color: #949ba4;
background: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 3px rgba(148, 155, 164, 0.1);
}
.filters .form-control::placeholder,
.filters .form-control-dropdown::placeholder,
.filters .select-control::placeholder {
color: rgba(148, 155, 164, 0.7);
}
@media only screen and (max-width: 767px) {
.filters .form-control,
.filters .form-control-dropdown,
.filters .select-control {
height: 44px;
padding: 10px 35px 10px 14px;
font-size: 14px;
}
}
.filters .form-control:focus,
.filters .form-control-dropdown:focus,
.filters .select-control:focus {
background: #f7f7f7;
border-color: #949ba4;
border: 1px solid #949ba4;
box-shadow: 0 0 0 3px rgba(148, 155, 164, 0.1);
}
.filters input.form-control {
height: auto;
padding: 13px 20px;
}
.filters .round-btn {
width: 48px;
height: 48px;
border-radius: 50%;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
.filters .round-btn {
width: 100%;
border-radius: 8px;
height: 44px;
}
}
.filters .round-btn.clear {
background: #ffffff;
border: 1px solid #cbd5e1;
color: #64748b;
}
.filters .round-btn.clear:hover {
background: #f8fafc;
border-color: #94a3b8;
}
.filters .round-btn.search {
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #ffffff;
box-shadow: 0px 4px 12px rgba(37, 124, 198, 0.3);
}
.filters .round-btn.search:hover {
transform: translateY(-2px);
box-shadow: 0px 6px 16px rgba(37, 124, 198, 0.4);
}
@media only screen and (max-width: 767px) {
.filters .round-btn.search:hover {
transform: none;
}
}
.form-control.hasDropdown,
.form-control-dropdown {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23CBD5E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 16px center !important;
}
.form-control.hasDropdown:focus,
.form-control-dropdown:focus,
.form-control.hasDropdown:active,
.form-control-dropdown:active {
outline: none;
border: 1px solid #949ba4;
box-shadow: 0 0 0 3px rgba(148, 155, 164, 0.1);
background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23CBD5E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
}
.filterBtns {
display: flex;
flex-direction: row;
gap: 10px;
}
@media only screen and (max-width: 767px) {
.filterBtns {
flex-direction: column;
gap: 8px;
margin-top: 20px;
}
}
.loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}
.cdk-overlay-pane .mat-mdc-menu-panel {
background: white;
border: none;
border-radius: 8px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 12px 0px;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content {
margin: 0px;
padding: 0px;
}
.no-data {
text-align: center;
padding: 40px 20px;
color: #64748b;
font-size: 15px;
}
@media only screen and (max-width: 767px) {
.no-data {
padding: 30px 15px;
font-size: 14px;
}
}
.mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
display: none;
}
.mdc-line-ripple:before {
display: none;
}
.user-profile-card {
width: 100%;
}
.user-profile-page {
width: 100%;
min-height: calc(100vh - 85px);
}
@media only screen and (max-width: 767px) {
.user-profile-page {
padding: 20px 0;
min-height: 100vh;
}
}
.profile-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.profile-header {
flex-direction: column;
align-items: flex-start;
gap: 15px;
margin-bottom: 20px;
padding-bottom: 15px;
}
}
.profile-header h2 {
font-size: 28px;
font-weight: 600;
color: #072f51;
margin: 0;
padding-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
.profile-header h2 {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.profile-header h2 {
font-size: 22px;
padding-bottom: 10px;
}
}
.profile-header .btn-logout {
flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
.profile-header .btn-logout {
width: 100%;
}
}
.profile-section {
margin-bottom: 40px;
border-bottom: 2px solid rgba(94, 119, 141, 0.2);
}
@media only screen and (max-width: 767px) {
.profile-section {
margin-bottom: 30px;
}
}
.profile-section small {
color: #f33c35;
font-weight: 500;
}
.profile-section:first-of-type {
margin-top: 100px;
}
@media only screen and (max-width: 1024px) {
.profile-section:first-of-type {
margin-top: 60px;
}
}
@media only screen and (max-width: 767px) {
.profile-section:first-of-type {
margin-top: 40px;
}
}
.profile-section.noBorder {
border-bottom: none;
}
.profile-section .errors {
margin-top: 10px;
display: flex;
flex-direction: column;
gap: 8px;
}
.profile-section .errors .error-feedback {
color: #d32f2f;
font-size: 14px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.profile-section .errors .error-feedback {
font-size: 12px;
}
}
.profile-section .form-row {
display: flex;
gap: 80px;
align-items: start;
flex: 1;
width: 100%;
flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
.profile-section .form-row {
gap: 40px;
}
}
@media only screen and (max-width: 991px) {
.profile-section .form-row {
gap: 30px;
}
}
@media (max-width: 600px) {
.profile-section .form-row {
flex-direction: column;
gap: 20px;
}
}
.profile-section .form-row .form-control {
width: -webkit-fill-available;
}
.profile-section .form-row .form-group.smallerWidth {
justify-content: flex-end;
align-items: flex-end;
}
.profile-section .form-row .form-group.smallerWidth select,
.profile-section .form-row .form-group.smallerWidth input {
width: 70%;
}
@media only screen and (max-width: 767px) {
.profile-section .form-row .form-group.smallerWidth select,
.profile-section .form-row .form-group.smallerWidth input {
width: 100%;
}
}
.profile-section .form-group {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
flex: 1;
}
.profile-section .form-group-lbl {
margin: 0;
font-size: 16px;
color: #04101b;
font-weight: 500;
padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
.profile-section .form-group-lbl {
font-size: 15px;
}
}
.profile-actions {
display: flex;
gap: 20px;
justify-content: flex-end;
margin-top: 40px;
padding-top: 30px;
}
@media only screen and (max-width: 991px) {
.profile-actions {
margin-top: 30px;
padding-top: 20px;
}
}
@media (max-width: 600px) {
.profile-actions {
flex-direction: column;
justify-content: stretch;
margin-top: 25px;
padding-top: 20px;
gap: 15px;
}
.profile-actions button {
width: 100%;
}
}
.profile-actions.jusitfy-content-between {
justify-content: space-between;
}
@media (max-width: 600px) {
.profile-actions.jusitfy-content-between {
justify-content: stretch;
}
}
.success-alert {
margin-top: 20px;
padding: 16px 20px;
background: #dcfce7;
border-left: 4px solid #16a34a;
border-radius: 6px;
color: #16a34a;
font-weight: 500;
}
.profile-success-banner {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 22px;
margin-top: 24px;
background:
linear-gradient(
135deg,
rgba(119, 193, 30, 0.07) 0%,
rgba(119, 193, 30, 0.13) 100%);
border: 1px solid rgba(119, 193, 30, 0.28);
border-left: 4px solid #77c11e;
border-radius: 8px;
animation: profileSuccessSlideIn 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.profile-success-banner .success-banner-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.profile-success-banner .success-banner-text {
font-size: 15px;
font-weight: 600;
color: #072f51;
letter-spacing: 0.01em;
}
@keyframes profileSuccessSlideIn {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.topStepper {
margin-bottom: 50px;
padding: 0px 50px;
}
@media only screen and (max-width: 1024px) {
.topStepper {
padding: 0 30px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 991px) {
.topStepper {
padding: 0 20px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.topStepper {
padding: 0 15px;
margin-bottom: 25px;
}
}
.topStepper ul {
margin: 0px;
padding: 0px;
list-style: none;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 100px;
position: relative;
}
@media only screen and (max-width: 1024px) {
.topStepper ul {
gap: 60px;
}
}
@media only screen and (max-width: 991px) {
.topStepper ul {
gap: 30px;
}
}
@media only screen and (max-width: 767px) {
.topStepper ul {
flex-direction: column;
gap: 30px;
}
}
.topStepper ul li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1 1 0;
position: relative;
}
@media only screen and (max-width: 767px) {
.topStepper ul li {
flex-direction: row;
justify-content: flex-start;
gap: 20px;
align-items: center;
}
}
.topStepper ul li .stepBubble {
background: #ffffff;
box-shadow: 0px 15px 35px 0px rgba(214, 214, 214, 0.5);
width: 80px;
height: 80px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
.topStepper ul li .stepBubble {
width: 70px;
height: 70px;
margin-bottom: 12px;
}
}
@media only screen and (max-width: 991px) {
.topStepper ul li .stepBubble {
width: 60px;
height: 60px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.topStepper ul li .stepBubble {
width: 60px;
height: 60px;
margin-bottom: 0;
flex-shrink: 0;
}
}
.topStepper ul li span.line {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
color: #072f51;
opacity: 0.4;
}
@media only screen and (max-width: 1024px) {
.topStepper ul li span.line {
font-size: 15px;
}
}
@media only screen and (max-width: 991px) {
.topStepper ul li span.line {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.topStepper ul li span.line {
font-size: 14px;
margin-bottom: 3px;
}
}
.topStepper ul li p {
font-size: 18px;
font-weight: 600;
margin: 0px;
opacity: 0.4;
color: #072f51;
text-transform: uppercase;
text-align: center;
}
@media only screen and (max-width: 1024px) {
.topStepper ul li p {
font-size: 16px;
}
}
@media only screen and (max-width: 991px) {
.topStepper ul li p {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.topStepper ul li p {
font-size: 14px;
}
}
.topStepper ul li .step-icon {
display: inline-block;
width: 38px;
height: 31px;
background-color: #bdbdbd;
-webkit-mask-size: contain;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-position: center;
}
@media only screen and (max-width: 991px) {
.topStepper ul li .step-icon {
width: 32px;
height: 26px;
}
}
@media only screen and (max-width: 767px) {
.topStepper ul li .step-icon {
width: 30px;
height: 24px;
}
}
.topStepper ul li .step-1 {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='38' height='31' viewBox='0 0 38 31' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38437 27.8559C3.58252 26.9994 2.08893 24.4509 2.08893 19.3748V12.7529L12.7529 2.08893H14.1525L16.2414 0H12.3142C12.0322 0 11.7711 0.114891 11.5727 0.302895L0.302895 11.5831C0.104446 11.7816 0 12.0427 0 12.3247V19.3748C0 26.6443 2.95584 29.9448 9.80753 30.2582C8.84662 29.6106 8.04238 28.8063 7.38437 27.8559Z'/%3E%3Cpath d='M26.6893 0H19.6391C19.3571 0 19.096 0.114891 18.8976 0.302895L7.61735 11.5831C7.42934 11.7816 7.31445 12.0427 7.31445 12.3247V19.3748C7.31445 27.0308 10.5732 30.2895 18.2291 30.2895H26.6893C34.3452 30.2895 37.6039 27.0308 37.6039 19.3748V10.9147C37.6039 3.25873 34.3452 0 26.6893 0ZM27.1593 16.7114H18.8036C18.2291 16.7114 17.7591 16.2414 17.7591 15.667C17.7591 15.0925 18.2291 14.6225 18.8036 14.6225H27.1593C27.7337 14.6225 28.2038 15.0925 28.2038 15.667C28.2038 16.2414 27.7337 16.7114 27.1593 16.7114Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='38' height='31' viewBox='0 0 38 31' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.38437 27.8559C3.58252 26.9994 2.08893 24.4509 2.08893 19.3748V12.7529L12.7529 2.08893H14.1525L16.2414 0H12.3142C12.0322 0 11.7711 0.114891 11.5727 0.302895L0.302895 11.5831C0.104446 11.7816 0 12.0427 0 12.3247V19.3748C0 26.6443 2.95584 29.9448 9.80753 30.2582C8.84662 29.6106 8.04238 28.8063 7.38437 27.8559Z'/%3E%3Cpath d='M26.6893 0H19.6391C19.3571 0 19.096 0.114891 18.8976 0.302895L7.61735 11.5831C7.42934 11.7816 7.31445 12.0427 7.31445 12.3247V19.3748C7.31445 27.0308 10.5732 30.2895 18.2291 30.2895H26.6893C34.3452 30.2895 37.6039 27.0308 37.6039 19.3748V10.9147C37.6039 3.25873 34.3452 0 26.6893 0ZM27.1593 16.7114H18.8036C18.2291 16.7114 17.7591 16.2414 17.7591 15.667C17.7591 15.0925 18.2291 14.6225 18.8036 14.6225H27.1593C27.7337 14.6225 28.2038 15.0925 28.2038 15.667C28.2038 16.2414 27.7337 16.7114 27.1593 16.7114Z'/%3E%3C/svg%3E");
}
.topStepper ul li .step-2 {
width: 33px;
height: 33px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.17 0H9.48498C3.54666 0 0 3.54666 0 9.48498V23.17C0 27.755 2.11166 30.9049 5.80999 32.0949C6.99998 32.4799 8.23665 32.6666 9.48498 32.6549H23.17C24.4183 32.6783 25.655 32.4916 26.845 32.0949C30.555 30.9049 32.6549 27.755 32.6549 23.17V9.48498C32.6549 3.54666 29.1083 0 23.17 0ZM30.2049 23.1583C30.2049 26.6466 28.8283 28.8516 26.075 29.7733C24.0683 26.3316 20.3116 24.2783 16.3333 24.43C12.3433 24.2666 8.59832 26.32 6.59166 29.7733H6.57999C3.84999 28.8866 2.46166 26.67 2.46166 23.1816V9.48498C2.46166 4.87666 4.88832 2.45 9.49665 2.45H23.1816C27.7899 2.45 30.2166 4.87666 30.2166 9.48498V23.17L30.2049 23.1583Z'/%3E%3Cpath d='M16.3352 9.78833C13.1035 9.78833 10.4785 12.4017 10.4785 15.6333C10.4785 18.865 13.0918 21.49 16.3235 21.49C19.5552 21.49 22.1802 18.8766 22.1802 15.645C22.1802 15.645 22.1802 15.645 22.1802 15.6333C22.1802 12.4133 19.5785 9.78833 16.3468 9.78833C16.3468 9.78833 16.3468 9.78833 16.3352 9.78833Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.17 0H9.48498C3.54666 0 0 3.54666 0 9.48498V23.17C0 27.755 2.11166 30.9049 5.80999 32.0949C6.99998 32.4799 8.23665 32.6666 9.48498 32.6549H23.17C24.4183 32.6783 25.655 32.4916 26.845 32.0949C30.555 30.9049 32.6549 27.755 32.6549 23.17V9.48498C32.6549 3.54666 29.1083 0 23.17 0ZM30.2049 23.1583C30.2049 26.6466 28.8283 28.8516 26.075 29.7733C24.0683 26.3316 20.3116 24.2783 16.3333 24.43C12.3433 24.2666 8.59832 26.32 6.59166 29.7733H6.57999C3.84999 28.8866 2.46166 26.67 2.46166 23.1816V9.48498C2.46166 4.87666 4.88832 2.45 9.49665 2.45H23.1816C27.7899 2.45 30.2166 4.87666 30.2166 9.48498V23.17L30.2049 23.1583Z'/%3E%3Cpath d='M16.3352 9.78833C13.1035 9.78833 10.4785 12.4017 10.4785 15.6333C10.4785 18.865 13.0918 21.49 16.3235 21.49C19.5552 21.49 22.1802 18.8766 22.1802 15.645C22.1802 15.645 22.1802 15.645 22.1802 15.6333C22.1802 12.4133 19.5785 9.78833 16.3468 9.78833C16.3468 9.78833 16.3468 9.78833 16.3352 9.78833Z'/%3E%3C/svg%3E");
}
.topStepper ul li .step-3 {
width: 35px;
height: 35px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.9784 0.0126902H26.1835C24.5035 -0.138976 23.0218 1.08602 22.8701 2.76602C22.8584 2.95269 22.8584 3.13935 22.8701 3.32602V8.12101C22.7184 9.80101 23.9434 11.2827 25.6234 11.4343C25.8101 11.446 25.9968 11.446 26.1835 11.4343H30.9784C32.6584 11.586 34.1401 10.361 34.2918 8.68101C34.3034 8.49434 34.3034 8.30768 34.2918 8.12101V3.32602C34.4434 1.64602 33.2184 0.164357 31.5384 0.0126902C31.3518 0.00102359 31.1651 0.00102359 30.9784 0.0126902ZM31.3401 5.41435C30.9434 5.81101 30.3018 5.81101 29.9051 5.41435L29.6134 5.12268V8.77434C29.6134 9.34601 29.1584 9.80101 28.5868 9.80101C28.0151 9.80101 27.5601 9.34601 27.5601 8.77434V5.12268L27.2684 5.41435C26.8718 5.81101 26.2301 5.81101 25.8335 5.41435C25.4368 5.01768 25.4368 4.37602 25.8335 3.97935L27.8751 1.93769C27.9684 1.85602 28.0735 1.78602 28.1901 1.73935C28.2251 1.72769 28.2601 1.72769 28.2835 1.70435C28.3651 1.66935 28.4584 1.65769 28.5401 1.65769H28.6334C28.7501 1.65769 28.8551 1.68102 28.9601 1.72769H28.9951C29.1001 1.77435 29.2051 1.84435 29.2868 1.92602C29.2868 1.92602 29.2984 1.92991 29.3218 1.93769L31.3634 3.97935C31.7601 4.37602 31.7484 5.01768 31.3634 5.40268L31.3401 5.41435Z'/%3E%3Cpath d='M15.3208 11.446C15.3208 13.5927 13.5824 15.331 11.4358 15.331C9.28911 15.331 7.55078 13.5927 7.55078 11.446C7.55078 9.29937 9.28911 7.56104 11.4358 7.56104C13.5824 7.56104 15.3208 9.29937 15.3208 11.446Z'/%3E%3Cpath d='M30.9776 11.4461H30.2076V18.9711L29.9976 18.7961C28.6559 17.6994 26.7309 17.6994 25.3892 18.7961L18.5993 24.6294C17.2576 25.7261 15.3326 25.7261 13.9909 24.6294L13.4309 24.1744C12.2059 23.1594 10.4559 23.0661 9.12594 23.9411L3.02429 28.0361C2.62762 27.0094 2.44095 25.9127 2.45261 24.8161V11.1311C2.45261 6.52278 4.87929 4.09611 9.48762 4.09611H22.8576V3.32612C22.8343 2.74278 22.9626 2.15945 23.2309 1.64612H9.48762C3.5493 1.64612 0.0026294 5.19278 0.0026294 11.1311V24.8161C-0.0323705 26.4144 0.282627 27.9894 0.912626 29.4477C2.31262 32.5511 5.32263 34.3011 9.48762 34.3011H23.1726C29.1109 34.3011 32.6576 30.7544 32.6576 24.8161V11.0728C32.1442 11.3411 31.5609 11.4694 30.9776 11.4461Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.9784 0.0126902H26.1835C24.5035 -0.138976 23.0218 1.08602 22.8701 2.76602C22.8584 2.95269 22.8584 3.13935 22.8701 3.32602V8.12101C22.7184 9.80101 23.9434 11.2827 25.6234 11.4343C25.8101 11.446 25.9968 11.446 26.1835 11.4343H30.9784C32.6584 11.586 34.1401 10.361 34.2918 8.68101C34.3034 8.49434 34.3034 8.30768 34.2918 8.12101V3.32602C34.4434 1.64602 33.2184 0.164357 31.5384 0.0126902C31.3518 0.00102359 31.1651 0.00102359 30.9784 0.0126902ZM31.3401 5.41435C30.9434 5.81101 30.3018 5.81101 29.9051 5.41435L29.6134 5.12268V8.77434C29.6134 9.34601 29.1584 9.80101 28.5868 9.80101C28.0151 9.80101 27.5601 9.34601 27.5601 8.77434V5.12268L27.2684 5.41435C26.8718 5.81101 26.2301 5.81101 25.8335 5.41435C25.4368 5.01768 25.4368 4.37602 25.8335 3.97935L27.8751 1.93769C27.9684 1.85602 28.0735 1.78602 28.1901 1.73935C28.2251 1.72769 28.2601 1.72769 28.2835 1.70435C28.3651 1.66935 28.4584 1.65769 28.5401 1.65769H28.6334C28.7501 1.65769 28.8551 1.68102 28.9601 1.72769H28.9951C29.1001 1.77435 29.2051 1.84435 29.2868 1.92602C29.2868 1.92602 29.2984 1.92991 29.3218 1.93769L31.3634 3.97935C31.7601 4.37602 31.7484 5.01768 31.3634 5.40268L31.3401 5.41435Z'/%3E%3Cpath d='M15.3208 11.446C15.3208 13.5927 13.5824 15.331 11.4358 15.331C9.28911 15.331 7.55078 13.5927 7.55078 11.446C7.55078 9.29937 9.28911 7.56104 11.4358 7.56104C13.5824 7.56104 15.3208 9.29937 15.3208 11.446Z'/%3E%3Cpath d='M30.9776 11.4461H30.2076V18.9711L29.9976 18.7961C28.6559 17.6994 26.7309 17.6994 25.3892 18.7961L18.5993 24.6294C17.2576 25.7261 15.3326 25.7261 13.9909 24.6294L13.4309 24.1744C12.2059 23.1594 10.4559 23.0661 9.12594 23.9411L3.02429 28.0361C2.62762 27.0094 2.44095 25.9127 2.45261 24.8161V11.1311C2.45261 6.52278 4.87929 4.09611 9.48762 4.09611H22.8576V3.32612C22.8343 2.74278 22.9626 2.15945 23.2309 1.64612H9.48762C3.5493 1.64612 0.0026294 5.19278 0.0026294 11.1311V24.8161C-0.0323705 26.4144 0.282627 27.9894 0.912626 29.4477C2.31262 32.5511 5.32263 34.3011 9.48762 34.3011H23.1726C29.1109 34.3011 32.6576 30.7544 32.6576 24.8161V11.0728C32.1442 11.3411 31.5609 11.4694 30.9776 11.4461Z'/%3E%3C/svg%3E");
}
.topStepper ul li .step-4 {
width: 32px;
height: 32px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.48 0H13.0133C12.7253 0 12.4587 0.117333 12.256 0.309333L0.309326 12.256C0.117326 12.4587 0 12.7253 0 13.0133V20.48C0 28.5547 3.44534 32 11.52 32H20.48C28.5547 32 32 28.5547 32 20.48V11.52C32 3.44533 28.5547 0 20.48 0ZM23.4133 12.8853L14.528 21.7707C14.3147 21.9733 14.048 22.08 13.7707 22.08C13.4933 22.08 13.2267 21.9733 13.024 21.7707L9.16266 17.9093C8.74666 17.4933 8.74666 16.8213 9.16266 16.4053C9.57866 15.9893 10.2507 15.9893 10.6667 16.4053L13.7707 19.5093L21.9093 11.3707C22.3253 10.9547 22.9973 10.9547 23.4133 11.3707C23.8293 11.7867 23.8293 12.4693 23.4133 12.8853Z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.48 0H13.0133C12.7253 0 12.4587 0.117333 12.256 0.309333L0.309326 12.256C0.117326 12.4587 0 12.7253 0 13.0133V20.48C0 28.5547 3.44534 32 11.52 32H20.48C28.5547 32 32 28.5547 32 20.48V11.52C32 3.44533 28.5547 0 20.48 0ZM23.4133 12.8853L14.528 21.7707C14.3147 21.9733 14.048 22.08 13.7707 22.08C13.4933 22.08 13.2267 21.9733 13.024 21.7707L9.16266 17.9093C8.74666 17.4933 8.74666 16.8213 9.16266 16.4053C9.57866 15.9893 10.2507 15.9893 10.6667 16.4053L13.7707 19.5093L21.9093 11.3707C22.3253 10.9547 22.9973 10.9547 23.4133 11.3707C23.8293 11.7867 23.8293 12.4693 23.4133 12.8853Z'/%3E%3C/svg%3E");
}
.topStepper ul li.current .step-icon,
.topStepper ul li.filled .step-icon {
background-color: #257cc6;
}
.topStepper ul li.filled span.line,
.topStepper ul li.filled p,
.topStepper ul li.current span.line,
.topStepper ul li.current p {
opacity: 1;
}
.topStepper ul li.filled .stepBubble,
.topStepper ul li.current .stepBubble {
border: 2px solid #1471bc;
box-shadow: 0px 15px 25px 0px rgba(202, 219, 227, 0.5);
}
.topStepper ul li.filled:before,
.topStepper ul li.current:before {
content: "";
height: 2px;
position: absolute;
background: #8697a7;
top: 40px;
left: 240px;
width: 170px;
}
@media only screen and (max-width: 1024px) {
.topStepper ul li.filled:before,
.topStepper ul li.current:before {
top: 35px;
left: 200px;
width: 130px;
}
}
@media only screen and (max-width: 991px) {
.topStepper ul li.filled:before,
.topStepper ul li.current:before {
top: 30px;
left: 150px;
width: 80px;
}
}
@media only screen and (max-width: 767px) {
.topStepper ul li.filled:before,
.topStepper ul li.current:before {
display: none;
}
}
.topStepper ul li.filled:last-of-type:before,
.topStepper ul li.current:last-of-type:before {
display: none;
}
.singleStep .profile-section {
padding-bottom: 40px;
}
.disclaimerApply {
margin-top: 20px;
background: rgba(215, 231, 244, 0.3);
padding: 10px 20px;
width: -webkit-fill-available;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
}
.disclaimerApply span {
font-size: 16px;
color: #072f51;
font-weight: 400;
}
.radio-group {
display: flex;
gap: 20px;
margin: 40px 0px 15px 0px;
}
@media only screen and (max-width: 767px) {
.radio-group {
flex-direction: column;
}
}
.radio-group.zone .custom-radio {
height: auto;
flex: unset;
padding: 10px 18px;
font-size: 16px;
min-width: 40px;
text-align: center;
display: block;
border: none;
box-shadow: 0px 4px 11.9px 0px rgba(0, 0, 0, 0.1);
}
.radio-group.zone .custom-radio.active {
background:
linear-gradient(
180deg,
#FF466B 0%,
#DA113A 100%);
color: white;
}
.radio-group.zone .custom-radio:after {
display: none;
}
.radio-group .custom-radio {
position: relative;
display: flex;
align-items: center;
font-weight: 500;
box-shadow: 0px 18px 45px 0px rgba(46, 63, 77, 0.08);
padding: 20px 24px;
border-radius: 10px;
height: 90px;
border: 2px solid #eef1f3;
background: #fff;
font-size: 18px;
cursor: pointer;
flex: 1;
transition:
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.12s ease;
overflow: hidden;
}
.radio-group .custom-radio::after {
content: "";
position: absolute;
z-index: 1;
right: 0px;
top: auto;
bottom: -15px;
width: 110px;
height: 100px;
background-color: rgba(21, 36, 50, 0.06);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
pointer-events: none;
transition:
background-color 0.18s ease,
transform 0.18s ease,
opacity 0.18s ease;
opacity: 1;
}
.radio-group .custom-radio[data-icon="0"]::after {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.radio-group .custom-radio[data-icon="1"]::after {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.radio-group .custom-radio[data-icon="2"]::after {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.radio-group .custom-radio[data-icon="3"]::after {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
}
.radio-group .custom-radio > input[type=radio] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
z-index: 2;
}
.radio-group .custom-radio .radio-label {
position: relative;
z-index: 3;
font-weight: 600;
color: #17324a;
}
.radio-group .custom-radio.disabled {
opacity: 0.6;
cursor: not-allowed;
filter: grayscale(0.2);
}
.radio-group .custom-radio.disabled > input[type=radio] {
cursor: not-allowed;
}
.radio-group .custom-radio.active {
border-color: #77c11e;
box-shadow: 0 6px 18px rgba(98, 176, 47, 0.06);
}
.radio-group .custom-radio.active::after {
background-color: rgba(98, 176, 47, 0.18);
opacity: 1;
}
.radio-group .custom-radio.active.strong-fill::after {
background-color: #62b02f;
opacity: 1;
}
@media (max-width: 480px) {
.radio-group .custom-radio::after {
width: 72px;
height: 68px;
right: 12px;
bottom: 12px;
}
}
.price-wrap {
display: flex;
align-items: center;
gap: 5px;
color: #0f172a;
}
.price-wrap p {
font-size: 16px;
}
.price-wrap span {
font-size: 18px;
font-weight: 600;
}
.carsWrapper {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 22px;
width: 100%;
margin-top: 50px;
}
@media only screen and (max-width: 1024px) {
.carsWrapper {
gap: 18px;
margin-top: 40px;
}
}
@media only screen and (max-width: 991px) {
.carsWrapper {
grid-template-columns: 1fr;
gap: 18px;
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.carsWrapper {
gap: 14px;
margin-top: 24px;
}
}
.carsWrapper .group {
box-sizing: border-box;
background: #f3f8fc;
border-radius: 12px;
padding: 40px 40px;
display: flex;
flex-direction: column;
gap: 15px;
min-height: 420px;
}
@media only screen and (max-width: 1024px) {
.carsWrapper .group {
min-height: 380px;
padding: 32px;
}
}
@media only screen and (max-width: 991px) {
.carsWrapper .group {
min-height: auto;
padding: 26px;
}
}
@media only screen and (max-width: 767px) {
.carsWrapper .group {
min-height: auto;
padding: 20px;
}
}
.carsWrapper .group .form-control {
width: -webkit-fill-available;
}
.carsWrapper .group .car-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding-bottom: 20px;
}
.carsWrapper .group .car-header .car-title {
display: flex;
align-items: center;
gap: 5px;
color: #5e778d;
font-weight: 500;
}
.carsWrapper .group .car-header .btn.btn-link {
text-decoration: underline;
color: #072f51;
}
.carsWrapper .group.addWrap {
background: transparent;
border: 1px solid rgba(7, 47, 81, 0.15);
justify-content: space-between;
flex-direction: column;
}
.carsWrapper .group.addWrap button {
border: none;
outline: none;
cursor: pointer;
font-family: "Inter";
transition: all 0.3s ease;
display: inline-flex;
background:
linear-gradient(
93.09deg,
#257CC6 0.42%,
#0F6EBA 100%);
color: #fbfbfb;
border-radius: 5px;
font-weight: 600;
font-size: 16px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.15);
padding: 14px 45px;
height: 50px;
width: auto;
background: #dfe8f0;
font-size: 18px;
color: #072f51;
box-shadow: none;
display: flex;
align-items: center;
gap: 20px;
justify-content: center;
}
.carsWrapper .group.addWrap button:hover {
transform: translateY(-2px);
}
.carsWrapper .group.addWrap button:active {
transform: translateY(0px);
}
.carsWrapper .group.addWrap button:hover {
transform: translateY(-2px);
}
.carsWrapper .group.addWrap button:active {
transform: translateY(0px);
}
.carsWrapper .group.addWrap button:hover {
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.2);
}
.carsWrapper .group.addWrap button:hover {
box-shadow: none;
}
.carsWrapper .group.addWrap .innerBox {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 100%;
height: 100%;
justify-content: center;
}
.step-total-summary {
margin-top: 22px;
width: -webkit-fill-available;
border-radius: 12px;
border: 1px solid rgba(7, 47, 81, 0.15);
background: #f3f8fc;
padding: 18px 22px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.step-total-summary .step-total-label {
color: #5e778d;
font-size: 18px;
font-weight: 600;
}
.step-total-summary .step-total-amount {
display: flex;
align-items: center;
gap: 6px;
color: #072f51;
}
.step-total-summary .step-total-amount span:first-child {
font-size: 24px;
font-weight: 700;
line-height: 1;
}
.step-total-summary .step-total-amount span:last-child {
font-size: 14px;
font-weight: 600;
color: #5e778d;
}
@media only screen and (max-width: 767px) {
.step-total-summary {
padding: 16px;
}
.step-total-summary .step-total-amount span:first-child {
font-size: 20px;
}
}
.drop-zone {
border: 2px dashed rgba(20, 113, 188, 0.32);
border-radius: 8px;
padding: 20px 40px;
text-align: center;
background: #fbfbfc;
transition: all 0.3s ease;
cursor: pointer;
width: -webkit-fill-available;
margin-top: 10px;
}
.drop-zone:hover {
border-color: #9ca3af;
background: #f9fafb;
}
.drop-zone.dragging {
border-color: #3b82f6;
background: #eff6ff;
}
.drop-zone .drop-icon {
margin-bottom: 12px;
}
.drop-zone .drop-text {
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
.file-list {
display: flex;
flex-direction: row;
gap: 8px;
flex-wrap: wrap;
}
.file-item {
display: flex;
align-items: center;
padding: 12px 16px;
background: rgba(119, 193, 30, 0.1);
border-radius: 6px;
transition: all 0.2s ease;
gap: 10px;
}
.file-item .file-item-icon {
width: 26px;
height: 26px;
}
.file-item .file-item-icon img {
width: 26px;
height: 26px;
}
.file-item .file-item-info {
flex: 1;
min-width: 0;
display: flex;
gap: 8px;
align-items: center;
}
.file-item .file-item-name {
font-size: 16px;
font-weight: 600;
color: #072f51;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.file-item .file-item-size {
font-size: 14px;
color: rgba(0, 0, 0, 0.7);
}
.file-item .file-item-remove {
width: 24px;
height: 24px;
border: none;
background: none;
color: #9ca3af;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: all 0.2s ease;
flex-shrink: 0;
margin-left: 10px;
}
.file-item .file-item-remove:hover {
background: #f3f4f6;
color: #ef4444;
}
.file-item.uploading {
opacity: 0.8;
transform: translateY(-1px);
}
.yellowDisclaimer {
margin: 30px 0px 0px 0px;
background: #ffffff;
box-shadow: 0px 18px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
}
.yellowDisclaimer .dislaimerHeader {
background: rgba(234, 139, 25, 0.2);
padding: 15px 30px;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
border-radius: 10px 10px 0px 0px;
}
.yellowDisclaimer .dislaimerHeader span {
text-transform: uppercase;
color: #ea8b19;
font-weight: 600;
font-size: 18px;
}
.yellowDisclaimer .disclaimerBody {
padding: 40px;
font-size: 20px;
}
label.custom-radio {
display: inline-flex;
align-items: center;
margin: 5px 0;
cursor: pointer;
font-size: 16px;
color: #072f51;
font-weight: 600;
position: relative;
}
label.custom-radio input[type=radio],
label.custom-radio input[type=checkbox] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
white-space: nowrap;
}
label.custom-radio .radio-circle {
width: 22px;
height: 22px;
border-radius: 50%;
border: 2px solid #77c11e;
margin-right: 15px;
box-sizing: border-box;
position: relative;
transition: all 0.15s ease;
display: inline-block;
flex: 0 0 auto;
background: transparent;
}
label.custom-radio input[type=checkbox] + .radio-circle {
border-radius: 4px;
}
label.custom-radio input[type=radio]:checked + .radio-circle {
border-color: #77c11e;
}
label.custom-radio input[type=radio]:checked + .radio-circle::after {
content: "";
width: 12px;
height: 12px;
background: #77c11e;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
}
label.custom-radio input[type=checkbox]:checked + .radio-circle {
border-color: #77c11e;
background: #77c11e;
}
label.custom-radio input[type=checkbox]:checked + .radio-circle::after {
content: "";
width: 4.8px;
height: 8.64px;
border: 2px solid #fff;
border-top: none;
border-left: none;
border-radius: 1px;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -60%) rotate(45deg);
display: block;
}
label.custom-radio input[type=radio]:focus + .radio-circle,
label.custom-radio input[type=radio]:focus-visible + .radio-circle,
label.custom-radio input[type=checkbox]:focus + .radio-circle,
label.custom-radio input[type=checkbox]:focus-visible + .radio-circle {
box-shadow: 0 0 0 4px rgba(119, 193, 30, 0.18);
}
label.custom-radio input[type=radio]:disabled + .radio-circle,
label.custom-radio input[type=checkbox]:disabled + .radio-circle,
label.custom-radio.disabled,
label.custom-radio[aria-disabled=true] {
opacity: 0.6;
cursor: not-allowed;
}
label.custom-radio--large {
display: inline-flex;
align-items: center;
margin: 6px 0;
cursor: pointer;
font-size: 18px;
color: #072f51;
font-weight: 700;
position: relative;
}
label.custom-radio--large input[type=radio],
label.custom-radio--large input[type=checkbox] {
position: absolute;
opacity: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
white-space: nowrap;
}
label.custom-radio--large .radio-circle {
width: 28px;
height: 28px;
border-radius: 50%;
border: 2px solid #2ea44f;
margin-right: 18px;
box-sizing: border-box;
position: relative;
transition: all 0.15s ease;
display: inline-block;
flex: 0 0 auto;
background: transparent;
}
label.custom-radio--large input[type=checkbox] + .radio-circle {
border-radius: 4px;
}
label.custom-radio--large input[type=radio]:checked + .radio-circle {
border-color: #2ea44f;
}
label.custom-radio--large input[type=radio]:checked + .radio-circle::after {
content: "";
width: 14px;
height: 14px;
background: #2ea44f;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
}
label.custom-radio--large input[type=checkbox]:checked + .radio-circle {
border-color: #2ea44f;
background: #2ea44f;
}
label.custom-radio--large input[type=checkbox]:checked + .radio-circle::after {
content: "";
width: 5.6px;
height: 10.08px;
border: 2px solid #fff;
border-top: none;
border-left: none;
border-radius: 1px;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -60%) rotate(45deg);
display: block;
}
label.custom-radio--large input[type=radio]:focus + .radio-circle,
label.custom-radio--large input[type=radio]:focus-visible + .radio-circle,
label.custom-radio--large input[type=checkbox]:focus + .radio-circle,
label.custom-radio--large input[type=checkbox]:focus-visible + .radio-circle {
box-shadow: 0 0 0 4px rgba(46, 164, 79, 0.16);
}
label.custom-radio--large input[type=radio]:disabled + .radio-circle,
label.custom-radio--large input[type=checkbox]:disabled + .radio-circle,
label.custom-radio--large.disabled,
label.custom-radio--large[aria-disabled=true] {
opacity: 0.6;
cursor: not-allowed;
}
.file-label.column {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
label small {
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
}
.FinalModel {
background: #ffffff;
box-shadow: 0px 18px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
padding: 25px;
line-height: 1.25;
}
.FinalModel h2 {
color: #04101b !important;
opacity: 1 !important;
margin-top: 50px;
}
@media only screen and (max-width: 991px) {
.FinalModel h2 {
margin-top: 36px;
}
}
@media only screen and (max-width: 767px) {
.FinalModel h2 {
margin-top: 28px;
}
}
@media only screen and (max-width: 375px) {
.FinalModel h2 {
margin-top: 20px;
}
}
.FinalModel h2 {
padding: 0 15px;
}
.model-row {
border-bottom: 1px solid #e8e8e8;
padding: 15px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.model-row:last-of-type {
border-bottom: none;
}
@media only screen and (max-width: 767px) {
.model-row {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 12px 10px;
gap: 6px;
}
}
.model-row span {
color: rgba(0, 0, 0, 0.7);
font-size: 16px;
white-space: nowrap;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
}
.model-row b {
color: #072f51;
font-weight: 500;
font-size: 18px;
text-align: right;
flex: 0 0 auto;
}
.model-row.documents {
align-items: flex-start;
justify-content: flex-start;
gap: 100px;
}
.model-row.documents span {
max-width: 100px;
}
.agreementCheckboxes span {
color: #424242;
font-size: 16px;
}
.agreementCheckboxes input[type=checkbox] {
position: absolute;
opacity: 0;
pointer-events: none;
width: 20px;
height: 20px;
margin: 0;
}
.agreementCheckboxes .checkbox-box {
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
border: 1px solid #c5c5c5;
border-radius: 3px;
background-color: #fff;
box-sizing: border-box;
margin-top: 2px;
}
.agreementCheckboxes label.checkbox.custom-checkbox {
display: flex;
align-items: flex-start;
gap: 15px;
cursor: pointer;
font-size: 14px;
line-height: 1.4;
}
.agreementCheckboxes .form-group {
margin-bottom: 15px;
}
.agreementCheckboxes .custom-checkbox input[type=checkbox]:checked + .checkbox-box {
background-color: #3c79c3;
border-color: #3c79c3;
}
.agreementCheckboxes .custom-checkbox input[type=checkbox]:checked + .checkbox-box::after {
content: "";
position: relative;
display: block;
width: 9px;
height: 3px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(-45deg);
top: 5px;
margin: 0 auto;
}
.imageWrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.imageWrapper .imagePlaceholder {
background: #c0bfbf;
border-radius: 8px;
width: 140px;
height: 140px;
}
.imageWrapper b {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
width: auto;
position: absolute;
bottom: 5px;
left: 5px;
right: 5px;
background: #f2f9e9;
padding: 3px 5px;
border-radius: 6px;
}
.appDetails {
background: #ffffff;
border-radius: 8px;
padding: 0;
margin-top: 24px;
overflow: hidden;
box-shadow: 0px 18px 45px 0px rgba(0, 0, 0, 0.08);
}
.appDetails h2 {
background: rgba(153, 170, 184, 0.2);
color: #000000;
font-weight: 600;
padding: 16px 24px;
margin: 0;
opacity: 1 !important;
}
.appDetails h3 {
color: #072f51;
font-size: 17px;
font-weight: 600;
padding: 20px 24px 12px;
margin: 0;
}
.appDetails .model-row {
margin: 0px 20px;
padding: 14px 5px;
}
.appDetails .price-row {
padding: 30px 20px;
}
.appDetails .price-row .price_div {
display: flex;
justify-content: space-between;
gap: 20px;
}
.appDetails .price-row .price_div p {
color: #072f51;
font-size: 18px;
font-weight: 700;
}
.appDetails .price-row .price_div span {
color: #072f51;
font-size: 20px;
font-weight: 600;
text-transform: capitalize;
}
.appDetails .profile-actions {
padding: 30px;
}
.successPayment {
text-align: center;
padding: 40px 30px;
margin-top: 30px;
}
.successPayment img {
animation: pop 0.4s ease-out forwards;
}
.successPayment h3 {
color: #072f51;
font-size: 36px;
font-weight: 700;
margin-bottom: 20px;
}
.btn.btn-acc {
border: none;
width: auto;
height: auto;
background: transparent;
float: right;
}
.btn.btn-acc img {
width: 18px;
height: 18px;
transition: 0.3s ease-in-out all;
}
.btn.btn-acc img.rotated {
transform: rotate(-180deg);
transition: 0.3s ease-in-out all;
}
.info-text-payments {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 50px;
position: relative;
padding: 40px 25px;
background:
linear-gradient(
108.58deg,
rgba(37, 124, 198, 0) 42.69%,
rgba(37, 124, 198, 0.2) 126.06%);
box-shadow: 0px 15px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 10px;
margin-bottom: 50px;
}
@media only screen and (max-width: 1024px) {
.info-text-payments {
gap: 35px;
padding: 30px 20px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 991px) {
.info-text-payments {
gap: 25px;
padding: 25px 18px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.info-text-payments {
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px;
padding: 25px 20px;
margin-bottom: 20px;
}
}
.info-text-payments img {
flex-shrink: 0;
}
@media only screen and (max-width: 991px) {
.info-text-payments img {
width: 50px;
height: 50px;
}
}
@media only screen and (max-width: 767px) {
.info-text-payments img {
width: 48px;
height: 48px;
}
}
.info-text-payments span {
position: relative;
}
@media only screen and (max-width: 767px) {
.info-text-payments span::before {
display: none;
}
}
.info-text-payments span::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 85px;
right: auto;
left: -20px;
background: rgba(7, 47, 81, 0.17);
width: 1px;
}
@media only screen and (max-width: 1024px) {
.info-text-payments span::before {
left: -17px;
height: 70px;
}
}
@media only screen and (max-width: 991px) {
.info-text-payments span::before {
left: -12px;
height: 60px;
}
}
.info-text-payments.withTitle .info-text-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
position: relative;
}
@media only screen and (max-width: 767px) {
.info-text-payments.withTitle .info-text-content {
align-items: center;
text-align: center;
}
}
.info-text-payments.withTitle .info-text-content::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 85px;
right: auto;
left: -20px;
background: rgba(7, 47, 81, 0.17);
width: 1px;
}
@media only screen and (max-width: 1024px) {
.info-text-payments.withTitle .info-text-content::before {
left: -17px;
height: 70px;
}
}
@media only screen and (max-width: 991px) {
.info-text-payments.withTitle .info-text-content::before {
left: -12px;
height: 60px;
}
}
.info-text-payments.withTitle .info-text-content h3 {
margin: 0px;
}
.info-text-payments.withTitle .info-text-content span:before {
display: none;
}
@media only screen and (max-width: 991px) {
.sideMenuDocuments {
display: flex;
align-items: flex-start;
justify-content: flex-start;
gap: 30px;
flex-direction: column;
}
}
mat-paginator {
background: transparent !important;
margin: 30px 0px;
}
mat-paginator .mat-mdc-paginator-outer-container {
background: transparent;
}
mat-paginator .mat-mdc-paginator-outer-container .mat-mdc-paginator-container {
background: transparent;
}
.rememberMeFlex {
width: 100%;
display: flex;
align-items: flex-start;
}
.mainErrorReason {
background: #fdf2f2;
border-radius: 10px;
}
.mainErrorReason p {
margin: 0px;
color: #f33c35;
font-size: 14px;
font-weight: 500;
padding: 13px 20px;
line-height: normal;
}
.applicationHeader {
display: flex;
width: 100%;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
}
.applicationHeader h2 {
margin: 0px;
}
.applicationHeader .appWarningMsg {
background: rgba(243, 60, 53, 0.1);
padding: 8px 12px;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
border-radius: 6px;
}
.applicationHeader .appWarningMsg span {
color: #072f51;
font-weight: 400;
}
.mat-mdc-menu-panel:has(.logout-menu-btn) {
min-width: 280px !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0px 12px 40px rgba(7, 47, 81, 0.16) !important;
border: 1px solid rgba(7, 47, 81, 0.07) !important;
background: #ffffff !important;
}
.mat-mdc-menu-panel:has(.logout-menu-btn) .mat-mdc-menu-content {
padding: 8px !important;
}
.logout-menu-btn {
width: 100% !important;
border-radius: 10px !important;
overflow: hidden !important;
min-height: 52px !important;
background: rgba(7, 47, 81, 0.04) !important;
transition: background 0.2s ease !important;
--mat-menu-item-hover-state-layer-color: transparent;
}
.logout-menu-btn .mat-mdc-menu-item-text {
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: rgba(7, 47, 81, 0.85) !important;
transition: color 0.2s ease, gap 0.2s ease !important;
}
.logout-menu-btn .mat-mdc-menu-item-text svg {
color: #257cc6;
flex-shrink: 0;
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease;
}
.logout-menu-btn:hover {
background: rgba(37, 124, 198, 0.1) !important;
}
.logout-menu-btn:hover .mat-mdc-menu-item-text {
color: #0f6eba !important;
gap: 14px !important;
}
.logout-menu-btn:hover .mat-mdc-menu-item-text svg {
transform: translateX(3px);
color: #0f6eba;
}
/* angular:styles/global:styles */