:root {
  --mdc-theme-primary: #00b1f9;
  --mdc-theme-secondary: #f04b48;
  --mdc-theme-error: #f44336; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important; }

html,
.app {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  font-family: "Roboto", sans-serif;
  color: rgba(0, 0, 0, 0.78); }

.app-drawer {
  width: 250px;
  background-color: #005c8d;
  transition: width 0.3s;
  background-image: url(../images/bg-buildings.png);
  background-repeat: no-repeat;
  background-position: bottom center; }

.app-container {
  flex-grow: 1;
  padding: 16px 24px;
  overflow-y: auto; }

.app-content {
  width: 100%;
  max-width: 800px; }

.app-titlebar {
  padding: 16px;
  position: absolute;
  z-index: 100; }

.app-logo {
  width: 40px;
  height: 40px;
  transition: width 0.3s, height 0.3s; }

.inactive {
  color: rgba(0, 0, 0, 0.54); }

.active {
  color: #00b1f9;
  color: var(--mdc-theme-primary); }

a {
  color: var(--mdc-theme-primary);
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.page-header,
.page-body {
  width: 100%;
  max-width: 640px; }
  .page-header .container,
  .page-body .container {
    padding: 12px 24px 24px 24px; }

.page-header {
  padding-top: 12px; }

.page-title {
  margin-bottom: 28px;
  transition: margin-top 0.3s; }
  .page-title h2 {
    font-size: 24px;
    font-weight: 500;
    margin: 0; }
  .page-title span {
    font-size: 12px; }

.flex-layout {
  display: flex; }
  .flex-layout.flex-layout--gap :not(:last-child) {
    margin-right: 12px; }
  .flex-layout.flex-layout--row {
    flex-direction: row; }
    .flex-layout.flex-layout--row.flex-layout--align-center {
      align-items: center; }
  .flex-layout.flex-layout--column {
    flex-direction: column; }
    .flex-layout.flex-layout--column.flex-layout--align-center {
      align-items: center; }
  .flex-layout .flex {
    flex-grow: 1;
    flex-shrink: 0; }

.mdc-text-field,
.mdc-select {
  width: 100%; }

.mdc-text-field-helper-line {
  height: 42px;
  display: block; }

.field-validation-error {
  color: #f44336 !important;
  color: var(--mdc-theme-error) !important; }

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #00b1f9;
  color: var(--mdc-theme-primary); }

.mdc-text-field--focused
.mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--focused
.mdc-text-field__input:required ~ .mdc-notched-outline
.mdc-floating-label::after {
  color: #00b1f9;
  color: var(--mdc-theme-primary); }

.error {
  color: #f44336;
  color: var(--mdc-theme-error); }

.validation-summary-errors ul {
  list-style: none;
  padding: 0; }

p {
  line-height: 1.5; }

#email-fields,
#sms-fields {
  display: none; }

.hide {
  display: none; }

.app-note {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.54); }

.invisible {
  position: absolute;
  opacity: 0; }

.app-form-field--rounded {
  background-color: #fff; }
  .app-form-field--rounded .mdc-text-field__input {
    padding: 0 32px; }
  .app-form-field--rounded .mdc-select__selected-text {
    padding-left: 32px; }
  .app-form-field--rounded .mdc-notched-outline .mdc-notched-outline__leading {
    width: 28px;
    border-radius: 28px 0 0 28px; }
  .app-form-field--rounded .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0 28px 28px 0; }

.app-button--rounded {
  border-radius: 24px;
  padding: 0 24px; }

.mdc-text-field + .mdc-text-field-helper-line {
  padding-left: 32px; }

.avatar__rounded {
  width: 48px;
  height: 48px;
  border-radius: 48px; }

.app-mdc-select {
  width: 100%; }

.mdc-list-item__primary-text {
  color: #00b1f9;
  color: var(--mdc-theme-primary); }

@media only screen and (max-width: 960px) {
  .app-drawer {
    width: 0; }
  .app-logo {
    width: 80px;
    height: 80px; }
  .page-title {
    margin-top: 120px; } }

.external-a {
  display: flex;
  background: no-repeat white;
  /* background-size: contain; */
  /* padding: 5px 35px; */
  margin-left: -36px;
  /* width: 80%; */
  border-radius: 10px;
  /* color: white; */
  text-decoration: none;
  text-align: center;
  align-items: center;
  /* justify-content: center; */ }

.external-li {
  list-style: none;
  text-align: center; }

.external-providers {
  margin-top: 36px; }
  .external-providers .provider-logo {
    margin-right: 18px; }

.app-form-checkbox {
  margin-bottom: 24px; }

.app-labeled-value {
  margin-bottom: 32px; }
  .app-labeled-value label {
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #00b1f9; }
  .app-labeled-value span {
    font-size: 18px; }

.app-caption {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54); }

.agent-selection a.mdc-list-item {
  text-decoration: none; }

.agent-selection .mdc-list-item__graphic {
  color: #00b1f9; }

.agent-selection.disabled {
  background-color: rgba(0, 0, 0, 0.02);
  cursor: inherit !important; }
  .agent-selection.disabled .mdc-list-item__primary-text {
    color: rgba(0, 0, 0, 0.54); }
  .agent-selection.disabled .mdc-list-item__graphic {
    color: rgba(0, 0, 0, 0.12); }