/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/styles/hydroport.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/styles/hydroport.scss?ngGlobalStyle (1) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/styles/hydroport.scss?ngGlobalStyle (2) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/styles/hydroport.scss?ngGlobalStyle (3) ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --color-primary: #004f9f;
  --color-star-dust: #999;
  --color-ocean-green: #52bd8a;
  --color-saffron-mango: #ebb957;
  --color-persimmon: #ff6156;
  --color-success: var(--color-ocean-green);
  --color-warning: var(--color-saffron-mango);
  --color-error: var(--color-persimmon);
}

:root {
  --color-primary: #004f9f;
  --color-star-dust: #999;
  --color-ocean-green: #52bd8a;
  --color-saffron-mango: #ebb957;
  --color-persimmon: #ff6156;
  --color-success: var(--color-ocean-green);
  --color-warning: var(--color-saffron-mango);
  --color-error: var(--color-persimmon);
}

html,
body,
main,
vr-hydroport {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  body {
    -webkit-text-size-adjust: none;
  }
}

vr-header + main {
  height: calc(100% - 74px);
}

router-outlet + * {
  height: 100%;
}

a,
th,
tr,
td,
img,
li,
input,
.icon {
  outline: 0;
}

a {
  text-decoration: none;
}

.u-clearfix::after {
  clear: both;
  content: "";
  display: table;
}

.u-no-text-select {
  -webkit-user-select: none;
          user-select: none;
}

.c-button--correlation {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.54px;
  text-align: center;
  width: auto;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.u-visibility-hidden {
  visibility: hidden;
}

.u-display--none {
  display: none;
}

.modal.fade {
  position: relative !important;
}

.u-float--left {
  float: left;
}

.u-bottom-space-20\@small {
  margin-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .u-bottom-space-20\@large {
    margin-bottom: 20px;
  }
}
.u-bottom-space-0\@small {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .u-bottom-space-0\@large {
    margin-bottom: 0;
  }
}

.download-loader {
  display: block;
  width: 32px;
  margin: 0 auto;
}

.validation-list {
  color: green;
}
.validation-list .invalid {
  color: red;
}

.o-item--flex-1 {
  flex: 1 1 auto;
}

.color-success {
  color: #5281ca;
}

.color-warning {
  color: #ebb957;
}

.color-error {
  color: #e40000;
}

.bg-color-success {
  background-color: #5281ca;
}

.bg-color-warning {
  background-color: #ebb957;
}

.bg-color-error {
  background-color: #e40000;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-sb {
  display: flex;
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.clickable {
  cursor: pointer;
}

.text-right {
  text-align: right;
}

.kml-roadmap img[src*=kml] {
  opacity: 0.35;
}

#map-container img[src*=googleusercontent] {
  opacity: 0.6;
}

.kml-satellite img[src*=kml] {
  opacity: 0.5;
}

.mobile-visible {
  display: none !important;
}
@media only screen and (max-width: 1023px) {
  .mobile-visible {
    display: block !important;
  }
}

@media only screen and (max-width: 1023px) {
  .o-grid .o-grid__cell {
    max-width: 100%;
  }
}

vr-header {
  display: block;
  height: 74px;
  position: relative;
  z-index: 500;
}

app-large-panel-header button[mat-flat-button] {
  margin-right: 1em;
}

.from-to-inputs mat-form-field:nth-child(2) {
  margin-left: 10px;
}
@media only screen and (max-width: 1023px) {
  .from-to-inputs mat-form-field:nth-child(2) {
    margin-left: 0;
  }
}

.inline-checbkoxes {
  display: flex;
  align-items: center;
  /*TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
}
.inline-checbkoxes .form-field-label {
  margin: 0 8px;
  flex: 1;
}
.inline-checbkoxes mat-selection-list {
  padding-top: 0;
  flex-direction: row;
  display: flex;
}
.inline-checbkoxes mat-selection-list .mdc-list-item__content {
  overflow: visible;
}

.bottom-buttons {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0;
}
.bottom-buttons button:not(:first-child) {
  margin-left: 5px;
}
@media only screen and (max-width: 1023px) {
  .bottom-buttons {
    flex-direction: column;
  }
  .bottom-buttons button {
    width: 100%;
    margin: 0 0 5px 0;
  }
  .bottom-buttons button:not(:first-child) {
    margin-left: 0;
  }
  .bottom-buttons button:last-child {
    margin-bottom: 0;
  }
}

.bottom-buttons__filled-space button {
  flex: 1;
}

@media only screen and (min-width: 1024px) {
  .desktop-hidden {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .mobile-hidden {
    display: none !important;
  }
  vr-header {
    z-index: 500;
    position: relative;
  }
}
.cluster {
  line-height: 50px;
  font-weight: bold;
  font-size: 12px;
}
.cluster img + div {
  outline: none;
}

::-webkit-scrollbar-track {
  background-color: #f6f6f6;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
}

.large-button-vertical-list {
  display: flex;
  flex-direction: column;
}
.large-button-vertical-list button {
  height: 50px;
  margin-bottom: 20px;
}
.large-button-vertical-list button:last-child {
  margin-bottom: 0;
}

@media print {
  .print--hidden {
    display: none;
  }
  .ng-trigger-fromLeft {
    display: none !important;
  }
  .o-container--sidebar-map {
    left: -140px !important;
  }
  body,
  vr-hydroport,
  main {
    height: inherit;
    overflow: visible !important;
  }
  app-sidebar,
  app-correlation-result {
    overflow: visible !important;
    page-break-before: avoid;
  }
  correlation-pipes-list {
    max-height: unset !important;
  }
  .o-container--sidebar-map {
    position: absolute !important;
    top: 0 !important;
  }
}
.pac-container {
  z-index: 2000;
}

html {
  --mat-filled-button-hover-state-layer-opacity: 0 !important;
  --mat-form-field-hover-state-layer-opacity: 0 !important;
  --mat-form-field-focus-state-layer-opacity: 0 !important;
  --mat-filled-button-pressed-state-layer-opacity: 0 !important;
  --mdc-filled-text-field-container-color: #fff !important;
  --mat-text-button-focus-state-layer-opacity: 0 !important;
  --mat-outlined-button-focus-state-layer-opacity: 0 !important;
  --mat-menu-item-label-text-tracking: normal !important;
  --mdc-list-list-item-focus-state-layer-opacity: 0 !important;
  --mat-icon-button-hover-state-layer-opacity: 0 !important;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0 !important;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0 !important;
  --mat-icon-button-focus-state-layer-opacity: 0 !important;
}

.mat-accent,
.mat-warn {
  --mdc-protected-button-label-text-color: #fff !important;
  --mat-protected-button-state-layer-color: #fff !important;
  --mdc-filled-button-label-text-color: #fff !important;
  --mat-filled-button-state-layer-color: #fff !important;
}

.cdk-overlay-pane:has(.vr-select-panel-auto-width) {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, sans-serif;
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}

.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px / 24px Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px Roboto, sans-serif;
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-weight: 400;
  --mat-datepicker-calendar-period-button-text-size: 13px;
  --mat-datepicker-calendar-period-button-text-weight: 400;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-size: 16px;
  --mat-stepper-header-selected-state-label-text-weight: 400;
}

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 24px;
  --mat-option-label-text-size: 16px;
  --mat-option-label-text-tracking: 0.03125em;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 24px;
  --mat-optgroup-label-text-size: 16px;
  --mat-optgroup-label-text-tracking: 0.03125em;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 32px;
  --mat-card-title-text-size: 20px;
  --mat-card-title-text-tracking: 0.0125em;
  --mat-card-title-text-weight: 500;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 22px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: 0.0071428571em;
  --mat-card-subtitle-text-weight: 500;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 24px;
  --mat-form-field-container-text-size: 16px;
  --mat-form-field-container-text-tracking: 0.03125em;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 16px;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 20px;
  --mat-form-field-subscript-text-size: 12px;
  --mat-form-field-subscript-text-tracking: 0.0333333333em;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mdc-dialog-subhead-font: Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}

html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-slider-label-label-text-font: Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-label-text-font: Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 20px;
  --mat-paginator-container-text-size: 12px;
  --mat-paginator-container-text-tracking: 0.0333333333em;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 12px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Roboto, sans-serif;
  --mat-tab-header-label-text-size: 13px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 1;
  --mat-tab-header-label-text-weight: 400;
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-font: Roboto, sans-serif;
  --mdc-form-field-label-text-line-height: 20px;
  --mdc-form-field-label-text-size: 14px;
  --mdc-form-field-label-text-tracking: 0.0178571429em;
  --mdc-form-field-label-text-weight: 400;
}

html {
  --mdc-text-button-label-text-font: Roboto, sans-serif;
  --mdc-text-button-label-text-size: 13px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 400;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 13px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 400;
  --mdc-filled-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 13px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 400;
  --mdc-outlined-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 13px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 400;
  --mdc-protected-button-label-text-transform: none;
}

html {
  --mdc-extended-fab-label-text-font: Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 13px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 400;
}

html {
  --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

.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-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 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, transparent);
  color: var(--mat-app-text-color, inherit);
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #004f9f;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #5281ca;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #ff6755;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #004f9f;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #004f9f;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #5281ca;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #5281ca;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #5281ca;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #5281ca;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff6755;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff6755;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #004f9f;
  --mdc-linear-progress-track-color: rgba(0, 79, 159, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #5281ca;
  --mdc-linear-progress-track-color: rgba(82, 129, 202, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ff6755;
  --mdc-linear-progress-track-color: rgba(255, 103, 85, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #004f9f;
  --mdc-filled-text-field-focus-active-indicator-color: #004f9f;
  --mdc-filled-text-field-focus-label-text-color: rgba(0, 79, 159, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ff6755;
  --mdc-filled-text-field-error-focus-label-text-color: #ff6755;
  --mdc-filled-text-field-error-label-text-color: #ff6755;
  --mdc-filled-text-field-error-caret-color: #ff6755;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ff6755;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ff6755;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ff6755;
  --mdc-outlined-text-field-caret-color: #004f9f;
  --mdc-outlined-text-field-focus-outline-color: #004f9f;
  --mdc-outlined-text-field-focus-label-text-color: rgba(0, 79, 159, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ff6755;
  --mdc-outlined-text-field-error-focus-label-text-color: #ff6755;
  --mdc-outlined-text-field-error-label-text-color: #ff6755;
  --mdc-outlined-text-field-error-hover-label-text-color: #ff6755;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ff6755;
  --mdc-outlined-text-field-error-hover-outline-color: #ff6755;
  --mdc-outlined-text-field-error-outline-color: #ff6755;
  --mat-form-field-focus-select-arrow-color: rgba(0, 79, 159, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ff6755;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #5281ca;
  --mdc-filled-text-field-focus-active-indicator-color: #5281ca;
  --mdc-filled-text-field-focus-label-text-color: rgba(82, 129, 202, 0.87);
  --mdc-outlined-text-field-caret-color: #5281ca;
  --mdc-outlined-text-field-focus-outline-color: #5281ca;
  --mdc-outlined-text-field-focus-label-text-color: rgba(82, 129, 202, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(82, 129, 202, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ff6755;
  --mdc-filled-text-field-focus-active-indicator-color: #ff6755;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 103, 85, 0.87);
  --mdc-outlined-text-field-caret-color: #ff6755;
  --mdc-outlined-text-field-focus-outline-color: #ff6755;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 103, 85, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 103, 85, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(0, 79, 159, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 103, 85, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(82, 129, 202, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 103, 85, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 103, 85, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 103, 85, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #004f9f;
  --mdc-chip-elevated-selected-container-color: #004f9f;
  --mdc-chip-elevated-disabled-container-color: #004f9f;
  --mdc-chip-flat-disabled-selected-container-color: #004f9f;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #5281ca;
  --mdc-chip-elevated-selected-container-color: #5281ca;
  --mdc-chip-elevated-disabled-container-color: #5281ca;
  --mdc-chip-flat-disabled-selected-container-color: #5281ca;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff6755;
  --mdc-chip-elevated-selected-container-color: #ff6755;
  --mdc-chip-elevated-disabled-container-color: #ff6755;
  --mdc-chip-flat-disabled-selected-container-color: #ff6755;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #004897;
  --mdc-switch-selected-handle-color: #004897;
  --mdc-switch-selected-hover-state-layer-color: #004897;
  --mdc-switch-selected-pressed-state-layer-color: #004897;
  --mdc-switch-selected-focus-handle-color: #002672;
  --mdc-switch-selected-hover-handle-color: #002672;
  --mdc-switch-selected-pressed-handle-color: #002672;
  --mdc-switch-selected-focus-track-color: #4d84bc;
  --mdc-switch-selected-hover-track-color: #4d84bc;
  --mdc-switch-selected-pressed-track-color: #4d84bc;
  --mdc-switch-selected-track-color: #4d84bc;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #4b79c5;
  --mdc-switch-selected-handle-color: #4b79c5;
  --mdc-switch-selected-hover-state-layer-color: #4b79c5;
  --mdc-switch-selected-pressed-state-layer-color: #4b79c5;
  --mdc-switch-selected-focus-handle-color: #2851ab;
  --mdc-switch-selected-hover-handle-color: #2851ab;
  --mdc-switch-selected-pressed-handle-color: #2851ab;
  --mdc-switch-selected-focus-track-color: #86a7da;
  --mdc-switch-selected-hover-track-color: #86a7da;
  --mdc-switch-selected-pressed-track-color: #86a7da;
  --mdc-switch-selected-track-color: #86a7da;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #ff5f4e;
  --mdc-switch-selected-handle-color: #ff5f4e;
  --mdc-switch-selected-hover-state-layer-color: #ff5f4e;
  --mdc-switch-selected-pressed-state-layer-color: #ff5f4e;
  --mdc-switch-selected-focus-handle-color: #ff392a;
  --mdc-switch-selected-hover-handle-color: #ff392a;
  --mdc-switch-selected-pressed-handle-color: #ff392a;
  --mdc-switch-selected-focus-track-color: #ff9588;
  --mdc-switch-selected-hover-track-color: #ff9588;
  --mdc-switch-selected-pressed-track-color: #ff9588;
  --mdc-switch-selected-track-color: #ff9588;
}

html {
  --mdc-switch-state-layer-size: 40px;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #004f9f;
  --mdc-radio-selected-hover-icon-color: #004f9f;
  --mdc-radio-selected-icon-color: #004f9f;
  --mdc-radio-selected-pressed-icon-color: #004f9f;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #004f9f;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #5281ca;
  --mdc-radio-selected-hover-icon-color: #5281ca;
  --mdc-radio-selected-icon-color: #5281ca;
  --mdc-radio-selected-pressed-icon-color: #5281ca;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #5281ca;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff6755;
  --mdc-radio-selected-hover-icon-color: #ff6755;
  --mdc-radio-selected-icon-color: #ff6755;
  --mdc-radio-selected-pressed-icon-color: #ff6755;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff6755;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #004f9f;
  --mdc-slider-focus-handle-color: #004f9f;
  --mdc-slider-hover-handle-color: #004f9f;
  --mdc-slider-active-track-color: #004f9f;
  --mdc-slider-inactive-track-color: #004f9f;
  --mdc-slider-with-tick-marks-inactive-container-color: #004f9f;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #004f9f;
  --mat-slider-hover-state-layer-color: rgba(0, 79, 159, 0.05);
  --mat-slider-focus-state-layer-color: rgba(0, 79, 159, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #5281ca;
  --mat-slider-hover-state-layer-color: rgba(82, 129, 202, 0.05);
  --mat-slider-focus-state-layer-color: rgba(82, 129, 202, 0.2);
  --mdc-slider-handle-color: #5281ca;
  --mdc-slider-focus-handle-color: #5281ca;
  --mdc-slider-hover-handle-color: #5281ca;
  --mdc-slider-active-track-color: #5281ca;
  --mdc-slider-inactive-track-color: #5281ca;
  --mdc-slider-with-tick-marks-inactive-container-color: #5281ca;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #ff6755;
  --mat-slider-hover-state-layer-color: rgba(255, 103, 85, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 103, 85, 0.2);
  --mdc-slider-handle-color: #ff6755;
  --mdc-slider-focus-handle-color: #ff6755;
  --mdc-slider-hover-handle-color: #ff6755;
  --mdc-slider-active-track-color: #ff6755;
  --mdc-slider-inactive-track-color: #ff6755;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff6755;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 0;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #004f9f;
  --mdc-radio-selected-hover-icon-color: #004f9f;
  --mdc-radio-selected-icon-color: #004f9f;
  --mdc-radio-selected-pressed-icon-color: #004f9f;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #5281ca;
  --mdc-radio-selected-hover-icon-color: #5281ca;
  --mdc-radio-selected-icon-color: #5281ca;
  --mdc-radio-selected-pressed-icon-color: #5281ca;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff6755;
  --mdc-radio-selected-hover-icon-color: #ff6755;
  --mdc-radio-selected-icon-color: #ff6755;
  --mdc-radio-selected-pressed-icon-color: #ff6755;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #004f9f;
  --mdc-checkbox-selected-hover-icon-color: #004f9f;
  --mdc-checkbox-selected-icon-color: #004f9f;
  --mdc-checkbox-selected-pressed-icon-color: #004f9f;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #004f9f;
  --mdc-checkbox-selected-hover-state-layer-color: #004f9f;
  --mdc-checkbox-selected-pressed-state-layer-color: #004f9f;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #5281ca;
  --mdc-checkbox-selected-hover-icon-color: #5281ca;
  --mdc-checkbox-selected-icon-color: #5281ca;
  --mdc-checkbox-selected-pressed-icon-color: #5281ca;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #5281ca;
  --mdc-checkbox-selected-hover-state-layer-color: #5281ca;
  --mdc-checkbox-selected-pressed-state-layer-color: #5281ca;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff6755;
  --mdc-checkbox-selected-hover-icon-color: #ff6755;
  --mdc-checkbox-selected-icon-color: #ff6755;
  --mdc-checkbox-selected-pressed-icon-color: #ff6755;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff6755;
  --mdc-checkbox-selected-hover-state-layer-color: #ff6755;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff6755;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #004f9f;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #004f9f;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #004f9f;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #004f9f;
  --mat-tab-header-active-ripple-color: #004f9f;
  --mat-tab-header-inactive-ripple-color: #004f9f;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #004f9f;
  --mat-tab-header-active-hover-label-text-color: #004f9f;
  --mat-tab-header-active-focus-indicator-color: #004f9f;
  --mat-tab-header-active-hover-indicator-color: #004f9f;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #5281ca;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #5281ca;
  --mat-tab-header-active-ripple-color: #5281ca;
  --mat-tab-header-inactive-ripple-color: #5281ca;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #5281ca;
  --mat-tab-header-active-hover-label-text-color: #5281ca;
  --mat-tab-header-active-focus-indicator-color: #5281ca;
  --mat-tab-header-active-hover-indicator-color: #5281ca;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ff6755;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff6755;
  --mat-tab-header-active-ripple-color: #ff6755;
  --mat-tab-header-inactive-ripple-color: #ff6755;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff6755;
  --mat-tab-header-active-hover-label-text-color: #ff6755;
  --mat-tab-header-active-focus-indicator-color: #ff6755;
  --mat-tab-header-active-hover-indicator-color: #ff6755;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #004f9f;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #5281ca;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ff6755;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #5281ca;
  --mdc-checkbox-selected-hover-icon-color: #5281ca;
  --mdc-checkbox-selected-icon-color: #5281ca;
  --mdc-checkbox-selected-pressed-icon-color: #5281ca;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #5281ca;
  --mdc-checkbox-selected-hover-state-layer-color: #5281ca;
  --mdc-checkbox-selected-pressed-state-layer-color: #5281ca;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #004f9f;
  --mdc-checkbox-selected-hover-icon-color: #004f9f;
  --mdc-checkbox-selected-icon-color: #004f9f;
  --mdc-checkbox-selected-pressed-icon-color: #004f9f;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #004f9f;
  --mdc-checkbox-selected-hover-state-layer-color: #004f9f;
  --mdc-checkbox-selected-pressed-state-layer-color: #004f9f;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff6755;
  --mdc-checkbox-selected-hover-icon-color: #ff6755;
  --mdc-checkbox-selected-icon-color: #ff6755;
  --mdc-checkbox-selected-pressed-icon-color: #ff6755;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff6755;
  --mdc-checkbox-selected-hover-state-layer-color: #ff6755;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff6755;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #004f9f;
  --mat-text-button-state-layer-color: #004f9f;
  --mat-text-button-ripple-color: rgba(0, 79, 159, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #5281ca;
  --mat-text-button-state-layer-color: #5281ca;
  --mat-text-button-ripple-color: rgba(82, 129, 202, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ff6755;
  --mat-text-button-state-layer-color: #ff6755;
  --mat-text-button-ripple-color: rgba(255, 103, 85, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #004f9f;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #5281ca;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ff6755;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #004f9f;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #5281ca;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ff6755;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #004f9f;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #004f9f;
  --mat-outlined-button-ripple-color: rgba(0, 79, 159, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #5281ca;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #5281ca;
  --mat-outlined-button-ripple-color: rgba(82, 129, 202, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ff6755;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff6755;
  --mat-outlined-button-ripple-color: rgba(255, 103, 85, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #004f9f;
  --mat-icon-button-state-layer-color: #004f9f;
  --mat-icon-button-ripple-color: rgba(0, 79, 159, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #5281ca;
  --mat-icon-button-state-layer-color: #5281ca;
  --mat-icon-button-ripple-color: rgba(82, 129, 202, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ff6755;
  --mat-icon-button-state-layer-color: #ff6755;
  --mat-icon-button-ripple-color: rgba(255, 103, 85, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
}

html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #004f9f;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #5281ca;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ff6755;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #004f9f;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #5281ca;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ff6755;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #5281ca;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #004f9f;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #5281ca;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ff6755;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #004f9f;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #5281ca;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #ff6755;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #004f9f;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(0, 79, 159, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(0, 79, 159, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(0, 79, 159, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #004f9f;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(0, 79, 159, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #5281ca;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(82, 129, 202, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(82, 129, 202, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(82, 129, 202, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(82, 129, 202, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff6755;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 103, 85, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 103, 85, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 103, 85, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 103, 85, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #5281ca;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ff6755;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #004f9f;
}
.mat-icon.mat-accent {
  --mat-icon-color: #5281ca;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ff6755;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #004f9f;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #004f9f;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #004f9f;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #ff6755;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ff6755;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #5281ca;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #5281ca;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #5281ca;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff6755;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff6755;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff6755;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #004f9f;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #5281ca;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff6755;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

[hidden] {
  display: none !important;
}

.mat-mdc-snack-bar-container {
  margin-bottom: 20px !important;
}
.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  background-color: #004f9f !important;
}
.mat-mdc-snack-bar-container.snackBar--error {
  background-color: #e40000;
}
.mat-mdc-snack-bar-container.snackBar--warning {
  background-color: #e40000 !important;
}
.mat-mdc-snack-bar-container.snackBar button {
  border-left: 1px solid #fff;
  border-radius: 0;
  max-height: 100%;
}
.mat-mdc-snack-bar-container.snackBar button span {
  color: #fff;
}

.mat-mdc-menu-panel.no-padding .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.center-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

button .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mat-mdc-icon-button:disabled {
  color: rgba(0, 0, 0, 0.26) !important;
}

/* MINI FAB BUTTONS */
button.mat-mdc-mini-fab.no-padding .mat-button-wrapper {
  padding: 0;
}

/* CHECKBOXES */
mat-selection-list.mat-mdc-selection-list mat-list-option .mat-mdc-list-item-unscoped-content {
  font-size: 13px;
  color: #7f7f7f;
  flex: 1;
  font-weight: normal;
}
mat-selection-list.mat-mdc-selection-list mat-list-option .mdc-checkbox .mdc-checkbox__background {
  border-radius: 4px;
  width: 20px;
  height: 20px;
  border-width: 1px;
}
mat-selection-list.mat-mdc-selection-list mat-list-option .mdc-checkbox .mdc-checkbox__checkmark {
  width: 16px;
  height: 16px;
  margin-left: 1px;
  margin-top: 1px;
}
mat-selection-list.mat-mdc-selection-list mat-list-option.mat-list-item-disabled {
  background-color: unset;
  opacity: 0.5;
}
mat-selection-list.mat-mdc-selection-list.priority {
  --list-option-inner-spacing: 5px;
  --border-width: 1px;
  overflow: hidden;
}
mat-selection-list.mat-mdc-selection-list.priority .mat-mdc-list-item,
mat-selection-list.mat-mdc-selection-list.priority .mat-list-option {
  width: 65px;
  float: left;
  padding: 0 8px;
  font-size: 13px;
}
mat-selection-list.mat-mdc-selection-list.priority .mat-mdc-list-item .mdc-list-item__content,
mat-selection-list.mat-mdc-selection-list.priority .mat-list-option .mdc-list-item__content {
  margin-top: 2px;
}
mat-selection-list.mat-mdc-selection-list.priority .mat-mdc-list-item .mdc-list-item__end .mdc-checkbox,
mat-selection-list.mat-mdc-selection-list.priority .mat-list-option .mdc-list-item__end .mdc-checkbox {
  margin: 0;
  padding: var(--list-option-inner-spacing);
  padding-right: 0;
}
mat-selection-list.mat-mdc-selection-list.priority .mat-mdc-list-item .mdc-list-item__end .mdc-checkbox input,
mat-selection-list.mat-mdc-selection-list.priority .mat-list-option .mdc-list-item__end .mdc-checkbox input {
  top: calc(var(--list-option-inner-spacing) - var(--border-width));
  left: calc(var(--list-option-inner-spacing) - var(--border-width));
}
mat-selection-list.mat-mdc-selection-list.priority .mat-mdc-list-item .mdc-list-item__end .mdc-checkbox__background,
mat-selection-list.mat-mdc-selection-list.priority .mat-list-option .mdc-list-item__end .mdc-checkbox__background {
  top: calc(var(--list-option-inner-spacing) - var(--border-width));
  left: calc(var(--list-option-inner-spacing) - var(--border-width));
}

/* SELECT */
mat-form-field.outline {
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 8px 8px 0 8px;
  margin-bottom: 20px;
}
mat-form-field.outline.mat-focused {
  border: 2px solid dodgerblue;
  margin-bottom: 19px;
  padding: 7px 7px 0 7px;
}
mat-form-field.outline.mat-focused:hover {
  border: 2px solid dodgerblue;
}
mat-form-field.outline:hover {
  border: 2px solid black;
  margin-bottom: 19px;
  padding: 7px 7px 0 7px;
}

mat-form-field.mat-form-field-disabled.dark-disabled {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
}
mat-form-field.mat-form-field-disabled.dark-disabled input,
mat-form-field.mat-form-field-disabled.dark-disabled .mat-form-field-label {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.5);
  opacity: 1; /* required on iOS */
  color: rgba(0, 0, 0, 0.5);
}
mat-form-field.mat-form-field-disabled.dark-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.2);
}

