html{--mat-button-filled-container-shape: 10px;--mat-button-filled-label-text-size: 16px;--mat-button-outlined-container-shape: 10px;--mat-button-outlined-outline-width: 2px;--mat-button-outlined-label-text-size: 16px}html{--mat-button-toggle-shape: 10px;--mat-button-toggle-label-text-size: 14px}html{--mat-chip-container-height: 48px;--mat-chip-outline-width: 2px;--mat-chip-label-text-size: 16px;--mat-chip-container-shape-radius: 10px}html{--mat-dialog-subhead-size: 24px;--mat-dialog-supporting-text-size: 16px;--mat-dialog-container-shape: 10px}html{--mat-sidenav-container-shape: 0;--mat-sidenav-container-width: 300px}html{--mat-list-list-item-label-text-size: 18px;--mat-list-active-indicator-shape: 10px;--mat-list-list-item-one-line-container-height: auto}html{--mat-table-row-item-outline-color: var(--primary-color)}:root{--max-width: 1200px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-x-lg: 48px}html{color-scheme:dark;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium)}.mat-drawer-container{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}button{cursor:pointer}button .mat-icon{transform:scale(1.1)}main{display:grid;grid-template-rows:auto 1fr;min-height:100vh}main>header{position:relative;padding:var(--space-sm);border-bottom:2px solid var(--primary-color);display:flex;align-items:center;color:var(--text-color-header)}main>header div{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-left:var(--space-lg);gap:var(--space-sm)}main>header span{display:flex;align-items:center;gap:var(--space-md);font-size:20px}main>header span mat-icon{color:var(--icon-online-header);font-variation-settings:"wght" 500;transform:scale(1.5)}p{color:var(--text-color);font-size:16px;line-height:1.5}.wrapper{width:min(100%,var(--max-width));margin:0 auto;padding:var(--space-x-lg);box-sizing:border-box}.wrapper>*>*+*{margin-top:var(--space-lg)}mat-icon{font-variation-settings:"wght" 400,"opsz" 48}mat-icon.filled-icon{font-variation-settings:"FILL" 1,"wght" 700}h1{font-weight:500;display:flex;align-items:baseline;gap:var(--space-md);line-height:1.3;margin:0}h1 mat-icon{transform:scale(1.2)}.button-container{display:flex;justify-content:flex-end;gap:var(--space-md)}.big-button{--mat-button-outlined-container-height: 48px;--mat-button-filled-container-height: 48px;--mat-button-filled-label-text-size: 18px}.big-button mat-icon{transform:scale(1.4);font-variation-settings:"wght" 500}mat-label{color:var(--text-color)}.button-toggle-container{display:flex;align-items:center}.button-toggle-container mat-label{margin:0 var(--space-md)}.mdc-evolution-chip__action[aria-selected=true] .mdc-evolution-chip__graphic.mat-mdc-chip-graphic{display:none!important}.mdc-evolution-chip__action[aria-selected=true]{padding-left:12px!important}mat-form-field{width:100%}.mat-drawer{background:linear-gradient(180deg,var(--primary-color) 0%,var(--ending-color-hue) 100%)}.mat-drawer mat-nav-list{padding:var(--space-sm)}.mat-drawer mat-nav-list a{min-height:48px;padding:var(--space-sm) 0}.mat-drawer mat-nav-list .mat-mdc-list-item-title{padding:var(--space-sm) 0;word-wrap:break-word;white-space:normal}.menu-button mat-icon{color:var(--text-color);transform:scale(1.4)}.slide-right-animation{animation:slide-right .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-right{0%{transform:translate(-300px)}to{transform:translate(0)}}.mat-mdc-chip-set .mdc-evolution-chip-set__chips,.mat-mdc-chip-set .mdc-evolution-chip{box-sizing:border-box;margin-left:0!important;height:auto;min-height:48px}.mat-mdc-chip-set .mdc-evolution-chip{padding:var(--space-sm)}.mat-mdc-chip-set .mdc-evolution-chip__text-label{width:100%}form>*+*:not(.datepicker,.field-group,.add-element){margin-top:var(--space-md)}.list-and-form-container{display:grid;grid-template-columns:1fr;padding-bottom:var(--space-x-lg)}.list-and-form-container p{grid-column:1/-1;margin-top:0;margin-bottom:var(--space-lg)}@media screen and (min-width: 750px){.list-and-form-container{grid-template-columns:2fr 4fr;height:100%;padding-bottom:0;gap:var(--space-x-lg)}.list-and-form-container.with-explanation{grid-template-rows:auto 1fr}.list-and-form-container .explanation{grid-column:1/-1}.list-and-form-container .explanation p+p{margin-top:var(--space-sm)}.list-and-form-container p{margin:0}}.no-selection{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%}.no-selection mat-icon{padding-bottom:var(--space-md);transform:scale(3)}table{width:100%;font-size:16px}table .mat-mdc-header-cell,table .mat-mdc-cell{font-size:18px;color:var(--text-color)}table .mat-mdc-cell{font-size:15px}table .mat-mdc-cell.result-success{color:var(--icon-online-header)}table .mat-mdc-cell.result-failed{color:var(--icon-offline-header)}.no-data-message{display:grid;place-content:center}@media screen and (max-width: 768px){table{border:0}table .mat-mdc-header-row{display:none}table .mat-mdc-row{border:1px solid var(--primary-color);border-radius:8px;padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);display:block;height:fit-content}table .mat-mdc-cell{border:none;display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;margin:0;height:auto;text-align:left;font-weight:400;border-bottom:1px solid var(--primary-color)}table .mat-mdc-cell:last-child{border-bottom:none;margin-bottom:0}table .mat-mdc-cell:before{content:attr(data-label);font-weight:600;color:var(--text-color);text-transform:uppercase;font-size:11px;letter-spacing:.5px;flex:0 0 auto;margin-right:var(--space-md)}table .mat-mdc-cell{font-size:14px;width:100%}table .mdc-data-table__row:last-child>.mat-mdc-cell{border-bottom:inherit}table .mdc-data-table__row:last-child>.mat-mdc-cell:last-child{border-bottom:none;margin-bottom:0}}.filter-form{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-x-lg)}.filter-buttons{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap}@media screen and (min-width: 500px){.export-button{margin-left:auto}}@media screen and (min-width: 800px){.filter-form{grid-template-columns:minmax(275px,1fr) minmax(275px,1fr)}.filter-buttons{grid-column:1/-1}}@media screen and (min-width: 1078px){.filter-form{grid-template-columns:minmax(275px,1fr) minmax(275px,1fr) 3fr}.filter-buttons{grid-column:3/4}}:root{--primary-color: #00669C;--ending-color-hue: #004970;--text-color: #FFF;--text-color-header: var(--text-color);--icon-online-header: #00FF6A;--icon-offline-header: #ff8a78;--menu-item-background-selected: #0270AB;--spinner-loader: #0270AB;--mat-button-toggle-selected-state-text-color: var(--text-color);--mat-button-toggle-selected-state-background-color: var(--primary-color);--mat-button-toggle-divider-color: var(--text-color);--mat-button-outlined-label-text-color: var(--text-color);--mat-button-outlined-outline-color: var(--primary-color);--mat-button-filled-label-text-color: var(--text-color);--mat-form-field-filled-focus-state-label-text-color: var(--text-color);--mat-form-field-filled-focus-label-text-color: var(--text-color);--mat-form-field-filled-container-color: transparent;--mat-chip-outline-color: var(--primary-color);--mat-chip-elevated-selected-container-color: var(--primary-color);--mat-list-list-item-label-text-color: var(--text-color);--mat-list-list-item-focus-label-text-color: var(--text-color);--mat-list-list-item-hover-label-text-color: var(--text-color);--mat-list-list-item-leading-icon-color: var(--text-color);--mat-list-list-item-hover-leading-icon-color: var(--text-color)}html{--mat-sys-background: light-dark(#f9f9ff, #1D293D);--mat-sys-error: light-dark(#c00000, #ffb4a8);--mat-sys-error-container: light-dark(#ffdad4, #930000);--mat-sys-inverse-on-surface: light-dark(#ecf0ff, #253145);--mat-sys-inverse-primary: light-dark(#00669C, #00334e);--mat-sys-inverse-surface: light-dark(#253145, #d7e3fe);--mat-sys-on-background: light-dark(#0f1c2f, #d7e3fe);--mat-sys-on-error: light-dark(#ffffff, #690000);--mat-sys-on-error-container: light-dark(#930000, #ffdad4);--mat-sys-on-primary: light-dark(#ffffff, rgb(0, 25.5, 39));--mat-sys-on-primary-container: light-dark(rgb(0, 38.25, 58.5), rgb(78, 193.7307692308, 255));--mat-sys-on-primary-fixed: light-dark(rgb(0, 12.75, 19.5), rgb(0, 12.75, 19.5));--mat-sys-on-primary-fixed-variant: light-dark(rgb(0, 38.25, 58.5), rgb(0, 38.25, 58.5));--mat-sys-on-secondary: light-dark(#ffffff, #193347);--mat-sys-on-secondary-container: light-dark(#31495f, #cde5ff);--mat-sys-on-secondary-fixed: light-dark(#011d31, #011d31);--mat-sys-on-secondary-fixed-variant: light-dark(#31495f, #31495f);--mat-sys-on-surface: light-dark(#0f1c2f, #d7e3fe);--mat-sys-on-surface-variant: light-dark(#40474f, #dce3ed);--mat-sys-on-tertiary: light-dark(#ffffff, rgb(0, 25.5, 39));--mat-sys-on-tertiary-container: light-dark(rgb(0, 38.25, 58.5), rgb(78, 193.7307692308, 255));--mat-sys-on-tertiary-fixed: light-dark(rgb(0, 12.75, 19.5), rgb(0, 12.75, 19.5));--mat-sys-on-tertiary-fixed-variant: light-dark(rgb(0, 38.25, 58.5), rgb(0, 38.25, 58.5));--mat-sys-outline: light-dark(#707880, #8a919a);--mat-sys-outline-variant: light-dark(#c0c7d1, #40474f);--mat-sys-primary: light-dark(#00334e, #00669C);--mat-sys-primary-container: light-dark(rgb(78, 193.7307692308, 255), rgb(0, 38.25, 58.5));--mat-sys-primary-fixed: light-dark(rgb(78, 193.7307692308, 255), rgb(78, 193.7307692308, 255));--mat-sys-primary-fixed-dim: light-dark(#00669C, #00669C);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#496177, #b0c9e3);--mat-sys-secondary-container: light-dark(#cde5ff, #31495f);--mat-sys-secondary-fixed: light-dark(#cde5ff, #cde5ff);--mat-sys-secondary-fixed-dim: light-dark(#b0c9e3, #b0c9e3);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9f9ff, #1D293D);--mat-sys-surface-bright: light-dark(#f9f9ff, #2e394e);--mat-sys-surface-container: light-dark(#e7eeff, #142033);--mat-sys-surface-container-high: light-dark(#dfe8ff, #1e2a3e);--mat-sys-surface-container-highest: light-dark(#d7e3fe, #29354a);--mat-sys-surface-container-low: light-dark(#f0f3ff, #0f1c2f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #020e21);--mat-sys-surface-dim: light-dark(#cedaf5, #1D293D);--mat-sys-surface-tint: light-dark(#00334e, #00669C);--mat-sys-surface-variant: light-dark(#dce3ed, #40474f);--mat-sys-tertiary: light-dark(#00334e, #00669C);--mat-sys-tertiary-container: light-dark(rgb(78, 193.7307692308, 255), rgb(0, 38.25, 58.5));--mat-sys-tertiary-fixed: light-dark(rgb(78, 193.7307692308, 255), rgb(78, 193.7307692308, 255));--mat-sys-tertiary-fixed-dim: light-dark(#00669C, #00669C);--mat-sys-neutral-variant20: #2a3139;--mat-sys-neutral10: #0f1c2f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}