mat-form-field.highlighted {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
}
mat-form-field.highlighted .mat-form-field-outline,
mat-form-field.highlighted .mat-form-field-outline-thick {
  color: dodgerblue;
  transition: opacity 600ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
mat-form-field.highlighted .mat-form-field-outline {
  opacity: 0 !important;
}
mat-form-field.highlighted .mat-form-field-outline-thick {
  opacity: 1 !important;
  background: rgba(30, 144, 255, 0.1);
  border-radius: 5px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.outline.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 16px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field.mat-focused .mat-form-field-required-marker {
  color: dodgerblue;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field.mat-focused .mat-form-field-ripple {
  background-color: dodgerblue;
}

/* INPUT */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: dodgerblue;
}

.mat-mdc-form-field.outline.mat-focused {
  border: dodgerblue;
}

mat-radio-button {
  padding: 5px 0;
}
mat-radio-button .mdc-form-field.mat-internal-form-field .mdc-radio {
  padding: 0;
}
mat-radio-button .mdc-form-field.mat-internal-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-width: 1px;
}
mat-radio-button .mdc-form-field.mat-internal-form-field .mdc-label {
  white-space: normal !important;
}
mat-radio-button .mdc-form-field.mat-internal-form-field .mdc-radio:not(.mdc-radio--disabled) + .mdc-label {
  color: #7f7f7f !important;
}
mat-radio-button .mdc-radio__native-control:focus + .mdc-radio__background::before {
  opacity: 0 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.mat-button-disabled mat-icon > svg {
  fill: rgba(0, 0, 0, 0.26);
}

mat-selection-list.mat-mdc-selection-list .mat-mdc-list-item.mat-mdc-list-option .mdc-list-item__end {
  margin: unset;
}

.mat-pseudo-checkbox {
  width: 18px;
  height: 18px;
  margin-left: 5px;
}

.mat-pseudo-checkbox-checked {
  background-color: #0c7fda;
}

mat-pseudo-checkbox.mat-pseudo-checkbox {
  border-radius: 4px;
  width: 20px;
  height: 20px;
  border-width: 1px;
}
mat-pseudo-checkbox.mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after {
  width: 12px;
}
mat-pseudo-checkbox.mat-pseudo-checkbox.mat-pseudo-checkbox-checked::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.c-article-header .mat-mdc-button {
  float: right;
  border-radius: 5px;
}

/* MODALS */
.form-modal.updateLogger,
.form-modal.upload {
  width: 370px;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
}
@media only screen and (max-width: 1023px) {
  .form-modal.updateLogger,
  .form-modal.upload {
    width: auto;
  }
}
.form-modal.updateLogger input,
.form-modal.upload input {
  padding: 0;
}
.form-modal.updateLogger .mat-form-field-appearance-outline .mat-form-field-label,
.form-modal.upload .mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.9em;
}
.form-modal.updateLogger mat-form-field,
.form-modal.upload mat-form-field {
  font-size: 13px;
}
.form-modal.updateLogger mat-form-field input,
.form-modal.upload mat-form-field input {
  font-size: 13px;
}
.form-modal.updateLogger .c-modal__footer button,
.form-modal.upload .c-modal__footer button {
  border-radius: 5px;
  padding: 0 28px;
}
.form-modal.updateLogger .c-modal__footer button:first-child,
.form-modal.upload .c-modal__footer button:first-child {
  background-color: #37394c;
  color: white;
}

/* FILTERS */
.map_filter {
  margin-bottom: 20px;
}
.map_filter.list_filter {
  width: 100%;
  margin-bottom: 0;
  margin-top: -8px;
  /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/
  /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/
}
.map_filter.list_filter .mat-list-option {
  /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version.*/
}
.map_filter.list_filter .mat-list-option .mat-list-text {
  font-size: 14px;
  margin-left: 0;
  width: 205px;
}

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

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

mat-dialog-container.mat-mdc-dialog-container {
  border-radius: 6px;
  padding: 0;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-title {
  padding: 15px 24px;
  background-color: #fafbfc;
  border-bottom: 1px solid #d4d4d4;
  display: flex;
  align-items: center;
  margin: 0;
  height: calc(20px + 2 * 15px);
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-title .dialog-title-container {
  flex: 1;
  line-height: 20px;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-title .dialog-title-container .headline {
  color: #344557;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.32px;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-title .dialog-title-container .mat-mdc-dialog-content {
  color: rgba(54, 57, 76, 0.65);
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.3px;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-title .dialog-title-container .mat-mdc-dialog-content:hover {
  text-decoration: underline;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-title mat-icon {
  cursor: pointer;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-content {
  color: #37394c;
  font-size: 15px;
  margin: 0;
  max-height: 70vh;
  padding: 0 25px;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-content p {
  font-size: 15px;
  margin: 1em 0;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-content--no-padding {
  padding: 0;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-actions {
  padding: 20px;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  min-height: 92px;
}
mat-dialog-container.mat-mdc-dialog-container .mat-mdc-dialog-actions button:last-child {
  margin-left: 10px;
}

mat-accordion {
  display: block;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}
mat-accordion mat-expansion-panel.mat-expansion-panel:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}
mat-accordion mat-expansion-panel.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
mat-accordion mat-expansion-panel.mat-expansion-panel.mat-expansion-panel-spacing {
  margin: 0;
}
mat-accordion mat-expansion-panel.mat-expansion-panel.no-content-padding .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0;
}
mat-accordion mat-expansion-panel.mat-expansion-panel mat-expansion-panel-header.mat-expansion-panel-header {
  border-radius: 0;
}
mat-accordion mat-expansion-panel.mat-expansion-panel mat-expansion-panel-header.mat-expansion-panel-header .mat-expansion-panel-header-title {
  color: rgba(54, 57, 76, 0.8);
  font-size: 11px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  font-weight: 700;
}
mat-accordion mat-expansion-panel.mat-expansion-panel mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded, mat-accordion mat-expansion-panel.mat-expansion-panel mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded:hover, mat-accordion mat-expansion-panel.mat-expansion-panel mat-expansion-panel-header.mat-expansion-panel-header.mat-expanded:focus {
  background-color: #f4f4f4;
  border-bottom: 1px solid #f0f0f0;
}
mat-accordion.article-overview mat-expansion-panel {
  border-bottom: none !important;
}
mat-accordion.article-overview mat-expansion-panel.mat-expanded mat-expansion-panel-header {
  border-bottom: 1px solid #d4d4d4 !important;
}
mat-accordion.article-overview mat-expansion-panel mat-expansion-panel-header {
  background-color: #f4f4f4;
  font-size: 11px;
  padding: 1.1em 0.8em !important;
  height: auto !important;
}
mat-accordion.article-overview mat-expansion-panel mat-expansion-panel-header.inline-image {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 38px;
}
mat-accordion.article-overview mat-expansion-panel mat-expansion-panel-header.inline-image mat-icon svg {
  vertical-align: middle;
  margin-top: -2px;
}
mat-accordion.article-overview mat-expansion-panel mat-expansion-panel-header mat-panel-title.inline-block {
  display: inline-block;
}
mat-accordion.article-overview mat-expansion-panel .mat-expansion-panel-content {
  line-height: initial !important;
}
mat-accordion.article-overview mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0 !important;
}

mat-icon {
  line-height: 24px;
}

mat-icon.mat-icon.mat-icon-size-6 {
  line-height: 6px;
  height: 6px;
  width: 6px;
  font-size: 6px;
}
mat-icon.mat-icon.mat-icon-size-6 svg {
  height: 6px;
  width: 6px;
}

mat-icon.mat-icon.mat-icon-size-8 {
  line-height: 8px;
  height: 8px;
  width: 8px;
  font-size: 8px;
}
mat-icon.mat-icon.mat-icon-size-8 svg {
  height: 8px;
  width: 8px;
}

mat-icon.mat-icon.mat-icon-size-10 {
  line-height: 10px;
  height: 10px;
  width: 10px;
  font-size: 10px;
}
mat-icon.mat-icon.mat-icon-size-10 svg {
  height: 10px;
  width: 10px;
}

mat-icon.mat-icon.mat-icon-size-12 {
  line-height: 12px;
  height: 12px;
  width: 12px;
  font-size: 12px;
}
mat-icon.mat-icon.mat-icon-size-12 svg {
  height: 12px;
  width: 12px;
}

mat-icon.mat-icon.mat-icon-size-14 {
  line-height: 14px;
  height: 14px;
  width: 14px;
  font-size: 14px;
}
mat-icon.mat-icon.mat-icon-size-14 svg {
  height: 14px;
  width: 14px;
}

mat-icon.mat-icon.mat-icon-size-16 {
  line-height: 16px;
  height: 16px;
  width: 16px;
  font-size: 16px;
}
mat-icon.mat-icon.mat-icon-size-16 svg {
  height: 16px;
  width: 16px;
}

mat-icon.mat-icon.mat-icon-size-18 {
  line-height: 18px;
  height: 18px;
  width: 18px;
  font-size: 18px;
}
mat-icon.mat-icon.mat-icon-size-18 svg {
  height: 18px;
  width: 18px;
}

mat-icon.mat-icon.mat-icon-size-20 {
  line-height: 20px;
  height: 20px;
  width: 20px;
  font-size: 20px;
}
mat-icon.mat-icon.mat-icon-size-20 svg {
  height: 20px;
  width: 20px;
}

mat-icon.mat-icon.mat-icon-size-22 {
  line-height: 22px;
  height: 22px;
  width: 22px;
  font-size: 22px;
}
mat-icon.mat-icon.mat-icon-size-22 svg {
  height: 22px;
  width: 22px;
}

mat-icon.mat-icon.mat-icon-size-24 {
  line-height: 24px;
  height: 24px;
  width: 24px;
  font-size: 24px;
}
mat-icon.mat-icon.mat-icon-size-24 svg {
  height: 24px;
  width: 24px;
}

mat-icon.mat-icon.mat-icon-size-26 {
  line-height: 26px;
  height: 26px;
  width: 26px;
  font-size: 26px;
}
mat-icon.mat-icon.mat-icon-size-26 svg {
  height: 26px;
  width: 26px;
}

mat-icon.mat-icon.mat-icon-size-28 {
  line-height: 28px;
  height: 28px;
  width: 28px;
  font-size: 28px;
}
mat-icon.mat-icon.mat-icon-size-28 svg {
  height: 28px;
  width: 28px;
}

mat-icon.mat-icon.mat-icon-size-30 {
  line-height: 30px;
  height: 30px;
  width: 30px;
  font-size: 30px;
}
mat-icon.mat-icon.mat-icon-size-30 svg {
  height: 30px;
  width: 30px;
}

mat-icon.mat-icon.mat-icon-size-32 {
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 32px;
}
mat-icon.mat-icon.mat-icon-size-32 svg {
  height: 32px;
  width: 32px;
}

mat-icon.mat-icon.mat-icon-size-34 {
  line-height: 34px;
  height: 34px;
  width: 34px;
  font-size: 34px;
}
mat-icon.mat-icon.mat-icon-size-34 svg {
  height: 34px;
  width: 34px;
}

mat-icon.mat-icon.mat-icon-size-36 {
  line-height: 36px;
  height: 36px;
  width: 36px;
  font-size: 36px;
}
mat-icon.mat-icon.mat-icon-size-36 svg {
  height: 36px;
  width: 36px;
}

mat-icon.mat-icon.mat-icon-size-38 {
  line-height: 38px;
  height: 38px;
  width: 38px;
  font-size: 38px;
}
mat-icon.mat-icon.mat-icon-size-38 svg {
  height: 38px;
  width: 38px;
}

mat-icon.mat-icon.mat-icon-size-40 {
  line-height: 40px;
  height: 40px;
  width: 40px;
  font-size: 40px;
}
mat-icon.mat-icon.mat-icon-size-40 svg {
  height: 40px;
  width: 40px;
}

mat-icon.color-red path {
  fill: #ff4c4d;
  stroke: #ff4c4d;
}

mat-icon.color-blue path {
  fill: #4776bf;
  stroke: #4776bf;
}

/*
CUSTOM VR TABLE
 */
vr-table .vr-table {
  border: 1px solid #d4d4d4;
}
vr-table .mat-mdc-header-cell {
  cursor: pointer;
}
vr-table .no-data-info {
  height: 50px;
  background: white;
  text-align: center;
  font-size: 14px;
  line-height: 50px;
}
vr-table mat-paginator .mat-mdc-paginator-range-label {
  color: rgba(0, 0, 0, 0.7);
}
vr-table mat-paginator .mat-mdc-paginator-page-size {
  padding-bottom: 10px;
}
vr-table mat-paginator .mat-mdc-paginator-page-size .mat-mdc-paginator-page-size-label {
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field {
  max-width: 60px;
  text-align: center;
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__leading {
  border-left: none;
  border-top: none;
  border-bottom-left-radius: 0;
  border-color: rgba(0, 0, 0, 0.42);
  border-width: 1px !important;
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__notch {
  border-top: none;
  border-color: rgba(0, 0, 0, 0.42);
  border-width: 1px !important;
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mdc-notched-outline__trailing {
  border-right: none;
  border-top: none;
  border-bottom-right-radius: 0;
  border-color: rgba(0, 0, 0, 0.42);
  border-width: 1px !important;
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 10px 0 0 0;
  min-height: 34px;
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field.mat-focused .mdc-text-field--focused .mat-mdc-form-field-flex .mdc-notched-outline__leading {
  border-color: rgba(0, 79, 159, 0.87);
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field.mat-focused .mdc-text-field--focused .mat-mdc-form-field-flex .mdc-notched-outline__notch {
  border-color: rgba(0, 79, 159, 0.87);
}
vr-table mat-paginator .mat-mdc-paginator-page-size mat-form-field.mat-focused .mdc-text-field--focused .mat-mdc-form-field-flex .mdc-notched-outline__trailing {
  border-color: rgba(0, 79, 159, 0.87);
}
@media only screen and (max-width: 1023px) {
  vr-table mat-paginator .mat-mdc-paginator-container {
    padding: 0;
  }
  vr-table mat-paginator .mat-mdc-paginator-range-label {
    margin: 0 10px 0 6px;
  }
  vr-table mat-paginator .mat-mdc-paginator-page-size-label {
    display: none;
  }
}
vr-table table.mat-mdc-table {
  width: 100%;
  border-radius: 2px;
}
vr-table table.mat-mdc-table.vr-table-menu-left thead th:first-child,
vr-table table.mat-mdc-table.vr-table-menu-left thead td:first-child,
vr-table table.mat-mdc-table.vr-table-menu-left tbody th:first-child,
vr-table table.mat-mdc-table.vr-table-menu-left tbody td:first-child {
  padding-left: 10px;
  padding-right: 10px;
  width: 50px;
  text-align: center;
}
vr-table table.mat-mdc-table.vr-table-menu-right thead th:last-child,
vr-table table.mat-mdc-table.vr-table-menu-right thead td:last-child,
vr-table table.mat-mdc-table.vr-table-menu-right tbody th:last-child,
vr-table table.mat-mdc-table.vr-table-menu-right tbody td:last-child {
  padding-left: 0;
  padding-right: 0;
  width: 50px;
  text-align: center;
}
vr-table table.mat-mdc-table thead .mat-mdc-header-cell,
vr-table table.mat-mdc-table tbody .mat-mdc-cell,
vr-table table.mat-mdc-table tfoot.mat-mdc-footer-cell {
  padding: 10px;
}
vr-table table.mat-mdc-table thead {
  background-color: #f4f4f4;
}
vr-table table.mat-mdc-table thead .mat-mdc-header-cell {
  white-space: nowrap;
  color: rgba(54, 57, 76, 0.8);
  font-size: 11px;
  letter-spacing: 1.2px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
}
vr-table table.mat-mdc-table thead .mat-mdc-header-cell button {
  letter-spacing: 1.2px;
  font-weight: 600;
  text-transform: uppercase;
}
vr-table table.mat-mdc-table thead .mat-mdc-header-cell .mat-sort-header-arrow {
  margin-top: -3px;
}
vr-table table.mat-mdc-table thead .cdk-drag-preview {
  box-sizing: border-box;
  padding: 0 15px;
  position: relative;
}
vr-table table.mat-mdc-table thead .cdk-drag-placeholder {
  color: transparent;
  position: relative;
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
vr-table table.mat-mdc-table thead .cdk-drag-placeholder::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  right: 5px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1);
  border: dashed 1px rgba(0, 0, 0, 0.4);
}
vr-table table.mat-mdc-table thead .cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
vr-table table.mat-mdc-table tbody .mat-row td.mat-mdc-cell {
  font-size: 13px;
  line-height: normal;
}
vr-table table.mat-mdc-table tbody .mat-row td.mat-mdc-cell vr-logger-table-has-leakage i,
vr-table table.mat-mdc-table tbody .mat-row td.mat-mdc-cell vr-hydrant-table-priority i,
vr-table table.mat-mdc-table tbody .mat-row td.mat-mdc-cell vr-slider-table-priority i {
  margin-left: 20px;
}
vr-table table.mat-mdc-table tbody .mat-row {
  background: #fff;
}
vr-table table.mat-mdc-table tbody .mat-row:hover {
  background-color: #fafafa;
  cursor: pointer;
}
vr-table table.mat-mdc-table tbody .mat-row:hover .icon--trash:hover svg {
  cursor: pointer;
}
vr-table table.mat-mdc-table tbody .mat-row:hover .icon--trash:hover svg g {
  stroke: #ff4c4d;
}
vr-table table.mat-mdc-table tbody .mat-row:hover .icon--trash:hover svg path {
  fill: #ff4c4d;
}
vr-table table.mat-mdc-table tbody .mat-row:hover .icon--edit-pen:hover {
  cursor: pointer;
}
vr-table table.mat-mdc-table tbody .mat-row:hover .icon--edit-pen:hover svg path {
  fill: #52bd8a;
}
vr-table table.mat-mdc-table tbody .mat-row.active {
  background-color: #e2f0ff;
}

vr-article-list .o-grid {
  height: 100%;
}
vr-article-list .u-letter-box--medium {
  height: calc(100% - 32px);
  overflow: auto;
}
vr-article-list .article-table {
  position: relative;
  overflow: auto;
  height: 100%;
}
vr-article-list .article-table .no-data-info {
  position: absolute;
  top: 56px;
  width: 100%;
  height: 50px;
  left: 0;
}

.article-w12-table .mat-column-status,
.article-w12-table .mat-column-category,
.article-w12-table .mat-column-position {
  cursor: pointer;
}
.article-w12-table .mat-column-status .mat-sort-header-arrow,
.article-w12-table .mat-column-category .mat-sort-header-arrow,
.article-w12-table .mat-column-position .mat-sort-header-arrow {
  display: none !important;
  opacity: 0 !important;
}

vr-table.article-overview-table {
  border-width: 0;
}
vr-table.article-overview-table thead .mat-mdc-header-cell {
  white-space: normal !important;
  text-align: center;
}
vr-table.article-overview-table thead .mat-mdc-header-cell:first-child {
  text-align: left;
}
vr-table.article-overview-table tbody .mat-row .mat-mdc-cell {
  text-align: center;
}
vr-table.article-overview-table tbody .mat-row .mat-mdc-cell:first-child {
  text-align: left;
}
vr-table.article-overview-table tbody .mat-row .mat-mdc-cell vr-logger-table-has-leakage i,
vr-table.article-overview-table tbody .mat-row .mat-mdc-cell vr-hydrant-table-priority i,
vr-table.article-overview-table tbody .mat-row .mat-mdc-cell vr-slider-table-priority i {
  margin-left: 0 !important;
}
vr-table.article-overview-table tbody .mat-row.active {
  cursor: default !important;
}
vr-table.article-overview-table .vr-table-wrapper {
  height: 196px;
}

vr-table.article-tell-industrial-overview-table {
  border-width: 0;
}
vr-table.article-tell-industrial-overview-table thead tr {
  height: 34px;
}
vr-table.article-tell-industrial-overview-table thead .mat-mdc-header-cell {
  white-space: normal !important;
  text-align: left;
  padding: 8px !important;
}
vr-table.article-tell-industrial-overview-table thead .mat-mdc-header-cell:first-child {
  padding-left: 16px !important;
}
vr-table.article-tell-industrial-overview-table thead .mat-mdc-header-cell:last-child {
  padding-right: 16px !important;
}
vr-table.article-tell-industrial-overview-table tbody .mat-row td {
  height: 40px;
}
vr-table.article-tell-industrial-overview-table tbody .mat-row .mat-mdc-cell {
  text-align: left;
  padding: 4px 8px !important;
}
vr-table.article-tell-industrial-overview-table tbody .mat-row .mat-mdc-cell:first-child {
  padding-left: 16px !important;
}
vr-table.article-tell-industrial-overview-table tbody .mat-row .mat-mdc-cell:last-child {
  padding-right: 16px !important;
}
vr-table.article-tell-industrial-overview-table tbody .mat-row .mat-mdc-cell vr-logger-table-has-leakage i,
vr-table.article-tell-industrial-overview-table tbody .mat-row .mat-mdc-cell vr-hydrant-table-priority i,
vr-table.article-tell-industrial-overview-table tbody .mat-row .mat-mdc-cell vr-slider-table-priority i {
  margin-left: 0 !important;
}
vr-table.article-tell-industrial-overview-table tbody .mat-row.active {
  cursor: default !important;
}
vr-table.article-tell-industrial-overview-table .vr-table-wrapper {
  height: 196px;
}

vr-table.test-table-class .vr-table-wrapper {
  max-height: 400px;
}

.cdk-drag-preview {
  content: "";
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cdk-drag-preview span {
  color: rgba(54, 57, 76, 0.8);
  font-size: 11px;
  letter-spacing: 1.2px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding-left: 1em;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 32px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.mat-button-toggle-checked {
  background-color: #014f9f;
}

/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #fff;
}

mat-tab-group mat-tab-header.mat-mdc-tab-header {
  border-bottom: 0;
}

.cdk-overlay-connected-position-bounding-box {
  margin-top: 5px;
}

.cdk-overlay-pane.mat-mdc-tooltip-panel-non-interactive {
  margin-top: -12px;
}

.mat-mdc-select-panel {
  min-width: 100% !important;
}

.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mat-mdc-select-trigger {
  gap: 2px;
}

div.mat-vr-legacy-paginator.mat-mdc-select-panel.mdc-menu-surface.mdc-menu-surface--open {
  box-shadow: 0 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);
  padding: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.mat-vr-legacy-paginator.mat-mdc-select-panel.mdc-menu-surface.mdc-menu-surface--open .mat-mdc-option {
  min-height: 36px;
}
div.mat-vr-legacy-paginator.mat-mdc-select-panel.mdc-menu-surface.mdc-menu-surface--open .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) {
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.12);
}

mat-calendar {
  min-width: 207px;
  border: 2px solid #5281ca;
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: #878787;
  font-size: 1em;
}

.cdk-overlay-container .mat-calendar-body-selected {
  background-color: #5281ca !important;
}

.mat-calendar-table-header th {
  font-weight: bold;
}
.mat-calendar-table-header .mat-calendar-table-header-divider::after {
  display: none;
}

.mat-calendar-table tbody > tr:first-child .mat-calendar-body-label {
  visibility: hidden;
}

.mat-calendar-table tbody > tr:first-child .mat-calendar-body-label[colspan="7"] {
  display: none;
}

.map-calendar-button-toggle.mat-primary {
  background-color: #5281ca !important;
  color: #fff;
}

.calendar-cell {
  border: none;
}
.calendar-cell .mat-calendar-body-cell-content {
  width: 26px;
  height: 26px;
  border: none;
  color: #344557;
}
.calendar-cell .mat-calendar-body-today {
  font-weight: 800;
  box-shadow: none;
}
.calendar-cell .mat-calendar-body-selected {
  background-color: #fff;
  border: 2px solid #5281ca !important;
}
.calendar-cell:not(.mat-calendar-body-disabled) .mat-calendar-body-selected {
  color: #344557;
}
.calendar-cell.mat-calendar-body-disabled .mat-calendar-body-selected {
  color: #344557;
}
.calendar-cell.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: #ededed;
}
.calendar-cell.calendar-green .mat-calendar-body-cell-content {
  color: #5dbf88;
  font-weight: bold;
}
.calendar-cell.calendar-yellow .mat-calendar-body-cell-content {
  color: #ffd026;
  font-weight: bold;
}
.calendar-cell.calendar-orange .mat-calendar-body-cell-content {
  color: #f79a1c;
  font-weight: bold;
}
.calendar-cell.calendar-red .mat-calendar-body-cell-content {
  color: #e40000;
  font-weight: bold;
}

.mat-mdc-menu-panel.mobile-navigator-bar-menu {
  padding: 0;
  background: #e2f0ff;
  min-width: unset;
  box-shadow: unset;
  border-radius: 0;
}
.mat-mdc-menu-panel.mobile-navigator-bar-menu > div {
  display: flex;
  flex-direction: column-reverse;
  padding: 0;
}
.mat-mdc-menu-panel.mobile-navigator-bar-menu > div button {
  width: 100%;
}
.mat-mdc-menu-panel.mobile-navigator-bar-menu > div button .mat-mdc-button-persistent-ripple {
  display: none;
}

.mdc-switch__icons {
  display: none;
}

.mat-mdc-slide-toggle {
  --mdc-switch-selected-handle-color: #004897;
  --mdc-switch-selected-focus-handle-color: #004897;
  --mdc-switch-selected-hover-handle-color: #004897;
  --mdc-switch-selected-pressed-state-layer-color: #004897;
}
.mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__shadow {
  background: #fafafa;
}
:root {
  --color-primary: #004f9f;
  --color-star-dust: #999;
  --color-ocean-green: #52bd8a;
  --color-saffron-mango: #ebb957;
  --color-persimmon: #ff6156;
  --color-success: var(--color-ocean-green);
  --color-warning: var(--color-saffron-mango);
  --color-error: var(--color-persimmon);
}

mat-tooltip-component {
  pointer-events: none;
}

.mdc-tooltip .mdc-tooltip__surface {
  font-size: 14px !important;
  background: #fff !important;
  border: 1px solid #fafafa !important;
  color: #344557 !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) !important;
  margin: 5px !important;
}

.mdc-tooltip--multiline {
  height: auto;
  white-space: pre-line;
}

button[mat-flat-button].mat-vr-secondary {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  height: 40px;
  border: 1px solid #b3b3b3 !important;
}
button[mat-flat-button].mat-vr-secondary:not(:disabled) {
  background-color: #fff !important;
  color: #111 !important;
}
button[mat-flat-button].mat-vr-secondary:hover {
  background-color: #f7f9fd !important;
  color: #3768b4 !important;
  border: 1px solid #4776bf !important;
}
button[mat-flat-button].mat-vr-secondary-sm {
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  height: 40px;
  border: 1px solid #b3b3b3 !important;
}
button[mat-flat-button].mat-vr-secondary-sm:not(:disabled) {
  background-color: #fff !important;
  color: #111 !important;
}
button[mat-flat-button].mat-vr-secondary-sm:hover {
  background-color: #f7f9fd !important;
  color: #3768b4 !important;
  border: 1px solid #4776bf !important;
}
button[mat-flat-button].mat-vr-secondary-lg {
  height: 46px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  height: 40px;
  border: 1px solid #b3b3b3 !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
button[mat-flat-button].mat-vr-secondary-lg:not(:disabled) {
  background-color: #fff !important;
  color: #111 !important;
}
button[mat-flat-button].mat-vr-secondary-lg:hover {
  background-color: #f7f9fd !important;
  color: #3768b4 !important;
  border: 1px solid #4776bf !important;
}
button[mat-flat-button].mat-vr-primary {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  height: 40px;
}
button[mat-flat-button].mat-vr-primary:not(:disabled) {
  background-color: #4776bf !important;
  color: white !important;
}
button[mat-flat-button].mat-vr-primary:hover {
  background-color: #3768b4 !important;
  color: white !important;
}
button[mat-flat-button].mat-vr-primary-sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  height: 40px;
  height: 36px;
}
button[mat-flat-button].mat-vr-primary-sm:not(:disabled) {
  background-color: #4776bf !important;
  color: white !important;
}
button[mat-flat-button].mat-vr-primary-sm:hover {
  background-color: #3768b4 !important;
  color: white !important;
}
button[mat-flat-button].mat-vr-primary-lg {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  height: 46px;
}
button[mat-flat-button].mat-vr-primary-lg:not(:disabled) {
  background-color: #4776bf !important;
  color: white !important;
}
button[mat-flat-button].mat-vr-primary-lg:hover {
  background-color: #3768b4 !important;
  color: white !important;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  background-color: #fafafa;
  font-family: "Roboto", sans-serif;
  margin: 0;
}

.o-container {
  margin: auto;
}
.o-container--xsmall {
  max-width: 20em;
}
.o-container--small {
  max-width: 30em;
}
.o-container--medium {
  max-width: 48em;
}
.o-container--large {
  max-width: 64em;
}
.o-container--xlarge {
  max-width: 78em;
}
.o-container--super {
  max-width: 116em;
}

.o-grid {
  display: flex;
}
.o-grid--wrap {
  flex-wrap: wrap;
}
.o-grid--top {
  align-items: flex-start;
}
.o-grid--center {
  align-items: center;
}
.o-grid--bottom {
  align-items: flex-end;
}
.o-grid--no-gutter > .o-grid__cell {
  padding-right: 0;
  padding-left: 0;
}
.o-grid__cell {
  flex: 1;
  padding-right: 0.6em;
  padding-left: 0.6em;
}
.o-grid__cell--width-5 {
  flex: 0 0 5%;
  max-width: 5%;
}
.o-grid__cell--offset-5 {
  margin-left: 5%;
}
.o-grid__cell--width-10 {
  flex: 0 0 10%;
  max-width: 10%;
}
.o-grid__cell--offset-10 {
  margin-left: 10%;
}
.o-grid__cell--width-15 {
  flex: 0 0 15%;
  max-width: 15%;
}
.o-grid__cell--offset-15 {
  margin-left: 15%;
}
.o-grid__cell--width-20 {
  flex: 0 0 20%;
  max-width: 20%;
}
.o-grid__cell--offset-20 {
  margin-left: 20%;
}
.o-grid__cell--width-25 {
  flex: 0 0 25%;
  max-width: 25%;
}
.o-grid__cell--offset-25 {
  margin-left: 25%;
}
.o-grid__cell--width-30 {
  flex: 0 0 30%;
  max-width: 30%;
}
.o-grid__cell--offset-30 {
  margin-left: 30%;
}
.o-grid__cell--width-33 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.o-grid__cell--offset-33 {
  margin-left: 33.3333333333%;
}
.o-grid__cell--width-35 {
  flex: 0 0 35%;
  max-width: 35%;
}
.o-grid__cell--offset-35 {
  margin-left: 35%;
}
.o-grid__cell--width-40 {
  flex: 0 0 40%;
  max-width: 40%;
}
.o-grid__cell--offset-40 {
  margin-left: 40%;
}
.o-grid__cell--width-45 {
  flex: 0 0 45%;
  max-width: 45%;
}
.o-grid__cell--offset-45 {
  margin-left: 45%;
}
.o-grid__cell--width-50 {
  flex: 0 0 50%;
  max-width: 50%;
}
.o-grid__cell--offset-50 {
  margin-left: 50%;
}
.o-grid__cell--width-55 {
  flex: 0 0 55%;
  max-width: 55%;
}
.o-grid__cell--offset-55 {
  margin-left: 55%;
}
.o-grid__cell--width-60 {
  flex: 0 0 60%;
  max-width: 60%;
}
.o-grid__cell--offset-60 {
  margin-left: 60%;
}
.o-grid__cell--width-65 {
  flex: 0 0 65%;
  max-width: 65%;
}
.o-grid__cell--offset-65 {
  margin-left: 65%;
}
.o-grid__cell--width-66 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.o-grid__cell--offset-66 {
  margin-left: 66.6666666667%;
}
.o-grid__cell--width-70 {
  flex: 0 0 70%;
  max-width: 70%;
}
.o-grid__cell--offset-70 {
  margin-left: 70%;
}
.o-grid__cell--width-75 {
  flex: 0 0 75%;
  max-width: 75%;
}
.o-grid__cell--offset-75 {
  margin-left: 75%;
}
.o-grid__cell--width-80 {
  flex: 0 0 80%;
  max-width: 80%;
}
.o-grid__cell--offset-80 {
  margin-left: 80%;
}
.o-grid__cell--width-85 {
  flex: 0 0 85%;
  max-width: 85%;
}
.o-grid__cell--offset-85 {
  margin-left: 85%;
}
.o-grid__cell--width-90 {
  flex: 0 0 90%;
  max-width: 90%;
}
.o-grid__cell--offset-90 {
  margin-left: 90%;
}
.o-grid__cell--width-95 {
  flex: 0 0 95%;
  max-width: 95%;
}
.o-grid__cell--offset-95 {
  margin-left: 95%;
}
.o-grid__cell--width-100 {
  flex: 0 0 100%;
  max-width: 100%;
}
.o-grid__cell--offset-100 {
  margin-left: 100%;
}
.o-grid__cell--top {
  align-self: flex-start;
}
.o-grid__cell--center {
  align-self: center;
}
.o-grid__cell--bottom {
  align-self: flex-end;
}
.o-grid__cell--no-gutter {
  padding-right: 0;
  padding-left: 0;
}
.o-grid__cell--width-fixed {
  flex: 0 1 auto;
}
.o-grid__cell--hidden {
  display: none;
}
.o-grid__cell--visible {
  display: initial;
}

@media (max-width: 19.99em) {
  .o-grid.o-grid--xsmall-fit > .o-grid__cell:not([class*=o-grid__cell--width]) {
    flex: 1;
  }
  .o-grid.o-grid--xsmall-full {
    flex-wrap: wrap;
  }
  .o-grid.o-grid--xsmall-full > .o-grid__cell {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 20em) and (max-width: 29.99em) {
  .o-grid.o-grid--small-fit > .o-grid__cell:not([class*=o-grid__cell--width]) {
    flex: 1;
  }
  .o-grid.o-grid--small-full {
    flex-wrap: wrap;
  }
  .o-grid.o-grid--small-full > .o-grid__cell {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 30em) and (max-width: 47.99em) {
  .o-grid.o-grid--medium-fit > .o-grid__cell:not([class*=o-grid__cell--width]) {
    flex: 1;
  }
  .o-grid.o-grid--medium-full {
    flex-wrap: wrap;
  }
  .o-grid.o-grid--medium-full > .o-grid__cell {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 48em) and (max-width: 63.99em) {
  .o-grid.o-grid--large-fit > .o-grid__cell:not([class*=o-grid__cell--width]) {
    flex: 1;
  }
  .o-grid.o-grid--large-full {
    flex-wrap: wrap;
  }
  .o-grid.o-grid--large-full > .o-grid__cell {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 64em) and (max-width: 77.99em) {
  .o-grid.o-grid--xlarge-fit > .o-grid__cell:not([class*=o-grid__cell--width]) {
    flex: 1;
  }
  .o-grid.o-grid--xlarge-full {
    flex-wrap: wrap;
  }
  .o-grid.o-grid--xlarge-full > .o-grid__cell {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 64em) {
  .o-grid.o-grid--super-fit > .o-grid__cell:not([class*=o-grid__cell--width]) {
    flex: 1;
  }
  .o-grid.o-grid--super-full {
    flex-wrap: wrap;
  }
  .o-grid.o-grid--super-full > .o-grid__cell {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 20em) {
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-5\@xsmall {
    flex: 0 0 5%;
    max-width: 5%;
  }
  .o-grid__cell--offset-5\@xsmall {
    margin-left: 5%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-10\@xsmall {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .o-grid__cell--offset-10\@xsmall {
    margin-left: 10%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-15\@xsmall {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .o-grid__cell--offset-15\@xsmall {
    margin-left: 15%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-20\@xsmall {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .o-grid__cell--offset-20\@xsmall {
    margin-left: 20%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-25\@xsmall {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .o-grid__cell--offset-25\@xsmall {
    margin-left: 25%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-30\@xsmall {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .o-grid__cell--offset-30\@xsmall {
    margin-left: 30%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-33\@xsmall {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .o-grid__cell--offset-33\@xsmall {
    margin-left: 33.3333333333%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-35\@xsmall {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .o-grid__cell--offset-35\@xsmall {
    margin-left: 35%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-40\@xsmall {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .o-grid__cell--offset-40\@xsmall {
    margin-left: 40%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-45\@xsmall {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .o-grid__cell--offset-45\@xsmall {
    margin-left: 45%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-50\@xsmall {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .o-grid__cell--offset-50\@xsmall {
    margin-left: 50%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-55\@xsmall {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .o-grid__cell--offset-55\@xsmall {
    margin-left: 55%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-60\@xsmall {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .o-grid__cell--offset-60\@xsmall {
    margin-left: 60%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-65\@xsmall {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .o-grid__cell--offset-65\@xsmall {
    margin-left: 65%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-66\@xsmall {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .o-grid__cell--offset-66\@xsmall {
    margin-left: 66.6666666667%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-70\@xsmall {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .o-grid__cell--offset-70\@xsmall {
    margin-left: 70%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-75\@xsmall {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .o-grid__cell--offset-75\@xsmall {
    margin-left: 75%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-80\@xsmall {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .o-grid__cell--offset-80\@xsmall {
    margin-left: 80%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-85\@xsmall {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .o-grid__cell--offset-85\@xsmall {
    margin-left: 85%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-90\@xsmall {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .o-grid__cell--offset-90\@xsmall {
    margin-left: 90%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-95\@xsmall {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .o-grid__cell--offset-95\@xsmall {
    margin-left: 95%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xsmall {
    display: none;
  }
  .o-grid__cell--visible\@xsmall {
    display: initial;
  }
  .o-grid__cell--width-100\@xsmall {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .o-grid__cell--offset-100\@xsmall {
    margin-left: 100%;
  }
  .o-grid__cell--width-fixed\@xsmall {
    flex: 0 1 auto;
  }
}
@media (min-width: 30em) {
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-5\@small {
    flex: 0 0 5%;
    max-width: 5%;
  }
  .o-grid__cell--offset-5\@small {
    margin-left: 5%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-10\@small {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .o-grid__cell--offset-10\@small {
    margin-left: 10%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-15\@small {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .o-grid__cell--offset-15\@small {
    margin-left: 15%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-20\@small {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .o-grid__cell--offset-20\@small {
    margin-left: 20%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-25\@small {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .o-grid__cell--offset-25\@small {
    margin-left: 25%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-30\@small {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .o-grid__cell--offset-30\@small {
    margin-left: 30%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-33\@small {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .o-grid__cell--offset-33\@small {
    margin-left: 33.3333333333%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-35\@small {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .o-grid__cell--offset-35\@small {
    margin-left: 35%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-40\@small {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .o-grid__cell--offset-40\@small {
    margin-left: 40%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-45\@small {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .o-grid__cell--offset-45\@small {
    margin-left: 45%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-50\@small {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .o-grid__cell--offset-50\@small {
    margin-left: 50%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-55\@small {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .o-grid__cell--offset-55\@small {
    margin-left: 55%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-60\@small {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .o-grid__cell--offset-60\@small {
    margin-left: 60%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-65\@small {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .o-grid__cell--offset-65\@small {
    margin-left: 65%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-66\@small {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .o-grid__cell--offset-66\@small {
    margin-left: 66.6666666667%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-70\@small {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .o-grid__cell--offset-70\@small {
    margin-left: 70%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-75\@small {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .o-grid__cell--offset-75\@small {
    margin-left: 75%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-80\@small {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .o-grid__cell--offset-80\@small {
    margin-left: 80%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-85\@small {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .o-grid__cell--offset-85\@small {
    margin-left: 85%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-90\@small {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .o-grid__cell--offset-90\@small {
    margin-left: 90%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-95\@small {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .o-grid__cell--offset-95\@small {
    margin-left: 95%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@small {
    display: none;
  }
  .o-grid__cell--visible\@small {
    display: initial;
  }
  .o-grid__cell--width-100\@small {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .o-grid__cell--offset-100\@small {
    margin-left: 100%;
  }
  .o-grid__cell--width-fixed\@small {
    flex: 0 1 auto;
  }
}
@media (min-width: 48em) {
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-5\@medium {
    flex: 0 0 5%;
    max-width: 5%;
  }
  .o-grid__cell--offset-5\@medium {
    margin-left: 5%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-10\@medium {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .o-grid__cell--offset-10\@medium {
    margin-left: 10%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-15\@medium {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .o-grid__cell--offset-15\@medium {
    margin-left: 15%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-20\@medium {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .o-grid__cell--offset-20\@medium {
    margin-left: 20%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-25\@medium {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .o-grid__cell--offset-25\@medium {
    margin-left: 25%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-30\@medium {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .o-grid__cell--offset-30\@medium {
    margin-left: 30%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-33\@medium {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .o-grid__cell--offset-33\@medium {
    margin-left: 33.3333333333%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-35\@medium {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .o-grid__cell--offset-35\@medium {
    margin-left: 35%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-40\@medium {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .o-grid__cell--offset-40\@medium {
    margin-left: 40%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-45\@medium {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .o-grid__cell--offset-45\@medium {
    margin-left: 45%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-50\@medium {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .o-grid__cell--offset-50\@medium {
    margin-left: 50%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-55\@medium {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .o-grid__cell--offset-55\@medium {
    margin-left: 55%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-60\@medium {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .o-grid__cell--offset-60\@medium {
    margin-left: 60%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-65\@medium {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .o-grid__cell--offset-65\@medium {
    margin-left: 65%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-66\@medium {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .o-grid__cell--offset-66\@medium {
    margin-left: 66.6666666667%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-70\@medium {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .o-grid__cell--offset-70\@medium {
    margin-left: 70%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-75\@medium {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .o-grid__cell--offset-75\@medium {
    margin-left: 75%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-80\@medium {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .o-grid__cell--offset-80\@medium {
    margin-left: 80%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-85\@medium {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .o-grid__cell--offset-85\@medium {
    margin-left: 85%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-90\@medium {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .o-grid__cell--offset-90\@medium {
    margin-left: 90%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-95\@medium {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .o-grid__cell--offset-95\@medium {
    margin-left: 95%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@medium {
    display: none;
  }
  .o-grid__cell--visible\@medium {
    display: initial;
  }
  .o-grid__cell--width-100\@medium {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .o-grid__cell--offset-100\@medium {
    margin-left: 100%;
  }
  .o-grid__cell--width-fixed\@medium {
    flex: 0 1 auto;
  }
}
@media (min-width: 64em) {
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-5\@large {
    flex: 0 0 5%;
    max-width: 5%;
  }
  .o-grid__cell--offset-5\@large {
    margin-left: 5%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-10\@large {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .o-grid__cell--offset-10\@large {
    margin-left: 10%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-15\@large {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .o-grid__cell--offset-15\@large {
    margin-left: 15%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-20\@large {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .o-grid__cell--offset-20\@large {
    margin-left: 20%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-25\@large {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .o-grid__cell--offset-25\@large {
    margin-left: 25%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-30\@large {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .o-grid__cell--offset-30\@large {
    margin-left: 30%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-33\@large {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .o-grid__cell--offset-33\@large {
    margin-left: 33.3333333333%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-35\@large {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .o-grid__cell--offset-35\@large {
    margin-left: 35%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-40\@large {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .o-grid__cell--offset-40\@large {
    margin-left: 40%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-45\@large {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .o-grid__cell--offset-45\@large {
    margin-left: 45%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-50\@large {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .o-grid__cell--offset-50\@large {
    margin-left: 50%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-55\@large {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .o-grid__cell--offset-55\@large {
    margin-left: 55%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-60\@large {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .o-grid__cell--offset-60\@large {
    margin-left: 60%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-65\@large {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .o-grid__cell--offset-65\@large {
    margin-left: 65%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-66\@large {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .o-grid__cell--offset-66\@large {
    margin-left: 66.6666666667%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-70\@large {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .o-grid__cell--offset-70\@large {
    margin-left: 70%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-75\@large {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .o-grid__cell--offset-75\@large {
    margin-left: 75%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-80\@large {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .o-grid__cell--offset-80\@large {
    margin-left: 80%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-85\@large {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .o-grid__cell--offset-85\@large {
    margin-left: 85%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-90\@large {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .o-grid__cell--offset-90\@large {
    margin-left: 90%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-95\@large {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .o-grid__cell--offset-95\@large {
    margin-left: 95%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@large {
    display: none;
  }
  .o-grid__cell--visible\@large {
    display: initial;
  }
  .o-grid__cell--width-100\@large {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .o-grid__cell--offset-100\@large {
    margin-left: 100%;
  }
  .o-grid__cell--width-fixed\@large {
    flex: 0 1 auto;
  }
}
@media (min-width: 78em) {
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-5\@xlarge {
    flex: 0 0 5%;
    max-width: 5%;
  }
  .o-grid__cell--offset-5\@xlarge {
    margin-left: 5%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-10\@xlarge {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .o-grid__cell--offset-10\@xlarge {
    margin-left: 10%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-15\@xlarge {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .o-grid__cell--offset-15\@xlarge {
    margin-left: 15%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-20\@xlarge {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .o-grid__cell--offset-20\@xlarge {
    margin-left: 20%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-25\@xlarge {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .o-grid__cell--offset-25\@xlarge {
    margin-left: 25%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-30\@xlarge {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .o-grid__cell--offset-30\@xlarge {
    margin-left: 30%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-33\@xlarge {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .o-grid__cell--offset-33\@xlarge {
    margin-left: 33.3333333333%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-35\@xlarge {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .o-grid__cell--offset-35\@xlarge {
    margin-left: 35%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-40\@xlarge {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .o-grid__cell--offset-40\@xlarge {
    margin-left: 40%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-45\@xlarge {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .o-grid__cell--offset-45\@xlarge {
    margin-left: 45%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-50\@xlarge {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .o-grid__cell--offset-50\@xlarge {
    margin-left: 50%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-55\@xlarge {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .o-grid__cell--offset-55\@xlarge {
    margin-left: 55%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-60\@xlarge {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .o-grid__cell--offset-60\@xlarge {
    margin-left: 60%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-65\@xlarge {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .o-grid__cell--offset-65\@xlarge {
    margin-left: 65%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-66\@xlarge {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .o-grid__cell--offset-66\@xlarge {
    margin-left: 66.6666666667%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-70\@xlarge {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .o-grid__cell--offset-70\@xlarge {
    margin-left: 70%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-75\@xlarge {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .o-grid__cell--offset-75\@xlarge {
    margin-left: 75%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-80\@xlarge {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .o-grid__cell--offset-80\@xlarge {
    margin-left: 80%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-85\@xlarge {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .o-grid__cell--offset-85\@xlarge {
    margin-left: 85%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-90\@xlarge {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .o-grid__cell--offset-90\@xlarge {
    margin-left: 90%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-95\@xlarge {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .o-grid__cell--offset-95\@xlarge {
    margin-left: 95%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@xlarge {
    display: none;
  }
  .o-grid__cell--visible\@xlarge {
    display: initial;
  }
  .o-grid__cell--width-100\@xlarge {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .o-grid__cell--offset-100\@xlarge {
    margin-left: 100%;
  }
  .o-grid__cell--width-fixed\@xlarge {
    flex: 0 1 auto;
  }
}
@media (min-width: 116em) {
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-5\@super {
    flex: 0 0 5%;
    max-width: 5%;
  }
  .o-grid__cell--offset-5\@super {
    margin-left: 5%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-10\@super {
    flex: 0 0 10%;
    max-width: 10%;
  }
  .o-grid__cell--offset-10\@super {
    margin-left: 10%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-15\@super {
    flex: 0 0 15%;
    max-width: 15%;
  }
  .o-grid__cell--offset-15\@super {
    margin-left: 15%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-20\@super {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .o-grid__cell--offset-20\@super {
    margin-left: 20%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-25\@super {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .o-grid__cell--offset-25\@super {
    margin-left: 25%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-30\@super {
    flex: 0 0 30%;
    max-width: 30%;
  }
  .o-grid__cell--offset-30\@super {
    margin-left: 30%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-33\@super {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .o-grid__cell--offset-33\@super {
    margin-left: 33.3333333333%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-35\@super {
    flex: 0 0 35%;
    max-width: 35%;
  }
  .o-grid__cell--offset-35\@super {
    margin-left: 35%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-40\@super {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .o-grid__cell--offset-40\@super {
    margin-left: 40%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-45\@super {
    flex: 0 0 45%;
    max-width: 45%;
  }
  .o-grid__cell--offset-45\@super {
    margin-left: 45%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-50\@super {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .o-grid__cell--offset-50\@super {
    margin-left: 50%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-55\@super {
    flex: 0 0 55%;
    max-width: 55%;
  }
  .o-grid__cell--offset-55\@super {
    margin-left: 55%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-60\@super {
    flex: 0 0 60%;
    max-width: 60%;
  }
  .o-grid__cell--offset-60\@super {
    margin-left: 60%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-65\@super {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .o-grid__cell--offset-65\@super {
    margin-left: 65%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-66\@super {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .o-grid__cell--offset-66\@super {
    margin-left: 66.6666666667%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-70\@super {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .o-grid__cell--offset-70\@super {
    margin-left: 70%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-75\@super {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .o-grid__cell--offset-75\@super {
    margin-left: 75%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-80\@super {
    flex: 0 0 80%;
    max-width: 80%;
  }
  .o-grid__cell--offset-80\@super {
    margin-left: 80%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-85\@super {
    flex: 0 0 85%;
    max-width: 85%;
  }
  .o-grid__cell--offset-85\@super {
    margin-left: 85%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-90\@super {
    flex: 0 0 90%;
    max-width: 90%;
  }
  .o-grid__cell--offset-90\@super {
    margin-left: 90%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-95\@super {
    flex: 0 0 95%;
    max-width: 95%;
  }
  .o-grid__cell--offset-95\@super {
    margin-left: 95%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
  .o-grid__cell--hidden\@super {
    display: none;
  }
  .o-grid__cell--visible\@super {
    display: initial;
  }
  .o-grid__cell--width-100\@super {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .o-grid__cell--offset-100\@super {
    margin-left: 100%;
  }
  .o-grid__cell--width-fixed\@super {
    flex: 0 1 auto;
  }
}

.o-image {
  display: block;
  height: auto;
  max-width: 100%;
}

.o-image--full {
  min-width: 100%;
}

.o-panel-container {
  position: relative;
}

.o-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.o-panel--nav-top {
  top: 5.55em;
}

.o-panel--nav-bottom {
  bottom: 5.55em;
}

.o-media {
  display: flex;
}

.o-media .c-heading {
  padding: 0;
}

.o-media__image,
.o-media__body {
  flex: 1;
  padding-right: 0.6em;
  padding-left: 0.6em;
  padding-right: 0;
  padding-left: 0;
}
.o-media__image--top,
.o-media__body--top {
  align-self: flex-start;
}
.o-media__image--center,
.o-media__body--center {
  align-self: center;
}
.o-media__image--bottom,
.o-media__body--bottom {
  align-self: flex-end;
}

.o-media__image {
  flex: 0 1 auto;
  width: 3em;
}

.o-media__body {
  margin-left: 0.5em;
}

.o-fieldset,
.o-fieldset.c-list {
  display: block;
  width: 100%;
  margin: 0.5em 0;
  padding: 0;
  border: 0;
}

.o-fieldset__legend {
  display: block;
  width: 100%;
  padding: 1em 0;
  cursor: pointer;
  padding: 0.25em 0;
}

.o-form-element {
  position: relative;
  padding: 1em 0;
}
.o-form-element .c-label:first-child {
  padding: 0 0 0.5em 0;
}

.form-row {
  margin: 10px 0;
}
.form-row div {
  display: flex;
}
.form-row div .separator {
  padding: 11px;
}

.c-text {
  color: #111;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.55;
}

.c-text--mono {
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.c-text--highlight {
  margin: -0.125em;
  padding: 0.25em 0.25em 0.125em;
  background-color: #ffeb3b;
  color: #111;
}

.c-text--quiet {
  color: #96a8b2;
}

.c-text--loud {
  font-weight: 700;
}

.c-text--help[title] {
  border-bottom: 1px dashed #96a8b2;
  cursor: help;
}

.c-pre {
  margin: 0;
}

.c-code {
  margin: -0.125em;
  padding: 0.25em 0.25em 0.125em;
  background-color: #e5eaec;
  color: #111;
  display: inline;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-weight: 400;
}

.c-code--multiline {
  display: block;
  padding: 0.5em 1em;
  border-radius: 4px;
  white-space: pre;
  overflow-x: auto;
}

.c-kbd {
  margin: -0.125em;
  padding: 0.25em 0.25em 0.125em;
  background-color: #96a8b2;
  color: #fff;
  display: inline;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  font-weight: 400;
  border-bottom: 2px solid #7b929e;
  border-radius: 4px;
}

.c-blockquote {
  border-left: 5px solid #96a8b2;
  display: block;
  margin: 0;
  padding: 1em 1.5em;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}

.c-blockquote--brand {
  border-left: 5px solid #2c3e50;
}

.c-blockquote--info {
  border-left: 5px solid #2196f3;
}

.c-blockquote--warning {
  border-left: 5px solid #ebb957;
}

.c-blockquote--success {
  border-left: 5px solid #5281ca;
}

.c-blockquote--error {
  border-left: 5px solid #e40000;
}

.c-blockquote__body {
  display: block;
  margin: 0;
  padding: 0.5em 0;
  font-size: 1.17em;
}

.c-blockquote__footer {
  display: block;
  margin: 0;
  padding: 0.5em 0;
  color: #96a8b2;
  font-style: italic;
}

.c-paragraph {
  display: block;
  margin: 0;
  padding: 0.5em 0;
}

.c-badge {
  border: 1px solid #96a8b2;
  background-color: #96a8b2;
  color: #fff;
  display: inline-block;
  margin: 0;
  padding: 0.25em 0.5em;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.2;
}
.c-badge.c-badge--ghost {
  border: 1px solid #96a8b2;
  background-color: transparent;
  color: #96a8b2;
}

.c-badge--rounded {
  border-radius: 30em;
}

.c-badge--brand {
  border: 1px solid #2c3e50;
  background-color: #2c3e50;
  color: #fff;
}
.c-badge--brand.c-badge--ghost {
  border: 1px solid #2c3e50;
  background-color: transparent;
  color: #2c3e50;
}

.c-badge--info {
  border: 1px solid #2196f3;
  background-color: #2196f3;
  color: #fff;
}
.c-badge--info.c-badge--ghost {
  border: 1px solid #2196f3;
  background-color: transparent;
  color: #2196f3;
}

.c-badge--warning {
  border: 1px solid #ebb957;
  background-color: #ebb957;
  color: #fff;
}
.c-badge--warning.c-badge--ghost {
  border: 1px solid #ebb957;
  background-color: transparent;
  color: #ebb957;
}

.c-badge--success {
  border: 1px solid #5281ca;
  background-color: #5281ca;
  color: #fff;
}
.c-badge--success.c-badge--ghost {
  border: 1px solid #5281ca;
  background-color: transparent;
  color: #5281ca;
}

.c-badge--error {
  border: 1px solid #e40000;
  background-color: #e40000;
  color: #fff;
}
.c-badge--error.c-badge--ghost {
  border: 1px solid #e40000;
  background-color: transparent;
  color: #e40000;
}

.c-heading,
.c-heading__sub {
  font-weight: 400;
  margin: 0;
  padding: 1em 0 0.5em;
}

.c-heading__sub {
  font-size: 0.8em;
  opacity: 0.6;
  padding: 0;
}

h1.c-heading {
  font-size: 2em;
}

h2.c-heading {
  font-size: 1.5em;
}

h3.c-heading {
  font-size: 1.17em;
}

h4.c-heading {
  font-size: 1em;
}

h5.c-heading {
  font-size: 0.83em;
}

h6.c-heading {
  font-size: 0.67em;
}

.c-address {
  display: block;
  margin: 0;
  padding: 0.5em 0;
  font-style: normal;
}

.c-address__heading {
  display: block;
  font-weight: 700;
}

.c-table {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #d4d4d4;
  border-collapse: collapse;
  border-spacing: 0;
}

.c-table__caption {
  display: flex;
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0;
  max-width: 100%;
  padding: 0.5em 0;
  color: #96a8b2;
  font-size: 0.83em;
  text-align: left;
}

.c-table__row,
.c-table__head,
.c-table__body {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  max-width: 100%;
}

.c-table--striped :not(.c-table__row--heading).c-table__row:nth-of-type(odd) {
  background-color: #e5eaec;
  color: initial;
}

.c-table__cell {
  display: flex;
  flex: 1;
  padding: 0.5em;
  text-align: left;
  overflow: auto;
}

.c-table__row--heading .c-table__cell {
  display: flex;
  flex: 1;
  border-bottom: 1px solid #d4d4d4;
  background-color: none;
  color: initial;
  font-size: 1em;
  font-weight: 400;
}

.c-table--striped .c-table__row--heading .c-table__cell {
  background-color: #fff;
  color: initial;
}

.c-table--clickable :not(.c-table__row--heading).c-table__row:hover .c-table__cell,
.c-table__row--clickable:hover .c-table__cell {
  background-color: initial;
  color: #0c7fda;
  cursor: pointer;
}

.c-table__row--disabled {
  background-color: initial;
  color: #96a8b2;
  cursor: default;
}

.c-table--clickable :not(.c-table__row--heading).c-table__row--disabled:hover .c-table__cell,
.c-table__row--disabled:hover .c-table__cell {
  background-color: initial;
  color: #96a8b2;
  cursor: not-allowed;
}

.c-table--condensed {
  font-size: 0.83em;
}
.c-table--condensed .c-table__cell {
  padding: 0.25em;
}

mat-list {
  padding: 0 !important;
  text-transform: uppercase;
}
mat-list mat-list-item {
  cursor: pointer !important;
}
mat-list mat-list-item.mdc-list-item.active {
  background-color: #5281ca;
}
mat-list mat-list-item.mdc-list-item.active span span {
  color: #fff;
}
mat-list mat-list-item.mdc-list-item.active:hover span span, mat-list mat-list-item.mdc-list-item.active:focus span span {
  color: #fff;
}

.c-card {
  padding: 0;
  list-style: none;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: none;
  display: block;
  overflow: hidden;
}
.c-card > .o-image:not(:first-child) {
  padding: 1em 0 0;
}

.c-card + .c-card {
  margin: 0.5em 0 0 0;
}

.c-card__header {
  padding: 0.5em 0.5em 0;
}
.c-card__header .c-heading {
  padding: 0;
}

.c-card__item,
.c-card__body,
.c-card__footer {
  padding: 0.5em;
}

.c-card__item + .c-card__footer--block {
  padding: 0;
}

.c-card__footer--block {
  padding: 0.5em 0 0;
}
.c-card__footer--block .c-input-group .c-button:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.c-card__footer--block .c-input-group .c-button:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.c-card__item:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}

.c-card--accordion label.c-card__item {
  cursor: pointer;
  display: block;
  padding-left: 2em;
  position: relative;
  width: 100%;
}
.c-card--accordion label.c-card__item:before {
  content: "+";
  left: 0.75em;
  position: absolute;
}
.c-card--accordion > input {
  display: none;
}
.c-card--accordion > input + .c-card__item + .c-card__item {
  display: none;
}
.c-card--accordion > input:checked + .c-card__item + .c-card__item {
  display: block;
}
.c-card--accordion > input:checked + .c-card__item:before {
  transform: rotate(45deg);
}

.c-card--menu {
  display: block;
  margin: 0.5em 0 0 0;
  max-height: 280px;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  z-index: 100;
}

.c-card--grouped .c-card__item:not(:last-child) {
  border-bottom: 0;
}

.c-card__divider {
  background-color: #fff;
  height: 1px;
  overflow: hidden;
}

.c-card__item--divider {
  background-color: #fff;
  color: #344557;
  font-weight: 400;
}

.c-card__item--brand {
  background-color: #2c3e50;
  color: #fff;
}

.c-card__item--info {
  background-color: #2196f3;
  color: #fff;
}

.c-card__item--warning {
  background-color: #ebb957;
  color: #fff;
}

.c-card__item--success {
  background-color: #5281ca;
  color: #fff;
}

.c-card__item--error {
  background-color: #e40000;
  color: #fff;
}

.c-card__item--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover,
.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover {
  background-color: #e5eaec;
  cursor: pointer;
}
.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--brand,
.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--brand {
  background-color: #3c556e;
}
.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--info,
.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--info {
  background-color: #4dabf5;
}
.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--warning,
.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--warning {
  background-color: #f0ca80;
}
.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--success,
.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--success {
  background-color: #759bd5;
}
.c-card--menu .c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--error,
.c-card--accordion label.c-card__item:not(.c-card__item--disabled):not(.c-card__item--divider):hover.c-card__item--error {
  background-color: #ff1313;
}

.c-card__item--active,
.c-card--accordion > input:checked + .c-card__item {
  background-color: #d4d4d4;
  font-weight: 700;
}
.c-card__item--active.c-card__item--brand,
.c-card--accordion > input:checked + .c-card__item.c-card__item--brand {
  background-color: #1c2732;
}
.c-card__item--active.c-card__item--info,
.c-card--accordion > input:checked + .c-card__item.c-card__item--info {
  background-color: #0c7fda;
}
.c-card__item--active.c-card__item--warning,
.c-card--accordion > input:checked + .c-card__item.c-card__item--warning {
  background-color: #e6a82e;
}
.c-card__item--active.c-card__item--success,
.c-card--accordion > input:checked + .c-card__item.c-card__item--success {
  background-color: #3869b6;
}
.c-card__item--active.c-card__item--error,
.c-card--accordion > input:checked + .c-card__item.c-card__item--error {
  background-color: #b60000;
}

.c-button {
  display: inline;
  max-width: 100%;
  margin: 0;
  padding: 0.5em;
  border-radius: 4px;
  outline: 0;
  font-family: inherit;
  font-size: 1em !important;
  line-height: normal !important;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle;
  appearance: none;
  -webkit-user-select: none;
          user-select: none;
}
.c-button.c-button--active {
  background-color: #7b929e;
}
.c-button:not(:disabled) {
  border: 1px solid transparent;
  background-color: #96a8b2;
  color: #fff !important;
}
.c-button:not(:disabled):hover {
  background-color: #b0bec5;
}
.c-button:not(:disabled):focus {
  box-shadow: none;
}
.c-button:not(:disabled):active {
  background-color: #7b929e;
}
.c-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.c-button--close {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 0.5em;
}
.c-button--close.c-button--active {
  background-color: rgba(0, 0, 0, 0);
}
.c-button--close:not(:disabled) {
  border: 1px solid transparent;
  background-color: transparent;
  color: inherit !important;
}
.c-button--close:not(:disabled):hover {
  background-color: rgba(23, 23, 23, 0);
}
.c-button--close:not(:disabled):focus {
  box-shadow: none;
}
.c-button--close:not(:disabled):active {
  background-color: rgba(0, 0, 0, 0);
}

.c-button--block {
  display: inline-block;
  width: 100%;
}

.c-button--rounded {
  border-radius: 30em;
}

.c-button--brand.c-button--active {
  background-color: #232e3a;
}
.c-button--brand:not(:disabled) {
  border: 1px solid transparent;
  background-color: #344557;
  color: #fff !important;
}
.c-button--brand:not(:disabled):hover {
  background-color: #455c74;
}
.c-button--brand:not(:disabled):focus {
  box-shadow: none;
}
.c-button--brand:not(:disabled):active {
  background-color: #232e3a;
}

.c-button--info.c-button--active {
  background-color: #0c7fda;
}
.c-button--info:not(:disabled) {
  border: 1px solid transparent;
  background-color: #2196f3;
  color: #fff !important;
}
.c-button--info:not(:disabled):hover {
  background-color: #4dabf5;
}
.c-button--info:not(:disabled):focus {
  box-shadow: none;
}
.c-button--info:not(:disabled):active {
  background-color: #0c7fda;
}

.c-button--warning.c-button--active {
  background-color: #e6a82e;
}
.c-button--warning:not(:disabled) {
  border: 1px solid transparent;
  background-color: #ebb957;
  color: #fff !important;
}
.c-button--warning:not(:disabled):hover {
  background-color: #f0ca80;
}
.c-button--warning:not(:disabled):focus {
  box-shadow: none;
}
.c-button--warning:not(:disabled):active {
  background-color: #e6a82e;
}

.c-button--success.c-button--active {
  background-color: #3869b6;
}
.c-button--success:not(:disabled) {
  border: 1px solid transparent;
  background-color: #5281ca;
  color: #fff !important;
}
.c-button--success:not(:disabled):hover {
  background-color: #759bd5;
}
.c-button--success:not(:disabled):focus {
  box-shadow: none;
}
.c-button--success:not(:disabled):active {
  background-color: #3869b6;
}

.c-button--error.c-button--active {
  background-color: #b60000;
}
.c-button--error:not(:disabled) {
  border: 1px solid transparent;
  background-color: #e40000;
  color: #fff !important;
}
.c-button--error:not(:disabled):hover {
  background-color: #ff1313;
}
.c-button--error:not(:disabled):focus {
  box-shadow: none;
}
.c-button--error:not(:disabled):active {
  background-color: #b60000;
}

.c-button--ghost.c-button--active {
  border-color: #7b929e;
  background-color: #7b929e;
  color: #fff;
}
.c-button--ghost:not(:disabled) {
  border: 1px solid #96a8b2;
  background-color: transparent;
  color: #96a8b2 !important;
}
.c-button--ghost:not(:disabled):hover {
  background-color: #96a8b2;
  color: #fff !important;
}
.c-button--ghost:not(:disabled):focus {
  box-shadow: none;
}
.c-button--ghost:not(:disabled):active {
  border-color: #7b929e;
  background-color: #7b929e;
  color: #fff !important;
}

.c-button--ghost-brand.c-button--active {
  border-color: #1c2732;
  background-color: #1c2732;
  color: #fff;
}
.c-button--ghost-brand:not(:disabled) {
  border: 1px solid #2c3e50;
  background-color: transparent;
  color: #2c3e50 !important;
}
.c-button--ghost-brand:not(:disabled):hover {
  background-color: #2c3e50;
  color: #fff !important;
}
.c-button--ghost-brand:not(:disabled):focus {
  box-shadow: none;
}
.c-button--ghost-brand:not(:disabled):active {
  border-color: #1c2732;
  background-color: #1c2732;
  color: #fff !important;
}

.c-button--ghost-info.c-button--active {
  border-color: #0c7fda;
  background-color: #0c7fda;
  color: #fff;
}
.c-button--ghost-info:not(:disabled) {
  border: 1px solid #2196f3;
  background-color: transparent;
  color: #2196f3 !important;
}
.c-button--ghost-info:not(:disabled):hover {
  background-color: #2196f3;
  color: #fff !important;
}
.c-button--ghost-info:not(:disabled):focus {
  box-shadow: none;
}
.c-button--ghost-info:not(:disabled):active {
  border-color: #0c7fda;
  background-color: #0c7fda;
  color: #fff !important;
}

.c-button--ghost-warning.c-button--active {
  border-color: #e6a82e;
  background-color: #e6a82e;
  color: #fff;
}
.c-button--ghost-warning:not(:disabled) {
  border: 1px solid #ebb957;
  background-color: transparent;
  color: #ebb957 !important;
}
.c-button--ghost-warning:not(:disabled):hover {
  background-color: #ebb957;
  color: #fff !important;
}
.c-button--ghost-warning:not(:disabled):focus {
  box-shadow: none;
}
.c-button--ghost-warning:not(:disabled):active {
  border-color: #e6a82e;
  background-color: #e6a82e;
  color: #fff !important;
}

.c-button--ghost-success.c-button--active {
  border-color: #3869b6;
  background-color: #3869b6;
  color: #fff;
}
.c-button--ghost-success:not(:disabled) {
  border: 1px solid #5281ca;
  background-color: transparent;
  color: #5281ca !important;
}
.c-button--ghost-success:not(:disabled):hover {
  background-color: #5281ca;
  color: #fff !important;
}
.c-button--ghost-success:not(:disabled):focus {
  box-shadow: none;
}
.c-button--ghost-success:not(:disabled):active {
  border-color: #3869b6;
  background-color: #3869b6;
  color: #fff !important;
}

.c-button--ghost-error.c-button--active {
  border-color: #b60000;
  background-color: #b60000;
  color: #fff;
}
.c-button--ghost-error:not(:disabled) {
  border: 1px solid #e40000;
  background-color: transparent;
  color: #e40000 !important;
}
.c-button--ghost-error:not(:disabled):hover {
  background-color: #e40000;
  color: #fff !important;
}
.c-button--ghost-error:not(:disabled):focus {
  box-shadow: none;
}
.c-button--ghost-error:not(:disabled):active {
  border-color: #b60000;
  background-color: #b60000;
  color: #fff !important;
}

.c-button__icon-left {
  padding-right: 0.5em;
}

.c-button__icon-right {
  padding-left: 0.5em;
}

.c-link {
  background-color: transparent;
  color: #0c7fda;
  cursor: pointer;
  text-decoration: none;
}
.c-link:not(:disabled):visited {
  color: #0966af;
}
.c-link:not(:disabled):hover {
  background-color: transparent;
  color: #2196f3;
}
.c-link:not(:disabled):active {
  background-color: transparent;
  color: #2196f3;
}
.c-link:hover {
  text-decoration: underline;
}

.c-link--brand {
  background-color: transparent;
  color: #52bd8a;
}
.c-link--brand:not(:disabled):visited {
  color: #3ea373;
}
.c-link--brand:not(:disabled):hover {
  background-color: transparent;
  color: #73caa0;
}
.c-link--brand:not(:disabled):active {
  background-color: transparent;
  color: #73caa0;
}

.c-link--info {
  background-color: transparent;
  color: #2196f3;
}
.c-link--info:not(:disabled):visited {
  color: #0c7fda;
}
.c-link--info:not(:disabled):hover {
  background-color: transparent;
  color: #4dabf5;
}
.c-link--info:not(:disabled):active {
  background-color: transparent;
  color: #4dabf5;
}

.c-link--warning {
  background-color: transparent;
  color: #ebb957;
}
.c-link--warning:not(:disabled):visited {
  color: #e6a82e;
}
.c-link--warning:not(:disabled):hover {
  background-color: transparent;
  color: #f0ca80;
}
.c-link--warning:not(:disabled):active {
  background-color: transparent;
  color: #f0ca80;
}

.c-link--success {
  background-color: transparent;
  color: #5281ca;
}
.c-link--success:not(:disabled):visited {
  color: #3869b6;
}
.c-link--success:not(:disabled):hover {
  background-color: transparent;
  color: #759bd5;
}
.c-link--success:not(:disabled):active {
  background-color: transparent;
  color: #759bd5;
}

.c-link--error {
  background-color: transparent;
  color: #e40000;
}
.c-link--error:not(:disabled):visited {
  color: #b60000;
}
.c-link--error:not(:disabled):hover {
  background-color: transparent;
  color: #ff1313;
}
.c-link--error:not(:disabled):active {
  background-color: transparent;
  color: #ff1313;
}

mat-list {
  padding: 0 !important;
  text-transform: uppercase;
}
mat-list mat-list-item {
  cursor: pointer !important;
}
mat-list mat-list-item.mdc-list-item.active {
  background-color: #5281ca;
}
mat-list mat-list-item.mdc-list-item.active span span {
  color: #fff;
}
mat-list mat-list-item.mdc-list-item.active:hover span span, mat-list mat-list-item.mdc-list-item.active:focus span span {
  color: #fff;
}

.c-list {
  display: block;
  list-style-position: outside;
  margin: 0;
  padding: 0 0 0 1em;
}

.c-list .c-list {
  padding: 0 0 0 1em;
}

.c-list__item {
  padding: 0;
}

.c-list__item--unstyled {
  list-style: none;
}

.c-list--unstyled {
  padding: 0;
  list-style: none;
}

.c-list--ordered {
  padding: 0;
  list-style: none;
  counter-reset: ordered;
}
.c-list--ordered .c-list__item::before {
  content: counters(ordered, ".") " ";
  counter-increment: ordered;
  padding: 0 0.5em 0 0;
}

.c-list--inline {
  padding: 0;
}
.c-list--inline .c-list--inline {
  padding: 0;
}
.c-list--inline .c-list__item {
  display: inline-block;
  padding-right: 1em;
  width: auto;
}
.c-list--inline:not(.c-list--unstyled) .c-list__item:before {
  content: "•";
  padding: 0 0.5em 0 0;
}

.c-breadcrumbs {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-breadcrumbs__crumb {
  display: inline-block;
  padding: 0;
  width: auto;
}
.c-breadcrumbs__crumb:not(:last-child):after {
  color: #96a8b2;
  content: "/";
  padding: 0 0.5em;
}

.c-tabs {
  display: block;
}

.c-tabs__headings {
  display: flex;
  text-align: center;
  cursor: pointer;
}

.c-tab-heading {
  flex: 1;
  margin: 0;
  padding: 1em;
  box-shadow: 0 -0.2em 0 0 #e5eaec inset;
}

.c-tab-heading--active {
  box-shadow: 0 -0.2em 0 0 #96a8b2 inset;
}

.c-tabs--brand .c-tab-heading--active {
  box-shadow: 0 -0.2em 0 0 #2c3e50 inset;
}

.c-tabs--info .c-tab-heading--active {
  box-shadow: 0 -0.2em 0 0 #2196f3 inset;
}

.c-tabs--warning .c-tab-heading--active {
  box-shadow: 0 -0.2em 0 0 #ebb957 inset;
}

.c-tabs--success .c-tab-heading--active {
  box-shadow: 0 -0.2em 0 0 #5281ca inset;
}

.c-tabs--error .c-tab-heading--active {
  box-shadow: 0 -0.2em 0 0 #e40000 inset;
}

.c-tab-heading--disabled {
  background-color: initial;
  color: #96a8b2;
  cursor: not-allowed;
}

.c-tabs__tab {
  display: none;
  padding: 1em;
}

.c-tabs__tab--active {
  display: block;
}

.o-field {
  position: relative;
}
.o-field .c-field--success ~ .c-icon {
  color: #5281ca;
}
.o-field .c-field--error ~ .c-icon {
  color: #e40000;
}
.o-field .c-field:disabled ~ .c-icon {
  color: #96a8b2;
}
.o-field .c-icon {
  color: #d4d4d4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.o-field--icon-right .c-field + .c-icon {
  right: 0.5em;
}
.o-field--icon-right .c-field {
  padding-right: 2em;
}

.o-field--icon-left .c-icon:first-child {
  left: 0.5em;
}
.o-field--icon-left .c-field {
  padding-left: 2em;
}

.c-fieldset,
.c-fieldset.c-list {
  border: 0;
  display: block;
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
}

.c-fieldset__legend {
  display: block;
  width: 100%;
  padding: 1em 0;
  cursor: pointer;
  padding: 0.25em 0;
}

.c-label {
  display: block;
  width: 100%;
  padding: 1em 0;
  cursor: pointer;
}

.c-field {
  appearance: none;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  display: block;
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  margin: 0;
  outline: 0;
  padding: 0.5em;
  resize: none;
  width: 100%;
}
.c-field:focus {
  border-color: #344557;
  box-shadow: none;
}

select.c-field {
  cursor: pointer;
}

select.c-field:not([multiple]) {
  background: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 99% 50%;
  padding-right: 1em;
}

.c-field input {
  font-size: 1em;
  margin-right: 0.125em;
  outline: 0;
}

.c-field--label {
  margin: 0.5em 0 0 0;
}

.c-field--error {
  border-color: #e40000;
  color: #e40000;
}

.c-field--success {
  border-color: #5281ca;
  color: inherit;
}

.c-field--choice {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

.c-fieldset--disabled .c-field,
.c-fieldset:disabled .c-field,
.c-field--disabled,
.c-field:disabled {
  color: #96a8b2;
  cursor: not-allowed;
  border-color: rgba(55, 57, 76, 0.45);
  background-color: rgba(55, 57, 76, 0.05) !important;
}
.c-fieldset--disabled .c-field.c-field--choice,
.c-fieldset:disabled .c-field.c-field--choice,
.c-field--disabled.c-field--choice,
.c-field:disabled.c-field--choice {
  background-color: transparent;
}

.c-field input:disabled {
  color: #96a8b2;
  cursor: not-allowed;
}

.c-input-group {
  display: flex;
}
.c-input-group .c-button {
  border-radius: 0;
}
.c-input-group .c-button:not(:first-child) {
  border-left-width: 0;
}
.c-input-group .c-button:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.c-input-group .c-button:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.c-input-group .o-field {
  flex: 1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.c-input-group .o-field .c-field {
  border-radius: 0;
}
.c-input-group .o-field:not(:first-child) .c-field {
  border-left-width: 0;
}
.c-input-group .o-field:first-child .c-field {
  border-bottom-left-radius: 4px;
}
.c-input-group .o-field:last-child .c-field {
  border-bottom-right-radius: 4px;
}

.c-input-group--rounded .c-button:first-child {
  border-bottom-left-radius: 30em;
  border-top-left-radius: 30em;
}
.c-input-group--rounded .c-button:last-child {
  border-bottom-right-radius: 30em;
  border-top-right-radius: 30em;
}
.c-input-group--rounded .o-field:first-child .c-field {
  border-bottom-left-radius: 30em;
  border-top-left-radius: 30em;
}
.c-input-group--rounded .o-field:last-child .c-field {
  border-bottom-right-radius: 30em;
  border-top-right-radius: 30em;
}

.c-input-group--rounded-left .c-button:first-child {
  border-bottom-left-radius: 30em;
  border-top-left-radius: 30em;
}
.c-input-group--rounded-left .o-field:first-child .c-field {
  border-bottom-left-radius: 30em;
  border-top-left-radius: 30em;
}

.c-input-group--rounded-right .c-button:last-child {
  border-bottom-right-radius: 30em;
  border-top-right-radius: 30em;
}
.c-input-group--rounded-right .o-field:last-child .c-field {
  border-bottom-right-radius: 30em;
  border-top-right-radius: 30em;
}

.c-input-group--stacked {
  display: flex;
  flex-wrap: wrap;
}
.c-input-group--stacked .o-field:not(:first-child) .c-field {
  border-left-width: 1px;
}
.c-input-group--stacked .c-button:not(:first-child) {
  border-left-width: 1px;
}
.c-input-group--stacked .o-field,
.c-input-group--stacked .c-button {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0;
}
.c-input-group--stacked .c-button:not(:first-child) {
  border-top: 0;
}
.c-input-group--stacked .c-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.c-input-group--stacked .c-button:first-child {
  border-radius: 4px 4px 0 0;
}
.c-input-group--stacked .c-button:last-child {
  border-radius: 0 0 4px 4px;
}
.c-input-group--stacked .o-field:not(:first-child) .c-field {
  border-top: 0;
}
.c-input-group--stacked .o-field:not(:first-child):not(:last-child) .c-field {
  border-radius: 0;
}
.c-input-group--stacked .o-field:first-child .c-field {
  border-radius: 4px 4px 0 0;
}
.c-input-group--stacked .o-field:last-child .c-field {
  border-radius: 0 0 4px 4px;
}

.c-hint {
  color: #7b929e;
  font-size: 1em;
  opacity: 0;
  padding: 0 0.5em;
  pointer-events: none;
  position: absolute;
  transform: scale(0.8);
  transform-origin: top left;
}

.c-hint--static,
.c-field:focus ~ .c-hint,
.c-label__field:focus ~ .c-hint {
  opacity: 1;
  transform: scale(0.9);
}

.c-hint--success {
  color: #5281ca;
}

.c-hint--error {
  color: #e40000;
}

.c-toggle {
  display: flex;
  align-items: center;
  width: auto;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.c-toggle input:not(:checked) + .c-toggle__track {
  background-color: #e5eaec;
}
.c-toggle input:not(:checked) + .c-toggle__track .c-toggle__handle {
  transform: translateZ(0);
}
.c-toggle input:disabled + .c-toggle__track {
  background-color: #e5eaec;
  cursor: not-allowed;
}
.c-toggle input:disabled + .c-toggle__track .c-toggle__handle {
  background-color: #e5eaec;
  cursor: not-allowed;
}

.c-toggle--brand .c-toggle__track {
  background-color: #2c3e50;
}

.c-toggle--info .c-toggle__track {
  background-color: #2196f3;
}

.c-toggle--warning .c-toggle__track {
  background-color: #ebb957;
}

.c-toggle--success .c-toggle__track {
  background-color: #5281ca;
}

.c-toggle--error .c-toggle__track {
  background-color: #e40000;
}

.c-toggle input {
  display: none;
}

.c-toggle__track {
  flex: 1;
  padding-right: 0.6em;
  padding-left: 0.6em;
  flex: 0 1 auto;
  background-color: #96a8b2;
  position: relative;
  width: 1em;
  height: 0.5em;
  margin: 0 0.5em;
  border-radius: 30em;
}

.c-toggle__handle {
  position: absolute;
  top: -0.25em;
  left: 0;
  width: 1em;
  height: 1em;
  transform: translateX(100%);
  border-radius: 30em;
  background-color: #fff;
  box-shadow: 0 1px 4px -1px #111;
}

.c-tags {
  position: relative;
  width: 100%;
  text-align: left;
}

.c-tags .c-card--menu {
  position: absolute;
  width: 100%;
}

.c-tags__container {
  display: inline-block;
  max-width: 70%;
  padding-right: 0.25em;
}

.c-tag {
  display: inline-block;
  position: relative;
  max-width: 70%;
  margin: 0.125em;
  padding: 0.5em 1.5em 0.5em 0.5em;
}

.c-tag__close {
  position: absolute;
  top: 7px;
  right: 5px;
  color: #e5eaec;
  font-weight: 700;
}

.c-tags__field-container {
  display: inline-block;
  position: absolute;
  width: 30%;
  margin: 0.125em;
  cursor: pointer;
}

.c-range {
  width: 100%;
  padding: 0.5em 0;
  outline: 0;
  -webkit-appearance: none;
}
.c-range:not(:disabled)::-webkit-slider-runnable-track {
  background-color: #96a8b2;
}
.c-range:not(:disabled)::-moz-range-track {
  background-color: #96a8b2;
}
.c-range:not(:disabled)::-ms-track {
  background-color: #96a8b2;
}

.c-range--brand:not(:disabled)::-webkit-slider-runnable-track {
  background-color: #2c3e50;
}
.c-range--brand:not(:disabled)::-moz-range-track {
  background-color: #2c3e50;
}
.c-range--brand:not(:disabled)::-ms-track {
  background-color: #2c3e50;
}

.c-range--info:not(:disabled)::-webkit-slider-runnable-track {
  background-color: #2196f3;
}
.c-range--info:not(:disabled)::-moz-range-track {
  background-color: #2196f3;
}
.c-range--info:not(:disabled)::-ms-track {
  background-color: #2196f3;
}

.c-range--warning:not(:disabled)::-webkit-slider-runnable-track {
  background-color: #ebb957;
}
.c-range--warning:not(:disabled)::-moz-range-track {
  background-color: #ebb957;
}
.c-range--warning:not(:disabled)::-ms-track {
  background-color: #ebb957;
}

.c-range--success:not(:disabled)::-webkit-slider-runnable-track {
  background-color: #4776bf;
}
.c-range--success:not(:disabled)::-moz-range-track {
  background-color: #4776bf;
}
.c-range--success:not(:disabled)::-ms-track {
  background-color: #4776bf;
}

.c-range--error:not(:disabled)::-webkit-slider-runnable-track {
  background-color: #e40000;
}
.c-range--error:not(:disabled)::-moz-range-track {
  background-color: #e40000;
}
.c-range--error:not(:disabled)::-ms-track {
  background-color: #e40000;
}

.c-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  border: 0;
  border-radius: 30em;
  box-shadow: none;
  cursor: pointer;
}

.c-range::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  margin: -5px 0 0 0;
  border: 0;
  border-radius: 30em;
  background-color: #fff;
  box-shadow: 0 1px 4px -1px #111;
  cursor: pointer;
  -webkit-appearance: none;
}

.c-range::-moz-range-track {
  width: 100%;
  height: 10px;
  border: 0;
  border-radius: 30em;
  box-shadow: none;
  cursor: pointer;
}

.c-range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  margin: -5px 0 0 0;
  border: 0;
  border-radius: 30em;
  background-color: #fff;
  box-shadow: 0 1px 4px -1px #111;
  cursor: pointer;
}

.c-range::-ms-track {
  width: 100%;
  height: 10px;
  border: 0;
  border-radius: 30em;
  box-shadow: none;
  cursor: pointer;
  border-color: transparent;
  background-color: transparent;
  color: transparent;
}

.c-range::-ms-fill-lower,
.c-range::-ms-fill-upper {
  border: 0;
  border-radius: 30em;
  background-color: #96a8b2;
  box-shadow: none;
}

.c-range::-ms-thumb {
  width: 14px;
  height: 14px;
  margin: -5px 0 0 0;
  border: 0;
  border-radius: 30em;
  background-color: #fff;
  box-shadow: 0 1px 4px -1px #111;
  cursor: pointer;
}

.c-range:not(:disabled):active::-webkit-slider-thumb {
  transform: scale(1.4);
}
.c-range:not(:disabled):active::-moz-range-thumb {
  transform: scale(1.4);
}
.c-range:not(:disabled):active::-ms-thumb {
  transform: scale(1.4);
}

.c-range:focus::-webkit-slider-thumb {
  border-color: 0;
  box-shadow: 0 1px 4px -1px #111;
}
.c-range:focus::-moz-range-thumb {
  border-color: 0;
  box-shadow: 0 1px 4px -1px #111;
}
.c-range:focus::-ms-thumb {
  border-color: 0;
  box-shadow: 0 1px 4px -1px #111;
}

.c-range:disabled::-webkit-slider-thumb {
  background-color: #e5eaec;
  cursor: not-allowed;
}
.c-range:disabled::-webkit-slider-runnable-track {
  background-color: #e5eaec;
  cursor: not-allowed;
}
.c-range:disabled::-moz-range-thumb {
  background-color: #e5eaec;
  cursor: not-allowed;
}
.c-range:disabled::-moz-range-track {
  background-color: #e5eaec;
  cursor: not-allowed;
}
.c-range:disabled::-ms-thumb {
  background-color: #e5eaec;
  cursor: not-allowed;
}
.c-range:disabled::-ms-track {
  background-color: #e5eaec;
  cursor: not-allowed;
}

.c-pagination {
  display: flex;
  width: 100%;
  padding: 1em;
  font-size: 12px;
  text-align: center;
}

.c-pagination__controls {
  display: inline-block;
  text-align: center;
}

.c-pagination__controls--pages {
  padding: 0 6px;
  flex: 1;
}

.c-pagination__controls--backward {
  text-align: left;
}

.c-pagination__controls--forward {
  text-align: right;
}

.c-pagination__control,
.c-pagination__page {
  display: inline;
  max-width: 100%;
  margin: 0;
  padding: 0.5em;
  border-radius: 4px;
  outline: 0;
  font-family: inherit;
  font-size: 1em !important;
  line-height: normal !important;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  vertical-align: middle;
  appearance: none;
  -webkit-user-select: none;
          user-select: none;
  min-width: 2.4em;
  border-radius: 30em;
}
.c-pagination__control.c-button--active,
.c-pagination__page.c-button--active {
  background-color: #7b929e;
}
.c-pagination__control:not(:disabled),
.c-pagination__page:not(:disabled) {
  border: 1px solid transparent;
  background-color: #96a8b2;
  color: #fff !important;
}
.c-pagination__control:not(:disabled):hover,
.c-pagination__page:not(:disabled):hover {
  background-color: #b0bec5;
}
.c-pagination__control:not(:disabled):focus,
.c-pagination__page:not(:disabled):focus {
  box-shadow: none;
}
.c-pagination__control:not(:disabled):active,
.c-pagination__page:not(:disabled):active {
  background-color: #7b929e;
}
.c-pagination__control:disabled,
.c-pagination__page:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.c-pagination__control.c-button--active,
.c-pagination__page.c-button--active {
  border-color: rgba(35, 37, 49, 0.54);
  background-color: rgba(35, 37, 49, 0.54);
  color: #fff;
}
.c-pagination__control:not(:disabled),
.c-pagination__page:not(:disabled) {
  border: 1px solid rgba(54, 57, 76, 0.54);
  background-color: transparent;
  color: rgba(54, 57, 76, 0.54) !important;
}
.c-pagination__control:not(:disabled):hover,
.c-pagination__page:not(:disabled):hover {
  background-color: rgba(54, 57, 76, 0.54);
  color: #fff !important;
}
.c-pagination__control:not(:disabled):focus,
.c-pagination__page:not(:disabled):focus {
  box-shadow: none;
}
.c-pagination__control:not(:disabled):active,
.c-pagination__page:not(:disabled):active {
  border-color: rgba(35, 37, 49, 0.54);
  background-color: rgba(35, 37, 49, 0.54);
  color: #fff !important;
}

.c-pagination__page--current {
  background-color: #344557;
  color: #fff;
}

.c-pagination__ellipsis {
  padding: 0 1em;
}

.c-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(17, 17, 17, 0.4);
  z-index: 400;
}

.c-overlay--fullpage {
  position: fixed;
}

.c-overlay--transparent {
  background-color: transparent;
}

.c-overlay--dismissable {
  cursor: pointer;
}

.c-bubble {
  background-color: #111;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  padding: 1em;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.c-bubble:after {
  border: 10px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.c-bubble--top:after {
  border-top-color: #111;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.c-bubble--right:after {
  border-right-color: #111;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.c-bubble--bottom:after {
  border-bottom-color: #111;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
}

.c-bubble--left:after {
  border-left-color: #111;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
}

.c-tooltip {
  position: relative;
  overflow: visible;
}
.c-tooltip:before, .c-tooltip:after {
  visibility: hidden;
  z-index: 300;
}
.c-tooltip:before {
  position: absolute;
  border: 0.6em solid transparent;
  content: "";
}
.c-tooltip:after {
  position: absolute;
  padding: 0.25em 0.5em;
  border: 1px solid #111;
  border-radius: 4px;
  background-color: #111;
  color: #fff;
  line-height: 1.45;
  white-space: nowrap;
  content: attr(aria-label);
  visibility: hidden;
}
.c-tooltip:hover:before, .c-tooltip:hover:after {
  visibility: visible;
}

.c-tooltip--top:before {
  top: 0%;
  left: 50%;
  transform: translate(-50%, -1em);
  border-top-color: #111;
}
.c-tooltip--top:after {
  top: 0%;
  left: 50%;
  transform: translate(-50%, -3em);
}

.c-tooltip--right:before {
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  border-right-color: #111;
}
.c-tooltip--right:after {
  top: 50%;
  left: 100%;
  transform: translate(1em, -50%);
}

.c-tooltip--bottom:before {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 1em);
  border-bottom-color: #111;
}
.c-tooltip--bottom:after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 3em);
}

.c-tooltip--left:before {
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  border-left-color: #111;
}
.c-tooltip--left:after {
  top: 50%;
  right: 100%;
  transform: translate(-1em, -50%);
}

.c-nav {
  background-color: #fff;
  color: rgba(54, 57, 76, 0.65);
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 300;
}

.c-nav__item,
.c-nav__content {
  display: block;
  height: 3.5em;
  padding: 0 2em;
  color: inherit;
  line-height: 3.5em;
  vertical-align: middle;
}
.c-nav__item .o-image,
.c-nav__content .o-image {
  height: 100%;
}

.c-nav__item {
  cursor: pointer;
  text-decoration: none;
}
.c-nav__item:not(:disabled):hover {
  background-color: transparent;
  color: #344557;
}
.c-nav__item:not(:disabled):focus {
  box-shadow: inset 0 0 0 2px #4dabf5;
}
.c-nav__item:not(:disabled):active {
  background-color: rgba(0, 0, 0, 0);
  color: #344557;
}

.c-nav--inline .c-nav__item,
.c-nav--inline .c-nav__content {
  display: inline-block;
}
.c-nav--inline .c-nav__item--right,
.c-nav--inline .c-nav__content--right {
  float: right;
}

.c-nav--light {
  background-color: #f2f2ea;
  color: #3f2d26;
}

.c-nav--top {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}

.c-nav--bottom {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-nav--left {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}

.c-nav--right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
}

.c-nav--fixed {
  position: fixed;
  top: 0;
}

.c-nav__item--active {
  background-color: transparent;
  color: #344557;
}

.c-avatar {
  background-color: #9e9ea8;
  border-radius: 30em;
  color: #fff;
  display: inline-block;
  height: 3em;
  margin: 0;
  position: relative;
  width: 3em;
}

.c-avatar[data-text]:after {
  content: attr(data-text);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-avatar__img {
  border-radius: 30em;
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.c-avatar__img + .c-avatar__img {
  bottom: 0;
  height: 50%;
  position: absolute;
  right: 0;
  width: 50%;
}

.c-progress {
  display: block;
  border: 0;
  border-radius: 4px;
  background-color: #e5eaec;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

.c-progress--rounded {
  border-radius: 30em;
}

.c-progress__bar {
  display: block;
  height: 100%;
  float: left;
  border-radius: 0;
  background-color: #96a8b2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.c-progress__bar:after {
  color: transparent !important;
  content: "-";
}

.c-progress__bar--brand {
  background-color: #2c3e50;
}

.c-progress__bar--info {
  background-color: #2196f3;
}

.c-progress__bar--warning {
  background-color: #ebb957;
}

.c-progress__bar--success {
  background-color: #5281ca;
}

.c-progress__bar--error {
  background-color: #e40000;
}

.u-centered {
  text-align: center;
}

.u-center-block {
  position: relative;
}

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

.u-center-block__content--vertical {
  left: auto;
  transform: translateY(-50%);
}

.u-center-block__content--horizontal {
  top: auto;
  transform: translateX(-50%);
}

.u-no-overflow {
  overflow: hidden;
}

.u-letter-box--super {
  padding-top: 3em;
  padding-bottom: 3em;
}

.u-letter-box--xlarge {
  padding-top: 2em;
  padding-bottom: 2em;
}

.u-letter-box--large {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.u-letter-box--medium {
  padding-top: 1em;
  padding-bottom: 1em;
}

.u-letter-box--small {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.u-letter-box--xsmall {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.u-letter-box--tiny {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}

.u-letter-box--none {
  padding-top: 0;
  padding-bottom: 0;
}

.u-pillar-box--super {
  padding-right: 3em;
  padding-left: 3em;
}

.u-pillar-box--xlarge {
  padding-right: 2em;
  padding-left: 2em;
}

.u-pillar-box--large {
  padding-right: 1.5em;
  padding-left: 1.5em;
}

.u-pillar-box--medium {
  padding-right: 1em;
  padding-left: 1em;
}

.u-pillar-box--small {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.u-pillar-box--xsmall {
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.u-pillar-box--tiny {
  padding-right: 0.125em;
  padding-left: 0.125em;
}

.u-pillar-box--none {
  padding-right: 0;
  padding-left: 0;
}

.u-window-box--super {
  padding-top: 3em;
  padding-bottom: 3em;
  padding-right: 3em;
  padding-left: 3em;
}

.u-window-box--xlarge {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-right: 2em;
  padding-left: 2em;
}

.u-window-box--large {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  padding-right: 1.5em;
  padding-left: 1.5em;
}

.u-window-box--medium {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em;
}

.u-window-box--small {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.u-window-box--xsmall {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-right: 0.25em;
  padding-left: 0.25em;
}

.u-window-box--tiny {
  padding-top: 0.125em;
  padding-bottom: 0.125em;
  padding-right: 0.125em;
  padding-left: 0.125em;
}

.u-window-box--none {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}

.u-high,
.u-higher,
.u-highest {
  border: 0;
}

.u-high {
  box-shadow: 0 0 1px rgba(17, 17, 17, 0.6), 0 5px 10px -3px rgba(17, 17, 17, 0.4);
}

.u-higher {
  box-shadow: 0 0 1px rgba(17, 17, 17, 0.6), 0 10px 25px -4px rgba(17, 17, 17, 0.4);
}

.u-highest {
  box-shadow: 0 0 1px rgba(17, 17, 17, 0.6), 0 20px 55px -8px rgba(17, 17, 17, 0.4);
}

.u-super {
  font-size: 2em;
}

.u-xlarge {
  font-size: 1.5em;
}

.u-large {
  font-size: 1.17em;
}

.u-medium {
  font-size: 1em;
}

.u-small {
  font-size: 0.83em;
}

.u-xsmall {
  font-size: 0.67em;
}

.o-container {
  width: 100%;
}

.o-container--fixed-full {
  height: calc(100% - 74px);
  padding-top: 74px;
  position: relative;
}

.o-container--fixed {
  padding-top: 74px;
  position: relative;
}

.o-container--sidebar, .o-container--sidebar-map {
  background-color: #fafafa;
  height: calc(100% - 74px);
  left: 48px;
  overflow-y: auto;
  position: fixed;
  top: 74px;
  width: calc(100% - 48px);
}
@media only screen and (max-width: 1023px) {
  .o-container--sidebar.o-container--sidebar-stacked, .o-container--sidebar-stacked.o-container--sidebar-map {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    overflow: visible;
  }
}
.o-container--sidebar.exporting, .exporting.o-container--sidebar-map {
  position: static;
  top: auto;
  left: auto;
  width: auto;
  overflow: visible;
}

.o-container--has-fixed-subheader {
  flex: 1;
  overflow: auto;
}

.o-container--fixed-nosidebar {
  background-color: #fafafa;
  height: calc(100% - 74px);
  overflow-y: hidden;
  position: fixed;
  top: 74px;
  width: 100%;
}

.o-container--embedded {
  background-color: #fff;
  height: auto;
  left: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.o-container--full-height {
  height: 100%;
}

.o-container--flex {
  display: flex;
}

.o-container--flex-1 {
  flex: 1;
}

.o-container--scrollable {
  overflow: auto;
}

.o-container--bottom-border {
  border-bottom: 1px solid #dddddd;
}

.c-nav {
  height: 74px;
  z-index: 300;
  z-index: 400;
  border-bottom: 1px solid #ddd;
}
@media only screen and (max-width: 1023px) {
  .c-nav.c-nav--inline .c-nav__item {
    display: block;
  }
  .c-nav.open ul.c-nav__item {
    animation: slide-in 0.2s forwards ease-out;
  }
  .c-nav.closed ul.c-nav__item {
    animation: slide-out 0.2s forwards ease-in;
  }
}

.c-nav__item {
  font-size: 11.5px;
  font-weight: 700;
  height: 74px;
  letter-spacing: 1.05px;
  line-height: 74px;
  text-transform: uppercase;
  z-index: 500;
  position: relative;
  vertical-align: top;
}
.c-nav__item mat-icon {
  vertical-align: middle;
}
@media only screen and (max-width: 1023px) {
  .c-nav__item {
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
  }
  .c-nav__item a {
    width: 100%;
  }
  ul.c-nav__item {
    padding: 0;
    height: auto;
    transform: translateY(-100%);
    z-index: 400;
  }
  ul.c-nav__item .c-nav__item:not(:disabled):hover, ul.c-nav__item .c-nav__item:not(:disabled):focus {
    background-color: #f0f0f0;
  }
}
.c-nav__item a {
  color: rgba(54, 57, 76, 0.65);
  display: inline-block;
  height: 5.2em;
}
.c-nav__item a.c-nav__item--active {
  color: #344557;
}
.c-nav__item .logo {
  display: inline-block;
  height: 18px;
  left: -6px;
  position: relative;
  top: 3px;
}
.c-nav__item .c-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 7px;
}
.c-nav__item .c-icon:first-child {
  margin-right: 30px;
  position: relative;
  top: 6px;
}
.c-nav__item .c-avatar {
  height: 28.11px;
  position: relative;
  top: 10px;
  width: 28.11px;
}

@media only screen and (max-width: 1023px) {
  .c-nav__burger {
    padding-left: 0;
  }
}
.c-nav__burger mat-icon {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .c-nav__burger mat-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    padding: 12px 18px;
    vertical-align: middle;
    line-height: 24px;
    box-sizing: content-box;
  }
}

.c-nav__item--link {
  padding: 0;
}
.c-nav__item--link a {
  padding: 0 2em;
}

@keyframes slide-in {
  100% {
    transform: translateY(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.sidebar {
  background-color: #fff;
  font-size: 13px;
  height: 100%;
  overflow-y: auto;
  width: 340px;
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 200;
}
.sidebar--fixed {
  height: calc(100% - 74px);
  position: fixed;
  top: 74px;
  bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .sidebar {
    width: 100%;
    height: auto;
    left: inherit;
  }
  .sidebar.sidebar-stacked {
    width: auto;
    position: static;
  }
}
.sidebar .c-label.c-field.c-field--choice.c-list__item {
  padding-right: 0.2em;
}
.sidebar.sidebar--border {
  border-right: 1px solid #d4d4d4;
}
.sidebar.sidebar--shadow {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
}
@media only screen and (max-width: 1023px) {
  .sidebar.sidebar--correlation {
    box-shadow: 0 1px 3px #ddd;
    width: 100%;
  }
}
.sidebar.sidebar--correlation .dates-section {
  padding: 10px;
}
.sidebar.sidebar--correlation .date-options {
  width: 150px;
  margin-right: 10px;
  padding: 0;
  float: left;
}
.sidebar.sidebar--correlation .date-options select {
  height: 34px;
}
.sidebar .sidebar__button {
  margin: 20px 0 35px 0;
  text-align: center;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .sidebar .sidebar__button {
    margin: 0;
  }
}
.sidebar .sidebar__button .c-button--ghost {
  border: 1px solid #d4d4d4;
  font-size: 12px;
  height: 35px;
  letter-spacing: 0.46px;
  min-width: 178px;
  text-transform: uppercase;
}
.sidebar .sidebar__button .c-button--ghost:hover, .sidebar .sidebar__button .c-button--ghost:active, .sidebar .sidebar__button .c-button--ghost:focus {
  background-color: #344557;
}
.sidebar .sidebar__button {
  margin: 20px 0 35px 0;
  text-align: center;
  width: 100%;
}
.sidebar .sidebar__button .c-button--ghost {
  border: 1px solid #d4d4d4;
  font-size: 12px;
  height: 35px;
  letter-spacing: 0.46px;
  min-width: 178px;
  text-transform: uppercase;
}
.sidebar .sidebar__button .c-button--ghost:hover, .sidebar .sidebar__button .c-button--ghost:active, .sidebar .sidebar__button .c-button--ghost:focus {
  background-color: #344557;
}
.sidebar .section__headline {
  background: rgba(221, 221, 221, 0.19);
  font-size: 13.5px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1023px) {
  .sidebar .section__headline {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #f0f0f0;
  }
}
.sidebar .section__headline--border-darker {
  border-top: 1px solid #d4d4d4;
}
.sidebar .section__content--space {
  padding: 0 20px;
}
.sidebar .section__content--scrollable {
  overflow-y: auto;
}
.sidebar .section__content--flex {
  flex: 1;
}
.sidebar .c-list--marker li:not(:first-child) {
  border-top: 1px solid #f0f0f0;
}
.sidebar .c-icon--status {
  margin: 2px 4px;
  vertical-align: middle;
}
.sidebar .filter-form-buttons button {
  min-width: 113px;
  margin: 8px 5px 8px 0px;
  border-radius: 5px;
}
.sidebar .no-inspection-date-chbx,
.sidebar .no-revision-date-chbx,
.sidebar .no-measurement-date-chbx,
.sidebar .no-alerts-chbx {
  padding-top: 0px;
}
.sidebar .no-inspection-date-chbx.selected,
.sidebar .no-revision-date-chbx.selected,
.sidebar .no-measurement-date-chbx.selected,
.sidebar .no-alerts-chbx.selected {
  padding-bottom: 16px;
}
.sidebar .correlation-chart-title {
  width: 200px;
  text-align: center;
  margin: 10px auto 0px auto;
}
.sidebar .mat-datepicker-popup {
  margin-left: 137px;
}
.sidebar select {
  color: black;
}
.sidebar select option {
  color: black;
}

.c-list .c-list--article-point__empty-item {
  font-size: 13px;
  line-height: 30px;
  padding: 30px 20px;
  text-align: center;
  color: #d4d4d4;
}

.c-list .c-list--article-point__item {
  color: #344557;
  cursor: pointer;
  font-size: 13px;
  line-height: 16px;
  padding: 12px 20px;
  position: relative;
  border-bottom: 1px solid #f4f4f4;
}
.c-list .c-list--article-point__item:hover {
  background-color: #f4f4f4;
}
.c-list .c-list--article-point__item.highlight {
  background-color: #5281ca;
  color: #fff;
}
.c-list .c-list--article-point__item.highlight .date {
  color: #fff;
}
.c-list .c-list--article-point__item span {
  display: block;
}
.c-list .c-list--article-point__item .headline {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
.c-list .c-list--article-point__item .date {
  color: #999;
}
.c-list .c-list--article-point__item .c-icon--status {
  margin-top: -6px;
  position: absolute;
  right: 20px;
  top: 50%;
}
.c-list .c-list--article-point__item .c-list--base-article__item {
  position: relative;
}
.c-list .c-list--article-point__item .c-list--base-article__item + .c-list--base-article__item {
  padding: 10px 0;
}
.c-list .c-list--article-point__item .c-list--base-article__item:last-child {
  padding: 0;
}
.c-list .c-list--article-point__item .c-list--base-article__item .marker-icon {
  width: 24px;
  margin-top: -12px;
  position: absolute;
  right: 0;
  top: 50%;
}
.c-list .c-list--article-point__item .c-list--base-article__item .add-button {
  position: absolute;
  right: -3px;
  top: 50%;
  margin-top: -15px;
}
.c-list .c-list--article-point__item .c-list--base-article__item .add-button button {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
.c-list .c-list--article-point__item .c-list--base-article__item .add-button button:disabled {
  cursor: pointer;
}
.c-list .c-list--article-point__item .c-list--base-article__item .add-button button.selected {
  background-color: #0c7fda;
}

button.sidebar__close {
  position: absolute;
  right: 5px;
  top: 0;
  height: 100%;
}

.sidebar-toggle {
  background: #fff;
  color: #344557;
  font-size: 13.5px;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  padding: 0 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #f0f0f0;
  display: none;
}
.sidebar-toggle mat-icon {
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
  color: #999;
}
.sidebar-toggle mat-icon svg {
  vertical-align: top;
}
@media only screen and (max-width: 1023px) {
  .sidebar-toggle {
    display: block;
  }
}

.sidebar.sidebar-map {
  position: fixed;
  top: 74px;
  padding-top: 0px;
  height: calc(100% - 74px);
  left: 48px;
}
@media only screen and (max-width: 1023px) {
  .sidebar.sidebar-map {
    height: 50px;
    overflow: hidden;
  }
  .sidebar.sidebar-map.mobileOpen {
    height: calc(100% - 74px);
  }
  .sidebar.sidebar-map.mobileClosed > *:not(.sidebar-toggle) {
    display: none;
  }
}

.sidebar-title {
  background: #5281ca;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  position: relative;
}
.sidebar-title.ac-sidebar span {
  text-transform: uppercase;
}
.sidebar-title.error {
  background: #ff4c4d;
}
.sidebar-title.warning {
  background: #f79009;
}
.sidebar-title.success {
  background: #4776bf;
}
.sidebar-title.neutral {
  background: #4776bf;
}

table tr td div.circle {
  width: 30px;
  height: 30px;
  border-radius: 15px;
}
table tr td div.circle.leak {
  background-image: url("/assets/icons/autoco_list.png");
  background-size: contain;
}

mat-form-field {
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-text-field-focus-outline-color: #5281ca;
  --form-field-height: 48px;
  width: 100% !important;
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field {
  padding: 0 12px;
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mdc-notched-outline__notch .mat-mdc-floating-label mat-label {
  font-size: 13px;
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mdc-notched-outline__notch .mat-mdc-floating-label:not(.mdc-floating-label--float-above) {
  top: 22px;
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 10px 0;
  min-height: var(--form-field-height);
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-input-element {
  font-size: 13px;
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  padding: 0;
}
mat-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix mat-icon.mat-icon {
  padding: 0;
}
mat-form-field.no-width {
  flex: 1 !important;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
mat-form-field.no-width .mat-form-field-infix {
  width: auto !important;
}
mat-form-field.no-padding {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
mat-form-field.no-padding .mat-form-field-wrapper {
  padding: 0;
}
mat-form-field mat-hint {
  color: rgba(0, 0, 0, 0.6);
  font-size: 10px;
}

mat-form-field.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix label {
  font-size: 13px;
}
mat-form-field.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix label.mdc-floating-label--float-above {
  top: 20px !important;
}
mat-form-field.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix label.mdc-floating-label {
  top: 24px;
}
mat-form-field.mat-mdc-form-field.mat-form-field-appearance-fill .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix input {
  position: relative;
  top: 7px;
}

mat-form-field.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix mat-select .mat-mdc-select-trigger .mat-mdc-select-value {
  font-size: 13px;
}

.mat-mdc-select-panel mat-option.mat-mdc-option {
  font-size: 13px;
}
.mat-mdc-select-panel mat-option:not(.mat-mdc-option-multiple) mat-pseudo-checkbox {
  display: none;
}

mat-form-field.search-bar#searchBar {
  padding: 7px 0 17px 0;
  --form-field-height: 38px;
}
mat-form-field.search-bar#searchBar .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label {
  padding-left: 0;
  background: rgba(0, 0, 0, 0.06);
}
mat-form-field.search-bar#searchBar .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  padding: 0;
}
mat-form-field.search-bar#searchBar .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix mat-icon {
  padding: 9px;
}
mat-form-field.search-bar#searchBar .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 6px 0;
}
mat-form-field.search-bar#searchBar .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-input-element {
  font-size: 13px;
}
mat-form-field.search-bar#searchBar .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix input {
  top: unset;
}

.form-field-label {
  color: #7f7f7f;
  margin: 0 0 5px;
  text-transform: uppercase;
  font-size: 13px;
}
.form-field-label.sub-label {
  padding: 0 8px;
  text-transform: none;
}

mat-checkbox.mat-mdc-checkbox:not(.mat-mdc-checkbox-disabled) label {
  color: #7f7f7f !important;
}
mat-checkbox.mat-mdc-checkbox .mdc-form-field .mdc-checkbox {
  flex: none;
  margin-right: 4px;
  padding: 0;
  width: 20px;
  height: 20px;
}
mat-checkbox.mat-mdc-checkbox .mdc-form-field .mdc-checkbox__native-control {
  top: 0;
  right: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
mat-checkbox.mat-mdc-checkbox .mdc-form-field .mdc-checkbox__background {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}
mat-checkbox.mat-mdc-checkbox .mdc-form-field .mdc-checkbox__ripple {
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
mat-checkbox.mat-mdc-checkbox .mdc-form-field .mdc-label {
  letter-spacing: normal;
}

mat-date-range-input {
  height: 28px !important;
}
mat-date-range-input input {
  text-align: center !important;
  top: 0 !important;
}

.c-icon {
  display: inline-block;
}
.c-icon--status {
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
.c-icon--status.success {
  background-color: #4776bf;
}
.c-icon--status.warning {
  background-color: #f79009;
}
.c-icon--status.error {
  background-color: #ff4c4d;
}
.c-icon--status.neutral {
  background-color: #4776bf;
}

.c-table-header {
  display: flex;
}
@media only screen and (max-width: 1023px) {
  .c-table-header {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1023px) {
  .c-table-header .actions {
    margin-top: 10px;
  }
  .c-table-header .actions button {
    width: 100%;
    margin-top: 5px;
  }
}
.c-table-header .headline {
  color: #344557;
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.c-table-header .showing {
  color: rgba(54, 57, 76, 0.55);
  font-size: 13px;
  font-weight: 500;
}
.c-table-header .showing .highlight {
  color: #344557;
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
}
.c-table-header .showing .highlight:hover {
  color: #52bd8a;
}
.c-table-header .showing .highlight:hover svg path {
  fill: #52bd8a;
  stroke: #52bd8a;
}
.c-table-header .showing .highlight svg {
  position: relative;
  top: -2px;
}

.c-table {
  background-color: #fff;
  border-collapse: initial;
  border-radius: 4px;
}
.c-table.c-table--thin .c-table__row--heading .c-table__cell,
.c-table.c-table--thin .c-table__cell {
  padding: 1.1em 0;
  white-space: normal;
}
.c-table.c-table--thin .c-table__row--heading .c-table__cell:first-child,
.c-table.c-table--thin .c-table__cell:first-child {
  padding-left: 1.1em;
}
.c-table .inactive .c-table__cell {
  color: #96a8b2;
}
.c-table .c-table__head {
  background-color: #f5f5f5;
}
.c-table .c-table__cell {
  background-position: right 7px center;
  background-repeat: no-repeat;
  color: #344557;
  font-size: 13px;
  overflow: hidden;
  padding: 0.9em 0.6em;
  white-space: nowrap;
}
.c-table .c-table__cell.asc {
  background-image: url("/assets/icons/sort-up-arrow.svg");
}
.c-table .c-table__cell.desc {
  background-image: url("/assets/icons/sort-down-arrow.svg");
}
.c-table a {
  color: #344557;
}
.c-table .c-table__row--heading .c-table__cell {
  color: rgba(54, 57, 76, 0.8);
  font-size: 11px;
  letter-spacing: 1.4px;
  padding: 1.1em;
  text-transform: uppercase;
  font-weight: 600;
}
.c-table .c-table__row--heading .c-table__cell.c-table__cell-sortable {
  cursor: pointer;
}
.c-table .c-table__row--heading .c-table__cell .select-all {
  cursor: pointer;
  text-transform: lowercase;
  text-decoration: underline;
  color: #5281ca;
}
.c-table .c-table__body .c-table__row:not(:last-child) td {
  border-bottom: 1px solid #f4f4f4;
}
.c-table .c-table__body .c-table__row:hover a {
  color: #344557;
}
.c-table .c-table__body .c-table__row:hover td {
  color: #344557;
}
.c-table .c-table__body .c-table__row:focus,
.c-table .c-table__body .c-table__row:active,
.c-table .c-table__body .c-table__row.hover {
  background-color: #f4f4f4;
}
.c-table .c-table__body .c-table__row:focus .sort--audio i svg path,
.c-table .c-table__body .c-table__row:active .sort--audio i svg path,
.c-table .c-table__body .c-table__row.hover .sort--audio i svg path {
  stroke: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon-location svg path,
.c-table .c-table__body .c-table__row:active .icon-location svg path,
.c-table .c-table__body .c-table__row.hover .icon-location svg path {
  fill: #fff;
  stroke: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon-file--download svg,
.c-table .c-table__body .c-table__row:active .icon-file--download svg,
.c-table .c-table__body .c-table__row.hover .icon-file--download svg {
  cursor: pointer;
}
.c-table .c-table__body .c-table__row:focus .icon-file--download svg g path:first-child,
.c-table .c-table__body .c-table__row:active .icon-file--download svg g path:first-child,
.c-table .c-table__body .c-table__row.hover .icon-file--download svg g path:first-child {
  fill: #fff;
  stroke: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon-file--download svg g path:last-child,
.c-table .c-table__body .c-table__row:active .icon-file--download svg g path:last-child,
.c-table .c-table__body .c-table__row.hover .icon-file--download svg g path:last-child {
  stroke: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon-file--delete svg g path:first-child,
.c-table .c-table__body .c-table__row:active .icon-file--delete svg g path:first-child,
.c-table .c-table__body .c-table__row.hover .icon-file--delete svg g path:first-child {
  stroke: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon-file--delete svg g path:last-child,
.c-table .c-table__body .c-table__row:active .icon-file--delete svg g path:last-child,
.c-table .c-table__body .c-table__row.hover .icon-file--delete svg g path:last-child {
  fill: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon--trash svg g,
.c-table .c-table__body .c-table__row:active .icon--trash svg g,
.c-table .c-table__body .c-table__row.hover .icon--trash svg g {
  stroke: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon--trash svg path,
.c-table .c-table__body .c-table__row:active .icon--trash svg path,
.c-table .c-table__body .c-table__row.hover .icon--trash svg path {
  fill: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon--trash:hover svg,
.c-table .c-table__body .c-table__row:active .icon--trash:hover svg,
.c-table .c-table__body .c-table__row.hover .icon--trash:hover svg {
  cursor: pointer;
}
.c-table .c-table__body .c-table__row:focus .icon--trash:hover svg g,
.c-table .c-table__body .c-table__row:active .icon--trash:hover svg g,
.c-table .c-table__body .c-table__row.hover .icon--trash:hover svg g {
  stroke: #e40000;
}
.c-table .c-table__body .c-table__row:focus .icon--trash:hover svg path,
.c-table .c-table__body .c-table__row:active .icon--trash:hover svg path,
.c-table .c-table__body .c-table__row.hover .icon--trash:hover svg path {
  fill: #e40000;
}
.c-table .c-table__body .c-table__row:focus .icon--edit-pen svg path,
.c-table .c-table__body .c-table__row:active .icon--edit-pen svg path,
.c-table .c-table__body .c-table__row.hover .icon--edit-pen svg path {
  fill: #fff;
}
.c-table .c-table__body .c-table__row:focus .icon--edit-pen:hover,
.c-table .c-table__body .c-table__row:active .icon--edit-pen:hover,
.c-table .c-table__body .c-table__row.hover .icon--edit-pen:hover {
  cursor: pointer;
}
.c-table .c-table__body .c-table__row:focus .icon--edit-pen:hover svg path,
.c-table .c-table__body .c-table__row:active .icon--edit-pen:hover svg path,
.c-table .c-table__body .c-table__row.hover .icon--edit-pen:hover svg path {
  fill: #52bd8a;
}
.c-table .c-table__row--active {
  background-color: #5281ca !important;
}
.c-table .c-table__row--active .c-table__cell {
  color: #fff;
}
.c-table .c-table__cell--info-e {
  background-image: url("/assets/icons/logger_user_defined_note.png");
  background-position: center;
}

.c-table--embedded {
  border: 0;
  border-radius: 0;
}

.c-table--correlation.disabled {
  opacity: 0.5;
}
.c-table--correlation .c-table__header {
  background: #f4f4f4;
}
.c-table--correlation .c-table__body .c-table__row:not(:last-child) td {
  border-bottom: 1px solid rgba(211, 211, 211, 0.2);
}
.c-table--correlation .c-table__row .c-table__cell {
  color: #5281ca;
}
.c-table--correlation .c-table__row:first-child .c-table__cell {
  color: #e40000;
}
.c-table--correlation .c-table__row td:first-child {
  padding-left: 20px;
}
.c-table--correlation .c-table__cell {
  font-size: 13px;
  white-space: normal;
}

.c-table.c-table--pipes .c-table__body .c-table__row {
  border: none;
}
.c-table.c-table--pipes .c-table__body .c-table__row .c-table__cell {
  white-space: unset;
  padding: 12px 3px;
}
.c-table.c-table--pipes .c-table__body .c-table__row td:first-child {
  padding-left: 10px !important;
}
.c-table.c-table--pipes .c-table__body .c-table__row td:last-child {
  padding-right: 10px !important;
}
.c-table.c-table--pipes .c-table__body .c-table__row td {
  border-bottom: 1px solid rgba(211, 211, 211, 0.2);
}

.c-table.c-table--correlation-pairs .c-table__body .c-table__row td:first-child {
  padding-left: 20px;
}

.c-table--no-flex {
  display: table;
  flex-wrap: nowrap;
}
.c-table--no-flex .c-table__head {
  display: table-header-group;
  flex: none;
  flex-wrap: nowrap;
}
.c-table--no-flex .c-table__body {
  display: table-row-group;
  flex: none;
  flex-wrap: nowrap;
}
.c-table--no-flex .c-table__row {
  display: table-row;
  flex: none;
  flex-wrap: nowrap;
}
.c-table--no-flex .c-table__row--heading .c-table__cell,
.c-table--no-flex .c-table__cell {
  display: table-cell;
  flex: none;
}

@media only screen and (max-width: 1023px) {
  .c-table-mobile-block {
    min-width: auto !important;
  }
  .c-table-mobile-block thead {
    display: none;
  }
  .c-table-mobile-block tbody.c-table__body,
  .c-table-mobile-block tr.c-table__row,
  .c-table-mobile-block td.c-table__cell {
    display: block;
  }
  .c-table-mobile-block tr.c-table__row:not(.hover) td.c-table__cell:first-child {
    background: #f5f5f5;
  }
}

/* Fixed Header Table */
.fixed-header-table {
  border: none;
  background-color: #f5f5f5;
}
.fixed-header-table thead {
  display: table;
  width: 100%;
}
.fixed-header-table thead tr.c-table__row--heading th {
  display: table-cell;
}
.fixed-header-table tbody {
  display: block;
  max-height: 155px;
  overflow: auto;
  background-color: #fff;
}
.fixed-header-table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.fixed-header-table tbody tr td {
  display: table-cell;
  border-bottom: 1px solid #d4d4d4;
}
.fixed-header-table tbody tr:hover {
  background-color: #565869;
  color: white;
}
.fixed-header-table tbody tr:hover td.c-table__cell {
  color: white;
}

.c-popup {
  background: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  color: #344557;
  display: none;
  font-size: 13px;
  min-width: 135px;
  position: absolute;
  z-index: 500;
}
.c-popup.c-popup--open {
  display: block;
}
.c-popup.c-popup--hidden {
  visibility: hidden;
}

@media only screen and (max-width: 1023px) {
  .c-popup--responsive {
    width: calc(100% - 10px);
    left: 5px !important;
  }
  .c-popup--responsive .c-popup__content {
    width: 100%;
  }
  .c-popup--responsive .c-popup__list-item {
    margin-top: 0;
    padding: 15px;
  }
}

.c-popup__arrow-left::before {
  border-color: #d4d4d4 transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  width: 0;
  z-index: 2;
  right: -12px;
  margin-top: -6px;
}
.c-popup__arrow-left::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(-90deg);
  width: 0;
  z-index: 3;
  right: -10px;
  margin-top: -6px;
}
.c-popup__arrow-left.c-popup__anchor-bottom::before {
  bottom: 9px;
}
.c-popup__arrow-left.c-popup__anchor-bottom::after {
  bottom: 10px;
}
.c-popup__arrow-left.c-popup__anchor-top::before {
  top: 15px;
}
.c-popup__arrow-left.c-popup__anchor-top::after {
  top: 15px;
}
.c-popup__arrow-left.c-popup__anchor-middle::before {
  top: calc(50% - 4px);
}
.c-popup__arrow-left.c-popup__anchor-middle::after {
  top: calc(50% - 4px);
}

.c-popup__arrow-right::before {
  border-color: #d4d4d4 transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(90deg);
  width: 0;
  z-index: 2;
  left: -12px;
  top: 15px;
  margin-top: -6px;
}
.c-popup__arrow-right::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(90deg);
  width: 0;
  z-index: 3;
  left: -10px;
  top: 15px;
  margin-top: -6px;
}

.c-popup__arrow-bottom::before {
  border-color: #d4d4d4 transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(180deg);
  width: 0;
  z-index: 2;
}
.c-popup__arrow-bottom::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(180deg);
  width: 0;
  z-index: 3;
}
.c-popup__arrow-bottom.c-popup__arrow-bottom--right::before {
  right: 19px;
  top: -8px;
}
.c-popup__arrow-bottom.c-popup__arrow-bottom--right::after {
  right: 21px;
  top: -7px;
}
.c-popup__arrow-bottom.c-popup__arrow-bottom--middle::before {
  right: 49%;
  top: -8px;
}
.c-popup__arrow-bottom.c-popup__arrow-bottom--middle::after {
  right: 50%;
  top: -7px;
}

.c-popup__arrow-top::before {
  border-color: #d4d4d4 transparent;
  border-style: solid;
  border-width: 8px 8px 0;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  z-index: 2;
  transform: rotate(0deg);
}
.c-popup__arrow-top::after {
  border-color: #fff transparent;
  border-style: solid;
  border-width: 7px 7px 0;
  content: "";
  display: block;
  position: absolute;
  width: 0;
  z-index: 3;
  transform: rotate(0deg);
}
.c-popup__arrow-top.c-popup__arrow-top--middle::before {
  right: 49%;
  bottom: -8px;
}
.c-popup__arrow-top.c-popup__arrow-top--middle::after {
  right: 50%;
  bottom: -7px;
}
.c-popup__arrow-top.c-popup__arrow-top--left::before {
  left: 19px;
  right: auto;
}
.c-popup__arrow-top.c-popup__arrow-top--left::after {
  left: 21px;
  right: auto;
}
.c-popup__arrow-top.c-popup__arrow-top--right::before {
  right: 19px;
  bottom: -8px;
}
.c-popup__arrow-top.c-popup__arrow-top--right::after {
  right: 21px;
  bottom: -7px;
}

.c-popup__content-head {
  padding: 0 3px;
  border-bottom: 1px solid #d4d4d4;
}

.c-popup__content {
  width: 230px;
  padding: 10px 0;
  box-sizing: border-box;
}
.c-popup__content--no-padding {
  padding: 0;
}
.c-popup__content ul {
  list-style-type: none;
  padding: 5px 0;
  margin: 0;
}
.c-popup__content ul li {
  word-break: break-word;
  padding: 5px 0;
}
.c-popup__content span,
.c-popup__content a {
  font-weight: 500;
}

.c-popup__list-item {
  color: #344557;
  cursor: pointer;
  display: block;
  font-size: 13px;
  letter-spacing: 0.3px;
  padding: 10px 15px;
}
.c-popup__list-item:hover {
  background: #f4f4f4;
}
.c-popup__list-item.selected {
  color: #fff;
  background: #0c5593;
}
.c-popup__list-item.chosen {
  font-weight: 500;
  color: #5281ca;
}
.c-popup__list-item.chosen:hover {
  cursor: default;
}
.c-popup__list-item.chosen.selected {
  color: #77bbf3;
}

.c-popup__scrollable-area {
  max-height: 290px;
  overflow-y: auto;
  padding: 5px 0;
}
.c-popup__scrollable-area .c-popup__list-item {
  margin-top: 0;
  padding: 10px;
  font-weight: 400;
}
.c-popup__scrollable-area .c-popup__list-item:not(:first-child) {
  margin-top: 0;
}
.c-popup__scrollable-area .c-popup__list-item.selected {
  font-weight: 500;
}

.c-popup__info {
  text-align: center;
  padding: 15px;
  color: #b0bec5;
}

.c-card {
  border: 1px solid #d4d4d4;
}
.c-card .c-card__item--divider {
  background-color: #e2f0ff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  font-weight: 600;
  color: rgba(54, 57, 76, 0.8);
  padding: 1.1em 0.8em !important;
}
.c-card .c-card__item {
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .c-card .c-card__item {
    overflow: auto;
  }
  .c-card .c-card__item table {
    min-width: 600px;
  }
}
.c-card .c-card__item--padding {
  padding: 0.625em 0.8em;
}

.c-card--settings {
  color: #344557;
  font-size: 13px;
}
.c-card--settings .c-button {
  font-size: 14px;
  font-weight: 500;
  padding: 0.5em 1.2em;
}

.c-card--form .o-fieldset__legend {
  letter-spacing: 0.3px;
}
.c-card--form .o-form-element {
  padding: 0.5em 0;
}
.c-card--form .c-label {
  font-size: 13.5px;
}
.c-card--form .c-button {
  margin-bottom: 8px;
  margin-top: 17px;
}

.hchart-dynamic {
  height: 300px;
}

vr-accordion .section.disabled .accordion-title {
  opacity: 0.5;
}
vr-accordion.mobile-only .accordion-title {
  display: none;
}
@media only screen and (max-width: 1023px) {
  vr-accordion.mobile-only .accordion-title {
    display: flex;
  }
}
vr-accordion .accordion-title {
  height: 32px;
  cursor: pointer;
  background: #f2f2f2;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 4px 16px 0 24px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
  line-height: 18px;
}
vr-accordion .accordion-title div.section__headline {
  background: none;
  flex: 1;
}
vr-accordion .accordion-title .arrow {
  width: 36px;
}
vr-accordion .accordion-title button[mat-icon-button] {
  --mdc-icon-button-state-layer-size: 24px;
  padding: 0;
}
vr-accordion .accordion-content {
  width: 100%;
  overflow-y: auto;
}

/******** CHROME MAC OS - SCROLLBAR DISAPPEARING FIX ****/
.axes-configuration-container::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: gainsboro;
  border-radius: 4px;
  width: 10px;
}

.axes-configuration-container::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/******************************************************/
.hide {
  display: none;
}

.chart-container {
  border: 1px solid #cccccc;
  margin: 20px;
  position: relative;
  overflow: hidden;
  font-size: 13px;
  border-radius: 4px;
  background: white;
}
.chart-container .chartHolder {
  overflow: hidden;
}
.chart-container .chartHolder .highcharts-container {
  float: right !important;
}
@media only screen and (max-width: 1023px) {
  .chart-container .chartHolder .highcharts-container .highcharts-navigator,
  .chart-container .chartHolder .highcharts-container .highcharts-scrollbar {
    display: none;
  }
}
.chart-container .form-container {
  overflow: hidden;
  width: 300px;
  float: left;
  background: white;
  padding: 20px;
  /*TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/
}
@media only screen and (max-width: 1023px) {
  .chart-container .form-container {
    display: none;
  }
}
.chart-container .form-container .select {
  display: block;
  width: 250px !important;
}
.chart-container .form-container .axes-configuration-container {
  overflow-y: auto;
  max-height: 150px;
  margin-bottom: 15px;
}
.chart-container .form-container .axes-configuration-container .configuration-form {
  width: 230px;
}
.chart-container .form-container .axes-configuration-container .configuration-form mat-form-field {
  width: 100px !important;
}
.chart-container .form-container .axes-configuration-container .configuration-form mat-form-field:last-child {
  margin-left: 10px;
}
.chart-container .form-container .axes-configuration-container .configuration-form .main-label {
  display: block;
  margin: 0 0 12px 0;
}
.chart-container .form-container .scaling-label {
  display: block;
}
.chart-container .form-container mat-radio-button {
  width: 200px;
  margin: 8px 0;
}
.chart-container .form-container mat-radio-button.scaling-radio-button {
  width: 100px;
  padding-right: 10px;
  margin-bottom: 16px;
}
.chart-container .form-container .datepickers {
  margin-top: 15px;
}
.chart-container .form-container .datepickers input {
  font-size: 11px;
}
.chart-container .form-container input:read-only {
  color: lightgray;
}
.chart-container .form-container .mat-mdc-checkbox {
  display: block;
  margin-bottom: 12px;
}
.chart-container .form-container .charts-buttons-container {
  width: 250px;
  display: flex;
  justify-content: space-between;
}
.chart-container .form-container .charts-buttons-container .c-button {
  flex: 0 1 48%;
}

.edit-icon,
.calendar-icon,
.csv-icon {
  position: absolute;
  top: 10px;
  right: 15px;
  display: block;
  z-index: 1;
  cursor: pointer;
}
.edit-icon.calendar-icon,
.calendar-icon.calendar-icon,
.csv-icon.calendar-icon {
  right: 55px;
}
.edit-icon.csv-icon,
.calendar-icon.csv-icon,
.csv-icon.csv-icon {
  right: 95px;
}
@media only screen and (max-width: 1023px) {
  .edit-icon,
  .calendar-icon,
  .csv-icon {
    display: none;
  }
}

.chart-loader-overlay {
  position: absolute;
  background: white;
  width: 100%;
  height: 100%;
  z-index: 10000;
}

.chart-loader-overlay-on-change {
  opacity: 0.5;
  z-index: 9999;
}

.main-label {
  font-size: 13.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

body .cancelButton,
body .captureButton,
body .cameraButton {
  position: fixed;
  background: black;
  color: white;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  z-index: 400;
  text-align: center;
  padding-top: 20px;
  cursor: pointer;
  font-weight: bold;
}
body .cancelButton:hover,
body .captureButton:hover,
body .cameraButton:hover {
  opacity: 0.8;
}
body .cancelButton {
  right: 50px;
  top: 150px;
  background-image: url("/assets/icons/camera/camera_cancel_btn.png");
}
body .captureButton {
  top: 230px;
  right: 50px;
  background-image: url("/assets/icons/camera/camera_capture_btn.png");
}
body .cameraButton {
  right: 50px;
  top: 320px;
  background-image: url("/assets/icons/camera/camera_change_btn.png");
}

.greenBtn, .actions-bar .downloadPhoto, .actions-bar .previewPhoto {
  display: block;
  float: left;
  padding: 6px 15px 6px 15px;
  color: white;
  background: #52bd8f;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
}

.actions-bar {
  margin-top: 10px;
  margin-bottom: 60px;
}
.actions-bar .previewPhoto {
  margin-right: 5px;
}
@media screen and (orientation: portrait) {
  video {
    transform: rotate(-90deg);
  }
}
.priorities {
  height: 425px;
}
.priorities .highcharts-container {
  margin-top: -50px;
}
.priorities .highcharts-container .highcharts-background {
  display: none;
}

@media only screen and (max-width: 1023px) {
  div.masonry {
    margin-top: 10px;
  }
  div.masonry .column {
    margin: 0 10px;
  }
  div.masonry .column .item {
    width: 100% !important;
  }
}

.c-map {
  height: 100%;
  width: 100%;
}
.c-map #google-map {
  height: 100%;
  width: 100%;
}
.c-map .add-article-state {
  cursor: copy;
}

@media only screen and (max-width: 1023px) {
  agm-map div[role=button],
  agm-map .gm-bundled-control {
    display: none;
  }
}
.c-map--embedded {
  height: 196px;
  width: 100%;
}

.c-map--measurements {
  height: 400px;
  width: 100%;
}

.c-map--embedded-correlation {
  height: calc(100% - 74px);
  left: 0;
  position: fixed;
  top: 74px;
  width: calc(100% - 496px);
}

.c-map--embedded-correlation--full {
  height: calc(100% - 74px);
  left: 0;
  position: fixed;
  top: 74px;
  width: 100%;
}

.section__content.edit-mode {
  padding: 10px 10px 10px 10px;
}
.section__content.edit-mode .c-button {
  font-weight: 500;
  margin-left: 10px;
}
.section__content.edit-mode label {
  margin-bottom: 5px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.deleteConfirmationDialog {
  padding: 10px;
}
.deleteConfirmationDialog .text {
  font-weight: normal;
  margin-bottom: 10px;
}
.deleteConfirmationDialog button.delete {
  float: right;
}

.gm-style-iw .path {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin: 2px 5px 0 0;
  float: left;
}
.gm-style-iw .path.orange {
  background: orange;
}
.gm-style-iw .path.green {
  background: green;
}
.gm-style-iw .path.yellow {
  background: yellow;
}

.c-table--paths .route {
  margin-left: 15px;
  width: 30px;
  height: 5px;
}
.c-table--paths .route.orange {
  border-bottom: 5px solid orange;
}
.c-table--paths .route.green {
  border-bottom: 5px solid green;
}
.c-table--paths .route.yellow {
  border-bottom: 5px solid yellow;
}
.c-table--paths .selected {
  background: red;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-left: 10px;
}
.c-table--paths tr:hover {
  background: rgba(221, 221, 221, 0.19);
  cursor: pointer;
}

.path-info {
  padding: 15px 15px 30px 20px;
  font-size: 14px;
  border-top: 1px solid rgba(211, 211, 211, 0.2);
}
.path-info .selected-path-icon {
  float: left;
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 10px;
  margin: 3px 5px 0px 5px;
}
.path-info span {
  float: left;
}

.correlation-calendar-wrapper {
  top: 52px;
  left: 16px;
  background: transparent !important;
}
.correlation-calendar-wrapper .mat-calendar-header {
  padding-top: 0;
}
.correlation-calendar-wrapper .article_filter {
  margin-top: 10px;
  background: white;
}
.correlation-calendar-wrapper mat-calendar {
  background: white;
}

.map-fixed-element {
  position: fixed;
  z-index: 100;
  border-radius: 4px;
  background: white;
  box-shadow: 1px 1px 2px lightgrey;
}

.c-map__map-floating-panel {
  top: 10px;
  position: absolute;
  z-index: 100;
}

.c-map__position-control {
  top: 10px;
  height: 32px;
  padding: 0 10px;
}
.c-map__position-control i {
  cursor: pointer;
  display: inline-block;
}
.c-map__position-control i:not(:first-child) {
  margin-left: 20px;
}

.c-map__map-edit-menu-detach-panel {
  top: 42px;
  left: 0;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  box-shadow: #757575 0 1px 4px -1px;
}

.c-map__map-control {
  width: 32px;
  height: 32px;
  padding: 4px;
  border: none;
  background: white;
  cursor: pointer;
  outline: none;
  vertical-align: middle;
  box-shadow: #757575 0 1px 4px -1px;
  display: inline-block;
  border-radius: 3px;
}
.c-map__map-control mat-icon {
  vertical-align: middle;
}
.c-map__map-control:not(:first-child) {
  margin-left: 5px;
}
.c-map__map-control:hover:not([disabled]):not(.selected) {
  background-color: #ededed;
}
.c-map__map-control:disabled {
  opacity: 0.6;
}
.c-map__map-control.editModeButton.active path {
  opacity: 0.9;
}
.c-map__map-control.saveButton i {
  margin-left: -5px;
}
.c-map__map-control.undoButton {
  background-image: url("/assets/icons/icon-undo.png");
  background-position: 0 1px;
}
.c-map__map-control.redoButton {
  background-image: url("/assets/icons/icon-redo.png");
  background-position: 0 1px;
}
.c-map__map-control.selected {
  background: #004f9f;
}
.c-map__map-control.selected mat-icon svg,
.c-map__map-control.selected mat-icon g {
  stroke: #fff;
}

.map-loading-spinner {
  top: 75px;
  left: 220px;
  padding: 10px;
}

.autocorrelationMenu {
  left: 10px;
}

.panel--autocorrelation {
  background: white;
  position: absolute;
  left: 10px;
  top: 120px;
  z-index: 2;
  border-radius: 4px;
}
.panel--autocorrelation .accordion-title {
  padding: 5px 5px 5px 10px;
  border-radius: 4px;
}
.panel--autocorrelation .correlation-dates-section {
  padding-left: 0px;
}

.correlation_calendar .button {
  outline: none;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  border: white;
  margin-left: 10px;
  background: #52bd8a;
}
.correlation_calendar .button:hover {
  background: #73caa0;
}
.correlation_calendar .button:disabled {
  background: gray;
  opacity: 0.5;
}
.correlation_calendar .button svg {
  margin-left: 1px;
  margin-top: 6px;
}

.gm-style .gm-style-iw-c {
  border-radius: 0;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
  padding-top: 22px;
}

.loader-holder .loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.5em;
  margin-top: -2.5em;
}
.loader-holder .loader.correlation-loader {
  left: calc(50% - 150px);
}
.loader-holder .loader.map-loader {
  left: calc(50% + 150px);
}
.loader-holder .loader.history-loader {
  margin-top: 150px;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.3em solid rgba(153, 153, 153, 0.2);
  border-right: 0.3em solid rgba(153, 153, 153, 0.2);
  border-bottom: 0.3em solid rgba(153, 153, 153, 0.2);
  border-left: 0.3em solid #004f9f;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.autocorrelation-loader-holder {
  position: absolute;
  background: white;
  overflow: hidden;
  opacity: 0.8;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.c-article-header__icon-information {
  display: flex;
  align-items: center;
  flex: 1;
  flex-basis: auto;
}
@media only screen and (max-width: 1023px) {
  .c-article-header__icon-information {
    align-items: flex-start;
  }
}

.c-article-header__icon {
  position: relative;
  top: 3px;
}

.c-article-header__information {
  margin-left: 8px;
  min-width: 0;
  margin-right: 10px;
  flex: 1;
}
.c-article-header__information span {
  display: block;
}
.c-article-header__information .big,
.c-article-header__information .small {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media only screen and (max-width: 1023px) {
  .c-article-header__information .big,
  .c-article-header__information .small {
    white-space: normal;
    overflow: visible;
  }
}
.c-article-header__information .big {
  color: #344557;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1.56px;
}
@media only screen and (max-width: 1023px) {
  .c-article-header__information .big {
    font-size: 13px;
  }
}
.c-article-header__information .small {
  color: rgba(54, 57, 76, 0.65);
  font-size: 12px;
}
.c-article-header__information .small span {
  display: inline-block;
}

.popup__article-options {
  width: 32.5em;
}
.popup__article-options .mat-mdc-selection-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  max-width: 100%;
  flex-wrap: wrap;
}
.popup__article-options .mat-mdc-selection-list mat-list-option {
  font-size: 13px;
  width: 14em;
  min-height: 3em;
  height: auto !important;
  display: flex;
  margin: 0 0 0.5em 0;
}
.popup__article-options .mat-mdc-selection-list mat-list-option .mdc-list-item__primary-text {
  white-space: normal !important;
  line-height: 15px;
}
.popup__article-options .mat-mdc-selection-list mat-list-option .mdc-list-item__primary-text .multiple-label-option {
  display: block;
  font-weight: 400 !important;
}
.popup__article-options .mdc-list-item__start {
  margin: 0 !important;
}
.popup__article-options .popup__article-options-select {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #344557;
  padding: 0.625em 0.625em 0.625em 0.313em;
}
.popup__article-options .popup__article-options-select a {
  margin: 0 0 0 0.625em !important;
}

.filter-loader,
.list-loader {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -13px;
  z-index: 300;
}
.filter-loader .loader,
.list-loader .loader {
  background: white;
  border-radius: 50%;
  width: 5em;
  height: 5em;
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.3em solid rgba(153, 153, 153, 0.2);
  border-right: 0.3em solid rgba(153, 153, 153, 0.2);
  border-bottom: 0.3em solid rgba(153, 153, 153, 0.2);
  border-left: 0.3em solid #004f9f;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}

.row-loader {
  text-align: center;
}
.row-loader:hover {
  background: #fff;
}
.row-loader .loader {
  background: white;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  margin: 10px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.3em solid rgba(153, 153, 153, 0.2);
  border-right: 0.3em solid rgba(153, 153, 153, 0.2);
  border-bottom: 0.3em solid rgba(153, 153, 153, 0.2);
  border-left: 0.3em solid #004f9f;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 1023px) {
  .overview-chart-container,
  .article-details-chart-container {
    overflow: auto;
  }
  .overview-chart-container .chartHolder,
  .article-details-chart-container .chartHolder {
    min-width: 720px;
  }
}

.article-history .icon-file--download-csv {
  float: right;
  margin-top: -4px;
  cursor: pointer;
}
.article-history .c-table__row-article-history {
  height: 47px;
}

.battery-status {
  display: flex;
  column-gap: 8px;
  align-items: center;
}
.battery-status__text {
  width: 25px;
}
.battery-status__indicator {
  display: inline-block;
  vertical-align: middle;
}
.battery-status__indicator svg {
  width: 53px;
  height: 28px;
}
.battery-status__indicator--color_red svg use {
  fill: #e40000;
  stroke: #e40000;
}
.battery-status__indicator--color_yellow svg use {
  fill: #ffeb3b;
  stroke: #ffeb3b;
}
.battery-status__indicator--color_blue svg use {
  fill: #004f9f;
  stroke: #004f9f;
}

.modal-backdrop.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.modal-backdrop.fade.in {
  opacity: 1;
}

modal-overlay {
  background: rgba(82, 94, 107, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  modal-overlay > div {
    width: 100%;
  }
}

.modal {
  outline: 0;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  min-width: 410px;
}
@media only screen and (max-width: 1023px) {
  .modal {
    min-width: 200px;
    margin: 10px;
  }
}

.c-modal__header {
  background-color: #fafbfc;
  border-bottom: 1px solid #d4d4d4;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 20px;
}
.c-modal__header .close {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}
.c-modal__header h3,
.c-modal__header .headline {
  color: #344557;
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
.c-modal__header .subheadline {
  color: rgba(54, 57, 76, 0.65);
  display: block;
  font-size: 12px;
}

.c-modal__body {
  padding: 13px 0;
}
.c-modal__body.c-modal__body--padding {
  padding: 0 20px 17px;
}
.c-modal__body label {
  color: #344557;
  font-size: 13px;
  letter-spacing: 0.3px;
}
.c-modal__body input {
  font-size: 14px;
  padding: 0.7em 0.5em;
}

.c-modal__footer {
  padding-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: right;
}
.c-modal__footer.c-modal__footer--inline {
  margin-top: 35px;
  padding: 0;
}
.c-modal__footer button {
  font-size: 14px;
  font-weight: 500;
  outline: 0;
}
.c-modal__footer button:first-child {
  background-color: #fff;
  border: 0;
  color: #344557;
}
.c-modal__footer button:last-child {
  margin-left: 7px;
  padding: 0.5em 28px;
}

.c-modal__body--info {
  color: #344557;
  font-size: 15px;
  padding: 17px 20px;
}

.c-modal__footer--info {
  margin-top: 20px;
}
.c-modal__footer--info button.modal-btn--yn,
.c-modal__footer--info button.modal-btn--y,
.c-modal__footer--info button.modal-btn--n {
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  padding: 0.5em 28px;
}
.c-modal__footer--info button.modal-btn--yn {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  color: rgba(54, 57, 76, 0.65);
}
.c-modal__footer--info button.modal-btn--n {
  background-color: #e40000;
  border: 1px solid #e40000;
}
.c-modal__footer--info button.modal-btn--y {
  background-color: #4776bf;
  border: 1px solid #4776bf;
}

.c-modal__body.c-modal__body--info.c-modal__body--info-fixed {
  max-width: 800px;
}

.map-edit-menu-modal .create-modal-form label {
  display: block;
  float: left;
  width: 110px;
  margin-top: 20px;
}
.map-edit-menu-modal .create-modal-form input {
  margin: 10px;
  width: 250px;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
}
.map-edit-menu-modal button {
  font-size: 14px;
  font-weight: 500;
  outline: 0;
}
.map-edit-menu-modal .footer {
  overflow: hidden;
}
.map-edit-menu-modal .footer button {
  float: right;
  margin-right: 10px;
}

.c-fileupload--dropzone {
  border: 1px dashed #d4d4d4;
  border-radius: 4px;
  height: 100px;
  padding: 15px;
  text-align: center;
  width: 100%;
}
.c-fileupload--dropzone.hidden {
  display: none;
}
.c-fileupload--dropzone .headline {
  color: #344557;
  font-size: 14px;
  letter-spacing: normal;
  line-height: normal;
}
.c-fileupload--dropzone .subheadline {
  color: rgba(54, 57, 76, 0.65);
  cursor: pointer;
  font-size: 13px;
  letter-spacing: normal;
  line-height: normal;
  text-align: center;
}
.c-fileupload--dropzone .subheadline:hover {
  text-decoration: underline;
}

.c-fileupload--dropzone-hover {
  border: 1px dashed #52bd8a;
}

.fileupload-list {
  margin-top: 10px;
}
.fileupload-list span {
  color: #344557;
  font-size: 13px;
  letter-spacing: 0.3px;
}
.fileupload-list .c-progress {
  height: 5px;
  margin-top: 5px;
}

vr-camera .camera-upload-container {
  display: block;
  padding: 6px 5px 5px 5px;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}
vr-camera .camera-upload-container .choose-file-btn {
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.27px;
  line-height: 26px;
  border-radius: 5px;
}

vr-mobile-upload-modal .mobile-upload.mat-mdc-dialog-content {
  padding: 0;
}
vr-mobile-upload-modal .mobile-upload.mat-mdc-dialog-content .option {
  cursor: pointer;
  font-size: 16px;
  padding: 4px 20px;
  display: flex;
  align-items: center;
}
vr-mobile-upload-modal .mobile-upload.mat-mdc-dialog-content .option > div {
  flex: 1;
}
vr-mobile-upload-modal .mobile-upload.mat-mdc-dialog-content .option mat-icon {
  width: 50px;
  height: 50px;
}
vr-mobile-upload-modal .mobile-upload.mat-mdc-dialog-content .option:first-child {
  border-bottom: 1px solid #d4d4d4;
}
vr-mobile-upload-modal .mobile-upload.mat-mdc-dialog-content .option:hover {
  background-color: #f5f5f5;
}

.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  min-height: 550px;
  height: 100%;
}
.login mat-tab-header {
  display: none;
}
.login .shake {
  animation: shake 0.5s;
}
.login__holder {
  flex: none;
  width: 100%;
}
.login__logo {
  margin: 0 0 32px;
  text-align: center;
  width: 100%;
  animation: fadein 1.5s ease-in;
  padding-top: 30px;
}
.login__logo img {
  height: 44px;
  width: 280px;
}
.login__form {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 40px -20px rgba(0, 0, 0, 0.5);
  padding: 0 20px 30px;
  text-align: center;
  margin: 30px auto 30px;
  width: 500px;
  animation: fadein 1s ease-in-out, translateY 0.5s ease-in-out;
  display: block;
  position: relative;
  transition: 0.5s box-shadow ease-in-out;
  transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 1023px) {
  .login__form {
    width: auto;
    margin: 30px 20px 30px;
  }
}
.login__form input:-webkit-autofill,
.login__form input:-webkit-autofill:hover,
.login__form input:-webkit-autofill:focus,
.login__form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.login__form.valid {
  box-shadow: 0 0 40px -20px rgb(0, 79, 159);
}
.login__form.invalid {
  box-shadow: 0 0 40px -20px rgba(255, 0, 0, 0.6);
}
.login__form h1 {
  color: #344557;
  display: block;
  font-size: 24px;
  font-weight: 400;
  padding: 42px 0 4px;
  text-align: center;
  width: 100%;
}
.login__form .reset-link {
  color: rgba(55, 56, 76, 0.65);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin-top: 8px;
}
.login__form .reset-link:hover {
  color: #004f9f;
}
@media only screen and (max-width: 1023px) {
  .login__form .reset-link {
    font-size: 13px;
    margin-top: 16px;
  }
}
.login__form .login__info {
  padding-top: 0;
  padding-bottom: 1.5em;
}
.login__form .buttons-container {
  margin-top: 30px;
}
.login__form .buttons-container button {
  width: 100%;
  height: 50px;
}
.login__form .buttons-container button.cancel {
  margin-right: 10px;
}
.login__info {
  font-weight: 300;
}

.flex-sb {
  display: flex;
  justify-content: space-between;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes translateY {
  from {
    transform: translateY(-30px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes error {
  0% {
    box-shadow: 0 0 40px -20px rgb(0, 79, 159);
  }
  50% {
    box-shadow: 0 0 40px -20px rgb(255, 0, 0);
  }
  100% {
    box-shadow: 0 0 40px -20px rgba(255, 0, 0, 0.6);
  }
}
@keyframes shake {
  0% {
    transform: translate3d(0, 0, 0);
  }
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.settings-options {
  cursor: pointer;
  margin-left: 8px;
  margin-top: 15px;
  outline: 0;
}
.settings-options i {
  margin-right: 10px;
}
.settings-options .description span {
  display: block;
}
.settings-options .description span:first-child {
  color: #344557;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 1.1px;
  margin-top: 4px;
}
.settings-options .description span:last-child {
  color: rgba(54, 57, 76, 0.65);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-top: 2px;
}

.settings-options--user:hover svg rect,
.settings-options--user.active svg rect {
  fill: #344557;
}
.settings-options--user:hover svg path,
.settings-options--user.active svg path {
  fill: #fff;
  stroke: #fff;
}

.settings-options--data:hover svg g rect,
.settings-options--data.active svg g rect {
  fill: #344557;
}
.settings-options--data:hover svg g,
.settings-options--data.active svg g {
  fill: #fff;
  stroke: #fff;
}
.settings-options--data:hover svg .no-stroke,
.settings-options--data.active svg .no-stroke {
  stroke: transparent;
}

.settings-options--trigger-alarm:hover svg g rect,
.settings-options--trigger-alarm.active svg g rect,
.settings-options--log:hover svg g rect,
.settings-options--log.active svg g rect {
  fill: #344557;
  fill-opacity: 1;
}
.settings-options--trigger-alarm:hover svg g,
.settings-options--trigger-alarm:hover svg g path,
.settings-options--trigger-alarm.active svg g,
.settings-options--trigger-alarm.active svg g path,
.settings-options--log:hover svg g,
.settings-options--log:hover svg g path,
.settings-options--log.active svg g,
.settings-options--log.active svg g path {
  fill: #fff;
  stroke: #fff;
}

vr-settings-user .o-fieldset {
  margin: 14px 0;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
vr-settings-user .o-fieldset .mat-form-field-wrapper {
  padding-bottom: 4px !important;
}
vr-settings-user .o-grid__cell {
  max-width: 545px;
}
@media only screen and (max-width: 1023px) {
  vr-settings-user .o-grid__cell {
    min-width: auto;
  }
}

.c-pagination {
  padding: 1em 0;
}

.c-pagination__ellipsis {
  color: #344557;
}

.c-pagination__control,
.c-pagination__page {
  background-color: #fff;
  border: 1px solid #d4d4d4;
}

.c-pagination__control:not(:disabled):hover,
.c-pagination__page:not(:disabled):hover {
  background-color: #565869;
  border: 1px solid #565869;
  color: #fff;
}

.c-pagination__controls .c-pagination__page {
  margin-right: 2px;
}
.c-pagination__controls .c-pagination__page.c-pagination__page--current {
  background-color: #344557;
  border: 1px solid #344557;
  color: #fff;
}

.masonry {
  display: flex;
  flex-direction: column;
  margin: 3em auto;
}
@media only screen and (min-width: 1000px) {
  .masonry {
    flex-direction: row;
    justify-content: center;
  }
}

.column {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  width: auto;
}

.item {
  background-color: #fff;
  color: #344557;
  border-radius: 6px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  flex: 0 0 auto;
  margin: 0.9em;
  width: 100%;
}
.item.item--hidden {
  visibility: hidden;
}
.item__content {
  flex: 0 0 auto;
}
.item .item__title {
  padding: 0 20px;
  margin-top: 15px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #37394c;
  letter-spacing: 1px;
  line-height: 34px;
}

.ngxmdp .ngxmdpicon:before {
  font-family: "ngx-mydatepicker" !important;
}

.c-datepicker--sidebar {
  display: block;
  margin-top: 0.5em;
}
.c-datepicker--sidebar .c-datepicker .c-field {
  flex: initial;
  width: calc(100% - 70px);
  font-size: 1em;
}

.c-datepicker {
  display: flex;
  flex-direction: row;
}
.c-datepicker .selector {
  width: auto !important;
}
.c-datepicker .c-field {
  flex: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #111;
  font-size: 13px;
  height: 35px;
  min-width: 120px;
}
.c-datepicker .c-button-group {
  flex: 0 1 auto;
}
.c-datepicker .c-button-group button {
  outline: 0;
  background-color: #fff;
  border-left: 0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-radius: 0;
  float: left;
  height: 35px;
  width: 35px;
  cursor: pointer;
}
.c-datepicker .c-button-group button i {
  position: relative;
  top: 2px;
}
.c-datepicker .c-button-group button:first-child i {
  top: 3px;
}
.c-datepicker .c-button-group button:first-child i svg {
  width: 10px;
  position: relative;
  opacity: 0.9;
}
.c-datepicker .c-button-group button:last-child i svg {
  width: 23px;
}
.c-datepicker .c-button-group button:hover {
  background-color: #d4d4d4;
}
.c-datepicker .c-button-group button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

ngx-my-date-picker .ngxmdp {
  position: fixed;
  margin-left: 0;
  z-index: 100;
}
ngx-my-date-picker .ngxmdp--top .selectorarrowleft:after,
ngx-my-date-picker .ngxmdp--top .selectorarrowleft:before {
  display: none;
}
ngx-my-date-picker .ngxmdp * {
  font-family: "Roboto", sans-serif !important;
}
ngx-my-date-picker .ngxmdp .headerbtn {
  height: 20px !important;
}
ngx-my-date-picker .ngxmdp .icon {
  font-family: "ngx-mydatepicker" !important;
}
ngx-my-date-picker .ngxmdp .selector {
  margin-left: 27px;
}
ngx-my-date-picker .ngxmdp .selectorarrow {
  margin-top: 44px;
}
ngx-my-date-picker .ngxmdp .selector:focus {
  border: 1px solid #d4d4d4 !important;
}
ngx-my-date-picker .ngxmdp .selectorarrow:focus:before {
  border-bottom-color: #d4d4d4 !important;
}
ngx-my-date-picker .ngxmdp .daycell {
  color: #344557 !important;
}
ngx-my-date-picker .ngxmdp .weekdaytitle {
  background-color: #d4d4d4 !important;
  color: #344557 !important;
}
ngx-my-date-picker .ngxmdp .selectedday div {
  border: 1px solid #4776bf !important;
  background-color: #4776bf !important;
  border-radius: 2px;
  color: white !important;
  padding-bottom: 1px;
}
ngx-my-date-picker .ngxmdp .headertodaybtnenabled:hover,
ngx-my-date-picker .ngxmdp .daycell.tablesingleday:hover {
  background-color: #344557 !important;
  color: #fff !important;
}
ngx-my-date-picker .ngxmdp .sunday {
  color: #e40000 !important;
}
ngx-my-date-picker .ngxmdp .headerbtn:focus,
ngx-my-date-picker .ngxmdp .monthlabel:hover,
ngx-my-date-picker .ngxmdp .yearlabel:hover,
ngx-my-date-picker .ngxmdp .headerbtnenabled:hover {
  color: #4776bf;
}

.correlation-dates-section {
  padding: 10px;
  overflow: hidden;
}
.correlation-dates-section .correlation_calendar {
  margin-left: 10px;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
}

.center-horizontal {
  display: flex;
  justify-content: center;
}

.color-picker {
  border: 1px solid #d4d4d4 !important;
  margin-top: 20px;
  overflow: hidden;
  flex: 1;
}

.hp-expandable-text.collapsed {
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: s-resize;
}
.hp-expandable-text.expanded {
  white-space: normal;
  cursor: n-resize;
}

.vr-tooltip {
  color: #344557 !important;
}
.vr-tooltip .mdc-tooltip__surface {
  letter-spacing: normal;
  font-size: 13px !important;
  padding: 6px 8px;
}

.near-tooltip {
  margin-top: 0 !important;
}

.show-full-tooltip-text {
  word-break: break-all !important;
  white-space: normal !important;
}

.readonly {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.readonly.mat-mdc-input-element:disabled, .readonly.mat-form-field-type-mat-native-select.mat-form-field-disabled,
.readonly .mat-input-element:disabled,
.readonly .mat-form-field-type-mat-native-select.mat-form-field-disabled {
  color: rgba(0, 0, 0, 0.87) !important;
  resize: none;
}
.readonly.mat-input-element:disabled ~ .mat-form-field-label-wrapper mat-label, .readonly.mat-form-field-type-mat-native-select.mat-form-field-disabled ~ .mat-form-field-label-wrapper mat-label,
.readonly .mat-input-element:disabled ~ .mat-form-field-label-wrapper mat-label,
.readonly .mat-form-field-type-mat-native-select.mat-form-field-disabled ~ .mat-form-field-label-wrapper mat-label {
  color: rgba(0, 0, 0, 0.6) !important;
}
.readonly.mat-select-disabled,
.readonly .mat-select-disabled {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
.readonly.mat-select-disabled .mat-select-arrow-wrapper,
.readonly .mat-select-disabled .mat-select-arrow-wrapper {
  display: none !important;
}
.readonly.mat-select-disabled .mat-select-value,
.readonly .mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.87) !important;
}
.readonly.mat-select-disabled + .mat-form-field-label-wrapper mat-label,
.readonly .mat-select-disabled + .mat-form-field-label-wrapper mat-label {
  color: rgba(0, 0, 0, 0.6) !important;
}
.readonly.mat-radio-disabled,
.readonly .mat-radio-disabled {
  /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */
}
.readonly.mat-radio-disabled .mat-radio-label-content,
.readonly .mat-radio-disabled .mat-radio-label-content {
  color: #7f7f7f !important;
}
.readonly.mat-checkbox-disabled,
.readonly .mat-checkbox-disabled {
  /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
}
.readonly.mat-checkbox-disabled .mat-checkbox-label,
.readonly .mat-checkbox-disabled .mat-checkbox-label {
  color: #7f7f7f !important;
}
.readonly.mat-datepicker-toggle .mdc-icon-button:disabled,
.readonly mat-datepicker-toggle .mdc-icon-button:disabled {
  display: none !important;
}
.readonly.mat-mdc-slide-toggle.mat-disabled,
.readonly .mat-slide-toggle.mat-disabled {
  opacity: 1;
  /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
}
.readonly.mat-mdc-slide-toggle.mat-disabled .mat-slide-toggle-bar,
.readonly .mat-slide-toggle.mat-disabled .mat-slide-toggle-bar {
  opacity: 0.38;
}
.readonly.mat-mdc-slide-toggle.mat-disabled .mat-slide-toggle-content,
.readonly .mat-slide-toggle.mat-disabled .mat-slide-toggle-content {
  color: rgba(0, 0, 0, 0.87) !important;
}

.cluster-icon {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.cluster-icon--inner {
  opacity: 1;
  border-radius: 50%;
  width: 50%;
  height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid white;
}
.cluster-icon--blue {
  background: rgba(82, 129, 202, 0.5);
}
.cluster-icon--blue .cluster-icon--inner {
  background: #5281ca;
}
.cluster-icon--yellow {
  background: rgba(235, 185, 87, 0.5);
}
.cluster-icon--yellow .cluster-icon--inner {
  background: #ebb957;
}
.cluster-icon--red {
  background: rgba(228, 0, 0, 0.5);
}
.cluster-icon--red .cluster-icon--inner {
  background: #e40000;
}

.edit-mode .leaflet-interactive {
  cursor: cell;
}
.edit-mode.leaflet-grab {
  cursor: crosshair;
}

.leaflet-marker__bounce {
  animation: leaflet-bounce 0.7s ease-in-out infinite;
}
.leaflet-marker__drop {
  animation: leaflet-drop 1s linear;
}
@keyframes leaflet-bounce {
  50% {
    top: -15px;
  }
}
@keyframes leaflet-drop {
  0% {
    top: -100vh;
  }
  85% {
    top: 0;
  }
  95% {
    top: -12px;
  }
  100% {
    top: 0;
  }
}

.gm-style-mtc {
  width: auto !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/material-design-icons/iconfont/material-icons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('MaterialIcons-Regular.1e50f5c2ffa6aba4.eot'); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('MaterialIcons-Regular.7ea2023eeca07427.woff2') format('woff2'),
       url('MaterialIcons-Regular.db852539204b1a34.woff') format('woff'),
       url('MaterialIcons-Regular.196fa4a92dd6fa73.ttf') format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.ef6db8722c2c3f9a.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.9859cd1231006a4a.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.d577052aa271e13f.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/leaflet.markercluster/dist/MarkerCluster.Default.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.marker-cluster-small {
	background-color: rgba(181, 226, 140, 0.6);
	}
.marker-cluster-small div {
	background-color: rgba(110, 204, 57, 0.6);
	}

.marker-cluster-medium {
	background-color: rgba(241, 211, 87, 0.6);
	}
.marker-cluster-medium div {
	background-color: rgba(240, 194, 12, 0.6);
	}

.marker-cluster-large {
	background-color: rgba(253, 156, 115, 0.6);
	}
.marker-cluster-large div {
	background-color: rgba(241, 128, 23, 0.6);
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: rgb(181, 226, 140);
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: rgb(110, 204, 57);
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: rgb(241, 211, 87);
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: rgb(240, 194, 12);
	}

.leaflet-oldie .marker-cluster-large {
	background-color: rgb(253, 156, 115);
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: rgb(241, 128, 23);
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}