/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (2) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://use.fontawesome.com/releases/v5.7.2/css/all.css);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/styles/mat-theme.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

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

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

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

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

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 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, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 14px;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-list-option {
  font-size: 16px;
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}

.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.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: scale(0);
}

.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}

[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

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

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

.cdk-overlay-container:empty {
  display: none;
}

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

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

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: 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-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-mdc-focus-indicator {
  position: relative;
}

.mat-ripple-element {
  background-color: rgba(19, 19, 19, 0.1);
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}

.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #d43f27;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff8880;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #d43f27;
}

.mat-optgroup-label {
  color: #8b9ba3;
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: #8b9ba3;
}

.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #d43f27;
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff8880;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #d43f27;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

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

.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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

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

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  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-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}

.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}

.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}

.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}

.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}

.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}

.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: white;
  background: #d43f27;
}

.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: #ff8880;
  color: white;
}

.mat-badge-warn .mat-badge-content {
  color: white;
  background: #d43f27;
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}

.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #d43f27;
}

.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff8880;
}

.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #d43f27;
}

.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #d43f27;
}

.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff8880;
}

.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #d43f27;
}

.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}

.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: #131313;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #d43f27;
}

.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff8880;
}

.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #d43f27;
}

.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  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-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  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-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  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-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  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-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: #8b9ba3;
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-card:not([class*=mat-elevation-z]) {
  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-card.mat-card-flat:not([class*=mat-elevation-z]) {
  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-card-subtitle {
  color: #8b9ba3;
}

.mat-checkbox-frame {
  border-color: #8b9ba3;
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #d43f27;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff8880;
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #d43f27;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}

.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: #131313;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #d43f27;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff8880;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #d43f27;
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  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-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}

.mat-chip.mat-standard-chip::after {
  background: #131313;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #d43f27;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #d43f27;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff8880;
  color: white;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: #8b9ba3;
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: #8b9ba3;
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: rgba(212, 63, 39, 0.2);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(212, 63, 39, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(212, 63, 39, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: #d43f27;
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(212, 63, 39, 0.4);
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(212, 63, 39, 0.3);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(212, 63, 39, 0.3);
  }
}

.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 136, 128, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(255, 136, 128, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(255, 136, 128, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff8880;
  color: white;
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 136, 128, 0.4);
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(255, 136, 128, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(255, 136, 128, 0.3);
  }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(212, 63, 39, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(212, 63, 39, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(212, 63, 39, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #d43f27;
  color: white;
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(212, 63, 39, 0.4);
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(212, 63, 39, 0.3);
}

@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(212, 63, 39, 0.3);
  }
}

.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: #d43f27;
}

.mat-datepicker-toggle-active.mat-accent {
  color: #ff8880;
}

.mat-datepicker-toggle-active.mat-warn {
  color: #d43f27;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-dialog-container {
  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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}

.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: #8b9ba3;
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}

.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.mat-form-field-label {
  color: rgba(139, 155, 163, 0.6);
}

.mat-hint {
  color: rgba(139, 155, 163, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #d43f27;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff8880;
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #d43f27;
}

.mat-focused .mat-form-field-required-marker {
  color: #ff8880;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #d43f27;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff8880;
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #d43f27;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #d43f27;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff8880;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #d43f27;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #d43f27;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #d43f27;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #d43f27;
}

.mat-error {
  color: #d43f27;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: #8b9ba3;
}

.mat-form-field-appearance-legacy .mat-hint {
  color: #8b9ba3;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(19, 19, 19, 0.04);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(19, 19, 19, 0.02);
}

.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #d43f27;
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff8880;
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #d43f27;
}

.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #d43f27;
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-icon.mat-primary {
  color: #d43f27;
}

.mat-icon.mat-accent {
  color: #ff8880;
}

.mat-icon.mat-warn {
  color: #d43f27;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: #8b9ba3;
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #d43f27;
}

.mat-input-element::-moz-placeholder {
  color: rgba(139, 155, 163, 0.42);
}

.mat-input-element::placeholder {
  color: rgba(139, 155, 163, 0.42);
}

.mat-input-element::-moz-placeholder {
  color: rgba(139, 155, 163, 0.42);
}

.mat-input-element::-webkit-input-placeholder {
  color: rgba(139, 155, 163, 0.42);
}

.mat-input-element:-ms-input-placeholder {
  color: rgba(139, 155, 163, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff8880;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #d43f27;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #d43f27;
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}

.mat-list-base .mat-subheader {
  color: #8b9ba3;
}

.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-menu-panel {
  background: white;
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
  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-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: #8b9ba3;
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-progress-bar-background {
  fill: #f1cbc5;
}

.mat-progress-bar-buffer {
  background-color: #f1cbc5;
}

.mat-progress-bar-fill::after {
  background-color: #d43f27;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbdedc;
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbdedc;
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff8880;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f1cbc5;
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f1cbc5;
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #d43f27;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #d43f27;
}

.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff8880;
}

.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #d43f27;
}

.mat-radio-outer-circle {
  border-color: #8b9ba3;
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #d43f27;
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #d43f27;
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff8880;
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff8880;
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #d43f27;
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #d43f27;
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}

.mat-radio-button .mat-ripple-element {
  background-color: #131313;
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(139, 155, 163, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: #8b9ba3;
}

.mat-select-panel {
  background: white;
}

.mat-select-panel:not([class*=mat-elevation-z]) {
  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-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #d43f27;
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff8880;
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #d43f27;
}

.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #d43f27;
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer.mat-drawer-push {
  background-color: white;
}

.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff8880;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 136, 128, 0.54);
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff8880;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #d43f27;
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(212, 63, 39, 0.54);
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #d43f27;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #d43f27;
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(212, 63, 39, 0.54);
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #d43f27;
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #131313;
}

.mat-slide-toggle-thumb {
  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);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #d43f27;
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(212, 63, 39, 0.2);
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff8880;
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 136, 128, 0.2);
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #d43f27;
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}

.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(212, 63, 39, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(19, 19, 19, 0.12);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(19, 19, 19, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(19, 19, 19, 0.7), rgba(19, 19, 19, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(19, 19, 19, 0.7), rgba(19, 19, 19, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(19, 19, 19, 0.7), rgba(19, 19, 19, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}

.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}

@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: #8b9ba3;
}

.mat-step-header .mat-step-icon {
  background-color: #8b9ba3;
  color: white;
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #d43f27;
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff8880;
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #d43f27;
  color: white;
}

.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #d43f27;
}

.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}

.mat-step-header .mat-step-label.mat-step-label-error {
  color: #d43f27;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.mat-sort-header-arrow {
  color: #8b9ba3;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(242, 197, 190, 0.3);
}

.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #d43f27;
}

.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(242, 197, 190, 0.3);
}

.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff8880;
}

.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(242, 197, 190, 0.3);
}

.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #d43f27;
}

.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(242, 197, 190, 0.3);
}

.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #d43f27;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(242, 197, 190, 0.3);
}

.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #ff8880;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(242, 197, 190, 0.3);
}

.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #d43f27;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}

.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

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

.mat-toolbar.mat-primary {
  background: #d43f27;
  color: white;
}

.mat-toolbar.mat-accent {
  background: #ff8880;
  color: white;
}

.mat-toolbar.mat-warn {
  background: #d43f27;
  color: white;
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}

.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }

  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

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

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  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-simple-snackbar-action {
  color: #ff8880;
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Source Sans Pro, sans-serif;
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 28px / 36px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(16px * 0.83) / 22px Source Sans Pro, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(16px * 0.67) / 22px Source Sans Pro, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 16px / 26px Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 16px / 22px Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 16px / 22px Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-button-toggle {
  font-family: Source Sans Pro, sans-serif;
}

.mat-card {
  font-family: Source Sans Pro, sans-serif;
}

.mat-card-title {
  font-size: 28px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 16px;
}

.mat-checkbox {
  font-family: Source Sans Pro, sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 26px;
}

.mat-chip {
  font-size: 16px;
  font-weight: 500;
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Source Sans Pro, sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 16px;
}

.mat-calendar {
  font-family: Source Sans Pro, sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 400;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 20px / 32px Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-expansion-panel-header {
  font-family: Source Sans Pro, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 16px / 22px Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-form-field {
  font: 400 16px / 1.125 Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34373em) scale(0.75);
  width: 133.3333533333%;
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34372em) scale(0.75);
  width: 133.3333633333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  width: 133.3333933333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px);
  width: 133.3334033333%;
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px);
  width: 133.3334133333%;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28116em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28115em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28114em) scale(0.75);
  }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}

.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59373em) scale(0.75);
  width: 133.3333533333%;
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59372em) scale(0.75);
  width: 133.3333633333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}

.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59373em) scale(0.75);
  width: 133.3333533333%;
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59372em) scale(0.75);
  width: 133.3333633333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 16px;
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Source Sans Pro, sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Source Sans Pro, sans-serif;
}

.mat-select {
  font-family: Source Sans Pro, sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: Source Sans Pro, sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Source Sans Pro, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Source Sans Pro, sans-serif;
}

.mat-step-label {
  font-size: 16px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 16px;
}

.mat-step-label-selected {
  font-size: 16px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Source Sans Pro, sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Source Sans Pro, sans-serif;
  letter-spacing: normal;
  margin: 0;
}

.mat-tooltip {
  font-family: Source Sans Pro, sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: Source Sans Pro, sans-serif;
}

.mat-list-option {
  font-family: Source Sans Pro, sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}

.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 16px;
}

.mat-list-base .mat-list-option {
  font-size: 16px;
}

.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 16px;
}

.mat-list-base .mat-subheader {
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}

.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}

.mat-list-base[dense] .mat-subheader {
  font-family: Source Sans Pro, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 16px / 26px Source Sans Pro, sans-serif;
  letter-spacing: normal;
}

.mat-simple-snackbar {
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
}

.mat-tree {
  font-family: Source Sans Pro, sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 16px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss (3) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/* You can add global styles to this file, and also import other style files */
/* 
    ===================================================================================================================
    Name: Core Manifest
    Type: Manifest
    Scope: all
    Description:
    Core manifest, all imports must be in order of dependencies / specificity level
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Themes Manifest
    Type: Manifest
    Scope: theme
    Description:
    Theme manifest, in this case this is simply a place to put an override for material, bootstrap etc
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Name: autocomplete
    Type: material custom component
    Scope: all
    Description: Search input that autocompletes
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
div#driver-popover-item{display:none;position:absolute;background:#fff;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px rgba(0,0,0,.4);z-index:1000000000}
div#driver-popover-item .driver-popover-tip{border:5px solid #fff;content:"";position:absolute}
div#driver-popover-item .driver-popover-tip.bottom{bottom:-10px;border-color:#fff transparent transparent}
div#driver-popover-item .driver-popover-tip.bottom.position-center{left:49%}
div#driver-popover-item .driver-popover-tip.bottom.position-right{right:20px}
div#driver-popover-item .driver-popover-tip.left{left:-10px;top:10px;border-color:transparent #fff transparent transparent}
div#driver-popover-item .driver-popover-tip.left.position-center{top:46%}
div#driver-popover-item .driver-popover-tip.left.position-bottom{top:auto;bottom:20px}
div#driver-popover-item .driver-popover-tip.right{right:-10px;top:10px;border-color:transparent transparent transparent #fff}
div#driver-popover-item .driver-popover-tip.right.position-center{top:46%}
div#driver-popover-item .driver-popover-tip.right.position-bottom{top:auto;bottom:20px}
div#driver-popover-item .driver-popover-tip.top{top:-10px;border-color:transparent transparent #fff}
div#driver-popover-item .driver-popover-tip.top.position-center{left:49%}
div#driver-popover-item .driver-popover-tip.top.position-right{right:20px}
div#driver-popover-item .driver-popover-tip.mid-center{display:none}
div#driver-popover-item .driver-popover-footer{display:block;margin-top:10px}
div#driver-popover-item .driver-popover-footer button{display:inline-block;padding:3px 10px;border:1px solid #d4d4d4;text-decoration:none;text-shadow:1px 1px 0 #fff;color:#2d2d2d;font:11px/normal sans-serif;cursor:pointer;outline:0;background-color:#f1f1f1;border-radius:2px;zoom:1;line-height:1.3}
div#driver-popover-item .driver-popover-footer button.driver-disabled{color:grey;cursor:default;pointer-events:none}
div#driver-popover-item .driver-popover-footer .driver-close-btn{float:left}
div#driver-popover-item .driver-popover-footer .driver-btn-group,div#driver-popover-item .driver-popover-footer .driver-close-only-btn{float:right}
div#driver-popover-item .driver-popover-title{font:19px/normal sans-serif;margin:0 0 5px;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1}
div#driver-popover-item .driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;color:#2d2d2d;font-weight:400;zoom:1}
.driver-clearfix:after,.driver-clearfix:before{content:"";display:table}
.driver-clearfix:after{clear:both}
.driver-stage-no-animation{transition:none!important;background:transparent!important;outline:5000px solid rgba(0,0,0,.75)}
div#driver-page-overlay{background:#000;position:fixed;bottom:0;right:0;display:block;width:100%;height:100%;zoom:1;filter:alpha(opacity=75);opacity:.75;z-index:100002!important}
div#driver-highlighted-element-stage,div#driver-page-overlay{top:0;left:0;transition:all .3s}
div#driver-highlighted-element-stage{position:absolute;height:50px;width:300px;background:#fff;z-index:100003!important;display:none;border-radius:2px}
.driver-highlighted-element{z-index:100004!important}
.driver-position-relative{position:relative!important}
.driver-fix-stacking{z-index:auto!important;opacity:1!important;transform:none!important;-moz-filter:none!important;-ms-filter:none!important;-o-filter:none!important;filter:none!important;-ms-perspective:none!important;-o-perspective:none!important;perspective:none!important;transform-style:flat!important;-webkit-transform-box:border-box!important;-moz-transform-box:border-box!important;-ms-transform-box:border-box!important;-o-transform-box:border-box!important;transform-box:border-box!important;will-change:unset!important}
mat-autocomplete {
  width: 100%;
}
mat-autocomplete .mat-option-text img {
  vertical-align: middle;
  margin-right: 8px;
}
/*
    ===================================================================================================================
    Name: button
    Type: material custom component
    Scope: all
    Description: Material button component
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
button.mat-button,
button.mat-raised-button {
  background: #095fdc;
  color: #fff;
  min-width: 88px;
  line-height: 30px;
  padding: 0.1rem 1.5rem;
  margin: 0.25rem;
  border-radius: 40px;
}
.mat-button-toggle-group {
  box-shadow: none !important;
  background-color: #fff !important;
}
.mat-button-toggle-group-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.fx-btn-group .mat-button-toggle-label-content {
  line-height: 40px;
  color: #7d8386;
  font-size: 14px;
  font-weight: 400;
}
.fx-btn-group .mat-button-toggle-label-content:hover, .fx-btn-group .mat-button-toggle-label-content:focus {
  background: #90a4ae;
  color: #fff;
}
.fx-btn-group .mat-button-toggle-button {
  background: #fff;
}
.fx-btn-group .mat-button-toggle-checked .mat-button-toggle-label-content {
  background-color: #095fdc;
  color: #fff;
}
.fx-btn-group .mat-button-toggle-checked .mat-button-toggle-label-content:hover, .fx-btn-group .mat-button-toggle-checked .mat-button-toggle-label-content:focus {
  background: #074aab;
}
.fx-btn-group .mat-button-toggle-checked.mat-button-toggle-disabled .mat-button-toggle-label-content {
  color: #fff;
}
.fx-btn-group .mat-button-toggle-disabled .mat-button-toggle-label-content {
  opacity: 0.5;
  pointer-events: none;
}
.fx-btn-group .mat-button-toggle-disabled {
  background-color: #fff;
}
.fx-btn-group .mat-button-toggle-button {
  border-right: 1px solid transparent;
}
.fx-btn-group .mat-button-toggle--engaged.mat-button-toggle-checked .mat-button-toggle-label-content {
  background-color: #3ab32a;
  color: #fff;
}
/* 
    ===================================================================================================================
    Name: card
    Type: material custom component
    Scope: all
    Description: Container for information
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-card {
  margin: 1rem 0;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border: 1px solid #dee2e6;
}
.mat-card-header {
  background: #e9ecef;
  padding: 1rem;
}
.mat-card-header--move {
  cursor: move;
}
.mat-card-header-text {
  margin: 0 !important;
  width: 100%;
  display: flex !important;
}
.mat-card-header-text-close {
  flex: 0 0 49% !important;
  text-align: right;
}
.mat-card-header-text-close mat-icon {
  cursor: pointer;
}
.mat-card-header-text .mat-card-title {
  margin: 0 !important;
}
/* 
    ===================================================================================================================
    Name: checkbox
    Type: material custom component
    Scope: all
    Description: Checkbox for forms and tables
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-checkbox {
  height: 30px !important;
}
.mat-checkbox-inner-container {
  background: white;
  height: 30px !important;
  width: 30px !important;
}
.mat-checkbox .mat-checkbox-ripple {
  display: none !important;
}
.mat-checkbox-disabled {
  cursor: default;
  opacity: 0.5;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #bdc8ce !important;
}
/* 
    ===================================================================================================================
    Name: checkbutton
    Type: material custom component - NOTE depends on material _checkbox
    Scope: all
    Description: Checkbutton for forms and tables
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-checkbutton label {
  position: relative;
}
.fx-checkbutton label.mat-checkbox-layout .mat-checkbox-inner-container {
  background: white;
  height: 29px !important;
  width: 56px !important;
  border-radius: 40px !important;
}
.fx-checkbutton label.mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-ripple {
  display: none !important;
}
.fx-checkbutton label.mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-background,
.fx-checkbutton label.mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  width: 56px !important;
  border-radius: 40px !important;
}
.fx-checkbutton label.mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
  border-color: #90a4ae;
}
.fx-checkbutton label.mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-background .mat-checkbox-checkmark {
  left: 16px !important;
  width: 24px !important;
  top: 2px !important;
  fill: #095fdb;
}
.fx-checkbutton label.mat-checkbox-layout:hover .mat-checkbox-frame {
  border-color: #90a4ae;
  background-color: #90a4ae;
}
.fx-checkbutton label.mat-checkbox-layout:hover .mat-checkbox-label {
  color: white !important;
}
.fx-checkbutton label.mat-checkbox-layout .mat-checkbox-label {
  position: absolute;
  color: #6c757d;
  left: 14px;
  top: 1px;
}
.fx-checkbutton.mat-checkbox-checked .mat-checkbox-label {
  visibility: hidden;
}
.fx-checkbutton.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .fx-checkbutton.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #90a4ae;
}
/* 
    ===================================================================================================================
    Name: datepicker
    Type: material custom component
    Scope: all
    Description: Datepicker UI adjustments
    ===================================================================================================================
*/
.mat-calendar-period-button {
  background: #d43f27 !important;
}
.mat-calendar-arrow {
  border-top-color: white !important;
}
.mat-calendar-body-selected {
  background-color: #d43f27 !important;
}
/* 
    ===================================================================================================================
    Name: form
    Type: material custom component
    Scope: all
    Description: Remove border from material forms
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-form-field-appearance-legacy .mat-form-field-underline {
  height: 0px;
  display: none;
}
/* 
    ===================================================================================================================
    Name: icons
    Type: material custom component
    Scope: all
    Description: Material icons
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
}
/* 
    ===================================================================================================================
    Name: input
    Type: material custom component
    Scope: all
    Description: Material input to enter info
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: #495057 !important;
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding: 0.5 !important;
}
.mat-form-field-infix {
  padding: 0;
  border: 0;
  margin-right: 0.5rem;
}
.mat-form-field-infix input {
  line-height: 1.5rem;
  position: relative;
  top: 0.5rem;
  padding: 0 1rem;
  padding: 4px 14px;
  border-radius: 3px;
}
.mat-form-field-infix .mat-select-trigger {
  background-color: #e9ecef;
  border-radius: 3px;
  padding: 0.5rem;
  height: 2.5rem;
}
.mat-form-field-infix .mat-select-value {
  background: transparent;
}
.mat-form-field-infix textarea {
  background-color: #e9ecef;
  border-radius: 3px;
  padding: 10px 15px !important;
  min-height: 65px;
}
.mat-form-field-infix label {
  font-size: 1.25rem;
}
.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element,
.mat-form-field.mat-focused .mat-form-field-label {
  color: #8b9ba3 !important;
  caret-color: #8b9ba3 !important;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: #65737a;
}
.engagement-csa-config .mat-select-placeholder {
  background: transparent;
}
.mat-form-field-required-marker {
  color: #d41a1a !important;
}
/*
    ===================================================================================================================
    Name: modal
    Type: material custom component
    Scope: all
    Description: Popup window to show more information
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-dialog-container {
  background: white !important;
  border-radius: 0 !important;
  max-height: 90vh !important;
}
/* 
    ===================================================================================================================
    Name: radio
    Type: material custom component
    Scope: all
    Description: Radio button for options in forms
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-radio-button ~ .mat-radio-button {
  margin-left: 16px;
}
/* 
    ===================================================================================================================
    Name: select
    Type: material custom component
    Scope: all
    Description: Dropdown for form options
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 !important;
}
.mat-form-field-appearance-outline .mat-form-field-flex {
  margin: 0 !important;
  padding: 0 !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  top: 0 !important;
}
.mat-form-field-appearance-outline .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-gap,
.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 0 !important;
  border-radius: 0 !important;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  display: block !important;
  min-width: unset !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.mat-form-field-appearance-outline .mat-form-field-infix input {
  top: 0 !important;
  margin: 0 !important;
  height: 42px !important;
  line-height: 42px !important;
}
.mat-form-field-appearance-outline .mat-form-field {
  display: block !important;
}
.mat-form-field-appearance-outline .mat-select {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
}
.mat-form-field-appearance-outline .mat-select-trigger {
  height: auto !important;
  padding: 0 !important;
  line-height: unset !important;
  width: 100% !important;
}
.mat-form-field-appearance-outline .mat-select-trigger {
  display: flex;
  height: 40px;
}
.mat-form-field-appearance-outline .mat-select-value {
  display: block !important;
  max-width: unset !important;
  height: auto !important;
  padding: 0 2rem 0 1rem !important;
  line-height: 42px !important;
  height: 42px !important;
  background-color: white;
}
.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  display: none !important;
}
.mat-form-field-appearance-outline .mat-input-element {
  vertical-align: unset;
}
.mat-select-placeholder,
.mat-select-value,
.mat-input-element,
.mat-select-trigger {
  color: #495057;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 0.5rem;
}
.mat-select-alt {
  background: #dee2e6;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  display: none;
}
.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: none;
}
.mat-form-field-wrapper,
.mat-form-field-appearance-outline .mat-form-field-flex,
.mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
/*  
    ===================================================================================================================
    States
    Media queries zone / Modifier zone
    Note: media queries should be avoided in components where possible as they are deemed part of layout styles, there
    are exceptions to this rule - if providing media queries in components please commment why
    ===================================================================================================================
*/
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple),
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: #d43f27 !important;
  color: white !important;
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
  background: #dee2e6 !important;
}
.mat-form-field-hide-placeholder .mat-select-placeholder {
  background: transparent;
}
.mat-form-field-empty.mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00103px) !important;
}
/* 
    ===================================================================================================================
    Name: tooltip
    Type: material custom component
    Scope: all
    Description: Tooltip to give further information on hover
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.mat-tooltip {
  background-color: #1b1f22 !important;
  font-size: 13px !important;
}
/*
    ===================================================================================================================
    Name: Core Manifest
    Type: Manifest
    Scope: all
    Description:
    Core manifest, all imports must be in order of dependencies / specificity level
    ===================================================================================================================
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/**
 * Imports Manifest
 */
/*
    ===================================================================================================================
    Name: variables
    Type: FX-UI theme
    Scope: all
    Description:
    FX-UI style guide variables
    ===================================================================================================================
*/
/* Grid */
/* Colours */
/* relative paths for asset files */
/* Icons */
/* Fonts Declarations */
/* Sizing */
/* Forms */
/*
    ===================================================================================================================
    Name: Core functions manifest for FX-UI
    Type: functions
    Scope: all
    Description:
    This file imports all functions required by FX-UI style guide
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Px to rem
    Type: function
    Scope: all
    Description:
    Converts px measurements to rem
    @param $target {number} the number of pixels to convert
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Name: Core placeholders manifest for FX-UI
    Type: components
    Scope: all
    Description: 
    This file imports all placeholders required by FX-UI style guide
    ===================================================================================================================
*/
.fx-data-table-head-title, .fx-ellipsis {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*
    ===================================================================================================================
    Name: Core mixins manifest for FX-UI
    Type: mixins
    Scope: all
    Description:
    This file imports all mixins required by FX-UI style guide
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Mixin 1:
    Name: Breakpoint
    Type: mixins
    Scope: all
    Description:
    Provides media queries for min widths passed in as parameters
    note: $size parameter should be a breakpoint defined in global _variables.scss


   =============================================================
   */
/*
    ===================================================================================================================
    Name: Button
    Type: mixins
    Scope: all
    Description:
    Creates btn according to baseline using font size, line-height and margin
    @param $size {string} the size of the title ('sm')
    ===================================================================================================================
*/
/*
    ===================================================================================================================
Usage:
Example 1.
<button class ="fx-btn fx-btn--primary fx-btn--sm"></button>
- Using btn--primary with JST Blue in size --small

Example 2. <button class ="fx-btn fx-btn--default fx-btn--lg"></button>
- Using generic fx-btn--default in size lg

Structure: <button class ="<btn-properties core> <type> <size>"></button>
NOTE: Always include fx-btn core class

Available classes:
1. fx-btn--primary
2. fx-btn--secondary
3.fx-btn--warning
5.fx-btn--(info, danger, tertiary etc... refer to variables map)
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Grid
    Type: mixin
    Scope: layout
    Description:
    Mixin for creating CSS grids with flexbox fallback
    Note: It will be decided at some time that we need to support fallbacks for flexbox (floats)
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
      ===================================================================================================================
      Core
      ===================================================================================================================
  */
/*
    ===================================================================================================================
    FX Forms

    Usage:
    fx-form (default dark inline)
    fx-form fx-form--light (default light inline)
    fx-form fx-form--light fx-form--classic (classic light input bg, no border)
    fx-form fx-form--dark fx-form--classic (classic dark input bg, no border)
    fx-form fx-form--light fx-form--outlined (outlined transparent input bg, light border)
    fx-form fx-form--dark fx-form--outlined (outlined transparent input bg, dark border)
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Overrides

    TODO:
    This requires mixins to do the heavy work in future
    Handle fx-form fx-form--classic and fx-form fx-form--outlined (no colour specified)
    ===================================================================================================================
*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #1b1f22 !important;
}
.fx-form.fx-form--light {
  color: white;
}
.fx-form.fx-form--light .fx-form-input,
.fx-form.fx-form--light .fx-form-select,
.fx-form.fx-form--light .fx-form-textarea {
  color: white;
  background-color: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.5);
}
.fx-form.fx-form--light .fx-form-input::-moz-placeholder, .fx-form.fx-form--light .fx-form-select::-moz-placeholder, .fx-form.fx-form--light .fx-form-textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.fx-form.fx-form--light .fx-form-input::placeholder,
.fx-form.fx-form--light .fx-form-select::placeholder,
.fx-form.fx-form--light .fx-form-textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.fx-form.fx-form--light .fx-form-input:focus, .fx-form.fx-form--light .fx-form-input:hover,
.fx-form.fx-form--light .fx-form-select:focus,
.fx-form.fx-form--light .fx-form-select:hover,
.fx-form.fx-form--light .fx-form-textarea:focus,
.fx-form.fx-form--light .fx-form-textarea:hover {
  border-bottom: 1px solid white;
}
.fx-form.fx-form--light .fx-form-input:focus:disabled, .fx-form.fx-form--light .fx-form-input:hover:disabled,
.fx-form.fx-form--light .fx-form-select:focus:disabled,
.fx-form.fx-form--light .fx-form-select:hover:disabled,
.fx-form.fx-form--light .fx-form-textarea:focus:disabled,
.fx-form.fx-form--light .fx-form-textarea:hover:disabled {
  border-bottom: none;
}
.fx-form.fx-form--light .fx-form-validation {
  color: white;
}
.fx-form.fx-form--light input:-webkit-autofill,
.fx-form.fx-form--light input:-webkit-autofill:hover,
.fx-form.fx-form--light input:-webkit-autofill:focus,
.fx-form.fx-form--light input:-webkit-autofill:active {
  -webkit-text-fill-color: white !important;
}
.fx-form.fx-form--dark {
  color: #1b1f22;
}
.fx-form.fx-form--dark .fx-form-input,
.fx-form.fx-form--dark .fx-form-select,
.fx-form.fx-form--dark .fx-form-textarea {
  color: #1b1f22;
  background-color: transparent;
  border-bottom-color: rgba(27, 31, 34, 0.5);
}
.fx-form.fx-form--dark .fx-form-input::-moz-placeholder, .fx-form.fx-form--dark .fx-form-select::-moz-placeholder, .fx-form.fx-form--dark .fx-form-textarea::-moz-placeholder {
  color: rgba(27, 31, 34, 0.5);
}
.fx-form.fx-form--dark .fx-form-input::placeholder,
.fx-form.fx-form--dark .fx-form-select::placeholder,
.fx-form.fx-form--dark .fx-form-textarea::placeholder {
  color: rgba(27, 31, 34, 0.5);
}
.fx-form.fx-form--dark .fx-form-input:focus, .fx-form.fx-form--dark .fx-form-input:hover,
.fx-form.fx-form--dark .fx-form-select:focus,
.fx-form.fx-form--dark .fx-form-select:hover,
.fx-form.fx-form--dark .fx-form-textarea:focus,
.fx-form.fx-form--dark .fx-form-textarea:hover {
  border-bottom: 1px solid #1b1f22;
}
.fx-form.fx-form--dark .fx-form-input:focus:disabled, .fx-form.fx-form--dark .fx-form-input:hover:disabled,
.fx-form.fx-form--dark .fx-form-select:focus:disabled,
.fx-form.fx-form--dark .fx-form-select:hover:disabled,
.fx-form.fx-form--dark .fx-form-textarea:focus:disabled,
.fx-form.fx-form--dark .fx-form-textarea:hover:disabled {
  border-bottom: none;
}
.fx-form.fx-form--dark .fx-form-input--error,
.fx-form.fx-form--dark .fx-form-select--error,
.fx-form.fx-form--dark .fx-form-textarea--error {
  color: rgba(212, 26, 26, 0.822);
  border-bottom-color: rgba(212, 26, 26, 0.822);
}
.fx-form.fx-form--dark .fx-form-validation {
  color: rgba(212, 26, 26, 0.822);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background-color: none;
}
/*
    ===================================================================================================================
    Name: Gradient
    Type: mixin
    Scope: Mixin
    Description:
    Mixin for creating CSS linear gradients - currently only top/bottom values supported
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Card
    Type: Mixin
    Scope: all
    Description:
    Mixin for chat-style message cards
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Fonts
    Type: base styles
    Scope: all
    Description:
    Global font imports
    ===================================================================================================================
*/
@font-face {
  font-family: "Source Sans Pro", sans-serif;
  src: url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400&display=swap) format("woff");
}
/*
    ===================================================================================================================
    Name: Elements
    Type: base styles
    Scope: all
    Description:
    element selectors apply to all elements after reset - do not fiddle here!
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    ===================================================================================================================
*/
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  vertical-align: baseline;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  scroll-behavior: smooth;
}
body {
  line-height: 1.5;
  font-size: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  overflow-x: hidden;
  color: #1b1f22;
}
button {
  padding: 0;
  border-style: solid;
  border-color: transparent;
  background-color: transparent;
}
a,
button,
input {
  outline: 0;
}
a:focus,
button:focus,
input:focus {
  outline: 0;
}
a {
  text-decoration: none;
  color: #d43f27;
}
a[href*="#"] {
  scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  margin: 1rem 0;
}
img {
  max-width: 100%;
}
[disabled] {
  opacity: 0.5;
}
/*  
    ===================================================================================================================
    Name: utilities
    Type: helpers
    Scope: all
    Description: 
    Global helper classes
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
.is-negative {
  color: rgba(212, 26, 26, 0.822);
}
.is-mandatory {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 1;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  color: rgba(212, 26, 26, 0.822);
}
.is-mandatory:before {
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 0;
  content: "*";
}
/*
    ===================================================================================================================
    Name: Components Manifest
    Type: Manifest
    Scope: components
    Description:
    Components manifest, no order is necessary here, however for neatness separate out by category
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Name: brand
    Type: component
    Scope: all
    Description: component for company logo and/or name

    Examples
    fx-brand
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-brand {
  width: 125px;
  height: 47px;
  overflow: hidden;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  text-indent: -9999px;
}
/*
    ===================================================================================================================
    Name: button
    Type: component
    Scope: all
    Description: Generic buttons, see examples for variations below

===================================================================================================================
  */
.fx-btn--primary {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: #d43f27;
  color: white;
}
.fx-btn--primary:hover {
  background-color: #be3923;
}
.fx-btn--primary-outlined {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: #d43f27;
  color: white;
  color: #d43f27;
  border-color: #d43f27;
  background-color: transparent;
}
.fx-btn--primary-outlined:hover {
  background-color: #be3923;
}
.fx-btn--primary-outlined:hover {
  background-color: #d43f27;
  color: white;
}
.fx-btn--secondary {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: #1b1f22;
  color: white;
}
.fx-btn--secondary:hover {
  background-color: #101214;
}
.fx-btn--secondary-outlined {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: #1b1f22;
  color: white;
  color: #1b1f22;
  border-color: #1b1f22;
  background-color: transparent;
}
.fx-btn--secondary-outlined:hover {
  background-color: #101214;
}
.fx-btn--secondary-outlined:hover {
  background-color: #1b1f22;
  color: white;
  transition: ease-in-out 0.2s;
}
.fx-btn--tertiary {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: #f6f7f9;
}
.fx-btn--tertiary-outlined {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: #f6f7f9;
  border-color: #f6f7f9;
  background-color: transparent;
}
.fx-btn--white {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: white;
  color: #d43f27;
}
.fx-btn--white:hover {
  border-color: #d43f27;
  background-color: white;
}
.fx-btn--white-outlined {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: white;
  color: #d43f27;
  color: white;
  border-color: white;
  background-color: transparent;
}
.fx-btn--white-outlined:hover {
  border-color: #d43f27;
  background-color: white;
}
.fx-btn--white-outlined:hover {
  border-color: #d43f27;
  color: #d43f27;
}
.fx-btn--rounded {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 1rem;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  background-color: #d43f27;
  color: white;
}
.fx-btn--rounded:hover {
  background-color: #be3923;
}
.fx-btn--full-width {
  display: block;
  width: 100%;
}
/*
    ===================================================================================================================
    Name: container
    Type: component
    Scope: layout
    Description: Two container types, while one takes in any value and sets max-width to it,
    the other is built using the breakpoints map and max-width scales automatically to said breakpoints
    Mixins in mixins/container

===================================================================================================================
  */
.fx-container {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.5rem;
}
@media only screen and (min-width: 768px) {
  .fx-container {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .fx-container {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .fx-container {
    width: 1200px;
  }
}
@media only screen and (min-width: 1920px) {
  .fx-container {
    width: 1440px;
  }
}
@media only screen and (min-width: 768px) {
  .fx-container {
    padding: 0 1rem;
  }
}
.fx-container--fluid {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.5rem;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .fx-container--fluid {
    padding: 0 1rem;
  }
}
/*
    ===================================================================================================================
    Name: fx-btn-group
    Type: component
    Scope: JST pages
    Description:
    Reusable button group component for single/multi-select

    Naming convention (BEM like)
    BLOCK: fx-block / fx-block-descriptor
    ELEMENTS: fx-block-element / fx-block-descriptor-element
    MODIFIERS: fx-block-element--modifier / fx-block-descriptor-element--modifier

    Examples
    fx-btn / fx-btn-primary / fx-btn-seconday / fx-btn-teriary
    fx-btn-icon / fx-btn-primary-icon / fx-btn-secondary-icon / fx-btn-teriary-icon
    fx-btn--is-active / fx-btn-primary--is-active / fx-btn-seconday--is-active / fx-btn-teriary--is-active
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Name: dropdown
    Type: component
    Scope: all
    Description: dropdown to show links or items to select

    Examples
    fx-dropdown
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: avatar
    Type: component
    Scope: all
    Description: avatar

    Examples
    fx-avatar ...
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #d43f27;
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fx-avatar--border {
  border: 2px solid white;
}
.fx-avatar--small {
  font-size: 12px;
  width: 32px;
  height: 32px;
}
.fx-avatar--medium {
  width: 42px;
  height: 42px;
}
.fx-avatar--large {
  font-size: 24px;
  width: 74px;
  height: 74px;
  line-height: 74px;
}
.fx-avatar--inverted {
  background-color: white;
  color: #d43f27;
  border-color: #d43f27;
}
.fx-avatar--secondary {
  background-color: #1b1f22;
  color: white;
  border-color: #1b1f22;
}
/*
    ===================================================================================================================
    Name: avatar-multi
    Type: component
    Scope: all
    Description: avatar

    Examples
    fx-avatar-multi ...
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-avatar-multi {
  position: relative;
  width: 48px;
  height: 48px;
}
.fx-avatar-multi-bottom-left {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
}
.fx-avatar-multi-top-right {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
}
/*
    ===================================================================================================================
    Name: accordion
    Type: component
    Scope: all
    Description: accordion expansion panel with toggle

    Examples
    fx-accordion ...
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-accordion {
  position: relative;
  display: block;
  width: 100%;
}
.fx-accordion-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: unset;
  background: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.fx-accordion-toggle > div {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}
.fx-accordion-toggle--disabled {
  opacity: 0.6;
}
.fx-accordion-toggle-icon,
.fx-accordion-toggle i {
  position: relative;
  transform: rotate(0deg);
  transform-origin: center;
  display: block;
  font-size: 1rem;
  text-align: center;
  font-style: normal;
  line-height: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  color: #d43f27;
  transition: all 0.2s;
}
.fx-accordion-toggle--is-visible .fx-accordion-toggle-icon,
.fx-accordion-toggle--is-visible i {
  transform: rotate(180deg);
}
.fx-accordion-toggle--has-gutters {
  padding: 0.5rem;
}
.fx-accordion-content {
  box-sizing: unset;
  display: none;
  min-width: inherit;
  height: 0;
  overflow: hidden;
}
.fx-accordion-content--is-visible {
  display: block;
  height: auto;
  overflow: visible;
}
.fx-accordion-content--has-gutters {
  padding: 0.5rem;
}
.fx-checkbox {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 100%;
  color: #1b1f22;
}
.fx-checkbox-container {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.fx-checkbox-container .fx-checkbox-outer-circle {
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color ease 280ms;
  width: 20px;
  border: 1px solid #1b1f22;
  border-radius: 50%;
}
.fx-checkbox-container .fx-checkbox-inner-circle {
  border-radius: 50%;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform ease 280ms, background-color ease 280ms;
  width: 20px;
  transform: scale(0.001);
  background-color: transparent;
}
.fx-checkbox-container input {
  bottom: 0;
  left: 50%;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.fx-checkbox-container input:disabled ~ .fx-checkbox-outer-circle,
.fx-checkbox-container input:disabled ~ .fx-checkbox-inner-circle {
  opacity: 0.5;
}
.fx-checkbox--checked .fx-checkbox-outer-circle {
  border-color: #d43f27;
}
.fx-checkbox--checked .fx-checkbox-inner-circle {
  background-color: #d43f27;
  transform: scale(1);
}
.fx-checkbox--checked .fx-checkbox-inner-circle:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  font-family: "Ionicons";
  font-size: 24px;
  text-align: center;
  text-indent: 0;
  color: white;
  content: "\f3ff";
}
.fx-checkbox-content {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  display: inline-block;
  order: 0;
  line-height: inherit;
  margin-left: 0.5rem;
}
.fx-collapse {
  position: relative;
  display: block;
  width: 100%;
}
.fx-collapse-toggle {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  color: white;
  text-align: left;
  background: #d43f27;
}
.fx-collapse-toggle--primary {
  background: #d43f27;
}
.fx-collapse-toggle--primary:hover {
  background: #be3923;
}
.fx-collapse-toggle--secondary {
  background: #1b1f22;
}
.fx-collapse-toggle--secondary:hover {
  background: #262c30;
}
.fx-collapse-toggle-icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-size: 3rem;
  text-align: center;
}
.fx-collapse-content {
  display: block;
  min-width: inherit;
  height: 0;
  overflow: hidden;
}
.fx-collapse-content--is-visible {
  height: auto;
  padding: 1rem 0;
}
/*
    ===================================================================================================================
    Name: chips
    Type: material custom component
    Scope: all
    Description: show list or set of items
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-chip {
  background-color: #d43f27;
  color: white;
  display: inline-block;
  line-height: 1.5;
  font-size: 12px;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  padding-left: 0.3333333333rem;
  padding-right: 0.3333333333rem;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: capitalize;
}
.fx-chip--inverted {
  color: #d43f27;
  border: 1px solid #d43f27;
  background-color: white;
}
/*
    ===================================================================================================================
    Name: chips
    Type: material custom component
    Scope: all
    Description: show list or set of items
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-tag {
  display: inline-block;
  border-radius: 4px;
  padding-left: 6px;
  padding-right: 6px;
  margin-top: auto;
  margin-bottom: auto;
  background-color: gray;
  color: white;
  line-height: 1.5;
  font-size: 0.875rem;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: capitalize;
}
/*
    ===================================================================================================================
    Name: chips
    Type: material custom component
    Scope: all
    Description: show list or set of items
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-toast {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  background-color: gray;
  color: white;
  line-height: 1.5;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
}
.fx-toast--primary {
  background: #d43f27;
}
.fx-toast--secondary {
  background: #1b1f22;
}
.fx-toast--success {
  background: rgba(58, 179, 42, 0.769);
}
.fx-toast--warning {
  background: rgba(255, 234, 44, 0.712);
}
.fx-toast--danger {
  background: rgba(212, 26, 26, 0.822);
}
.fx-toast--centered {
  justify-content: center;
}
/*
    ===================================================================================================================
    Name: icons
    Type: material custom component
    Scope: all
    Description: Material icons
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3rem 0 0;
}
.fx-icon:before {
  display: block;
  content: "\f100";
  line-height: inherit;
  background-color: #d43f27;
}
/*

Name
Unicode code

ion-ios-add-circle-outline \f100;
ion-ios-add-circle \f101;
ion-ios-add \f102;
ion-ios-airplane \f137;
ion-ios-alarm \f3c8;
ion-ios-albums \f3ca;
ion-ios-alert \f104;
ion-ios-american-football \f106;
ion-ios-analytics \f3ce;
ion-ios-aperture \f108;
ion-ios-apps \f10a;
ion-ios-appstore \f10c;
ion-ios-archive \f10e;
ion-ios-arrow-back \f3cf;
ion-ios-arrow-down \f3d0;
ion-ios-arrow-dropdown-circle \f125;
ion-ios-arrow-dropdown \f110;
ion-ios-arrow-dropleft-circle \f129;
ion-ios-arrow-dropleft \f112;
ion-ios-arrow-dropright-circle \f12b;
ion-ios-arrow-dropright \f114;
ion-ios-arrow-dropup-circle \f12d;
ion-ios-arrow-dropup \f116;
ion-ios-arrow-forward \f3d1;
ion-ios-arrow-round-back \f117;
ion-ios-arrow-round-down \f118;
ion-ios-arrow-round-forward \f119;
ion-ios-arrow-round-up \f11a;
ion-ios-arrow-up \f3d8;
ion-ios-at \f3da;
ion-ios-attach \f11b;
ion-ios-backspace \f11d;
ion-ios-barcode \f3dc;
ion-ios-baseball \f3de;
ion-ios-basket \f11f;
ion-ios-basketball \f3e0;
ion-ios-battery-charging \f120;
ion-ios-battery-dead \f121;
ion-ios-battery-full \f122;
ion-ios-beaker \f124;
ion-ios-bed \f139;
ion-ios-beer \f126;
ion-ios-bicycle \f127;
ion-ios-bluetooth \f128;
ion-ios-boat \f12a;
ion-ios-body \f3e4;
ion-ios-bonfire \f12c;
ion-ios-book \f3e8;
ion-ios-bookmark \f12e;
ion-ios-bookmarks \f3ea;
ion-ios-bowtie \f130;
ion-ios-briefcase \f3ee;
ion-ios-browsers \f3f0;
ion-ios-brush \f132;
ion-ios-bug \f134;
ion-ios-build \f136;
ion-ios-bulb \f138;
ion-ios-bus \f13a;
ion-ios-business \f1a3;
ion-ios-cafe \f13c;
ion-ios-calculator \f3f2;
ion-ios-calendar \f3f4;
ion-ios-call \f13e;
ion-ios-camera \f3f6;
ion-ios-car \f140;
ion-ios-card \f142;
ion-ios-cart \f3f8;
ion-ios-cash \f144;
ion-ios-cellular \f13d;
ion-ios-chatboxes \f3fa;
ion-ios-chatbubbles \f146;
ion-ios-checkbox-outline \f147;
ion-ios-checkbox \f148;
ion-ios-checkmark-circle-outline \f149;
ion-ios-checkmark-circle \f14a;
ion-ios-checkmark \f3ff;
ion-ios-clipboard \f14c;
ion-ios-clock \f403;
ion-ios-close-circle-outline \f14d;
ion-ios-close-circle \f14e;
ion-ios-close \f406;
ion-ios-cloud-circle \f152;
ion-ios-cloud-done \f154;
ion-ios-cloud-download \f408;
ion-ios-cloud-outline \f409;
ion-ios-cloud-upload \f40b;
ion-ios-cloud \f40c;
ion-ios-cloudy-night \f40e;
ion-ios-cloudy \f410;
ion-ios-code-download \f155;
ion-ios-code-working \f156;
ion-ios-code \f157;
ion-ios-cog \f412;
ion-ios-color-fill \f159;
ion-ios-color-filter \f414;
ion-ios-color-palette \f15b;
ion-ios-color-wand \f416;
ion-ios-compass \f15d;
ion-ios-construct \f15f;
ion-ios-contact \f41a;
ion-ios-contacts \f161;
ion-ios-contract \f162;
ion-ios-contrast \f163;
ion-ios-copy \f41c;
ion-ios-create \f165;
ion-ios-crop \f41e;
ion-ios-cube \f168;
ion-ios-cut \f16a;
ion-ios-desktop \f16c;
ion-ios-disc \f16e;
ion-ios-document \f170;
ion-ios-done-all \f171;
ion-ios-download \f420;
ion-ios-easel \f173;
ion-ios-egg \f175;
ion-ios-exit \f177;
ion-ios-expand \f178;
ion-ios-eye-off \f17a;
ion-ios-eye \f425;
ion-ios-fastforward \f427;
ion-ios-female \f17b;
ion-ios-filing \f429;
ion-ios-film \f42b;
ion-ios-finger-print \f17c;
ion-ios-fitness \f1ab;
ion-ios-flag \f42d;
ion-ios-flame \f42f;
ion-ios-flash-off \f12f;
ion-ios-flash \f17e;
ion-ios-flashlight \f141;
ion-ios-flask \f431;
ion-ios-flower \f433;
ion-ios-folder-open \f180;
ion-ios-folder \f435;
ion-ios-football \f437;
ion-ios-funnel \f182;
ion-ios-gift \f191;
ion-ios-git-branch \f183;
ion-ios-git-commit \f184;
ion-ios-git-compare \f185;
ion-ios-git-merge \f186;
ion-ios-git-network \f187;
ion-ios-git-pull-request \f188;
ion-ios-glasses \f43f;
ion-ios-globe \f18a;
ion-ios-grid \f18c;
ion-ios-hammer \f18e;
ion-ios-hand \f190;
ion-ios-happy \f192;
ion-ios-headset \f194;
ion-ios-heart-dislike \f13f;
ion-ios-heart-empty \f19b;
ion-ios-heart-half \f19d;
ion-ios-heart \f443;
ion-ios-help-buoy \f196;
ion-ios-help-circle-outline \f197;
ion-ios-help-circle \f198;
ion-ios-help \f446;
ion-ios-home \f448;
ion-ios-hourglass \f103;
ion-ios-ice-cream \f19a;
ion-ios-image \f19c;
ion-ios-images \f19e;
ion-ios-infinite \f44a;
ion-ios-information-circle-outline \f19f;
ion-ios-information-circle \f1a0;
ion-ios-information \f44d;
ion-ios-jet \f1a5;
ion-ios-journal \f189;
ion-ios-key \f1a7;
ion-ios-keypad \f450;
ion-ios-laptop \f1a8;
ion-ios-leaf \f1aa;
ion-ios-link \f22a;
ion-ios-list-box \f143;
ion-ios-list \f454;
ion-ios-locate \f1ae;
ion-ios-lock \f1b0;
ion-ios-log-in \f1b1;
ion-ios-log-out \f1b2;
ion-ios-magnet \f1b4;
ion-ios-mail-open \f1b6;
ion-ios-mail-unread \f145;
ion-ios-mail \f1b8;
ion-ios-male \f1b9;
ion-ios-man \f1bb;
ion-ios-map \f1bd;
ion-ios-medal \f1bf;
ion-ios-medical \f45c;
ion-ios-medkit \f45e;
ion-ios-megaphone \f1c1;
ion-ios-menu \f1c3;
ion-ios-mic-off \f45f;
ion-ios-mic \f461;
ion-ios-microphone \f1c6;
ion-ios-moon \f468;
ion-ios-more \f1c8;
ion-ios-move \f1cb;
ion-ios-musical-note \f46b;
ion-ios-musical-notes \f46c;
ion-ios-navigate \f46e;
ion-ios-notifications-off \f1d1;
ion-ios-notifications-outline \f133;
ion-ios-notifications \f1d3;
ion-ios-nuclear \f1d5;
ion-ios-nutrition \f470;
ion-ios-open \f1d7;
ion-ios-options \f1d9;
ion-ios-outlet \f1db;
ion-ios-paper-plane \f1dd;
ion-ios-paper \f472;
ion-ios-partly-sunny \f1df;
ion-ios-pause \f478;
ion-ios-paw \f47a;
ion-ios-people \f47c;
ion-ios-person-add \f1e1;
ion-ios-person \f47e;
ion-ios-phone-landscape \f1e2;
ion-ios-phone-portrait \f1e3;
ion-ios-photos \f482;
ion-ios-pie \f484;
ion-ios-pin \f1e5;
ion-ios-pint \f486;
ion-ios-pizza \f1e7;
ion-ios-planet \f1eb;
ion-ios-play-circle \f113;
ion-ios-play \f488;
ion-ios-podium \f1ed;
ion-ios-power \f1ef;
ion-ios-pricetag \f48d;
ion-ios-pricetags \f48f;
ion-ios-print \f1f1;
ion-ios-pulse \f493;
ion-ios-qr-scanner \f1f3;
ion-ios-quote \f1f5;
ion-ios-radio-button-off \f1f6;
ion-ios-radio-button-on \f1f7;
ion-ios-radio \f1f9;
ion-ios-rainy \f495;
ion-ios-recording \f497;
ion-ios-redo \f499;
ion-ios-refresh-circle \f135;
ion-ios-refresh \f49c;
ion-ios-remove-circle-outline \f1fa;
ion-ios-remove-circle \f1fb;
ion-ios-remove \f1fc;
ion-ios-reorder \f1fd;
ion-ios-repeat \f1fe;
ion-ios-resize \f1ff;
ion-ios-restaurant \f201;
ion-ios-return-left \f202;
ion-ios-return-right \f203;
ion-ios-reverse-camera \f49f;
ion-ios-rewind \f4a1;
ion-ios-ribbon \f205;
ion-ios-rocket \f14b;
ion-ios-rose \f4a3;
ion-ios-sad \f207;
ion-ios-save \f1a6;
ion-ios-school \f209;
ion-ios-search \f4a5;
ion-ios-send \f20c;
ion-ios-settings \f4a7;
ion-ios-share-alt \f20f;
ion-ios-share \f211;
ion-ios-shirt \f213;
ion-ios-shuffle \f4a9;
ion-ios-skip-backward \f215;
ion-ios-skip-forward \f217;
ion-ios-snow \f218;
ion-ios-speedometer \f4b0;
ion-ios-square-outline \f15c;
ion-ios-square \f21a;
ion-ios-star-half \f4b1;
ion-ios-star-outline \f4b2;
ion-ios-star \f4b3;
ion-ios-stats \f21c;
ion-ios-stopwatch \f4b5;
ion-ios-subway \f21e;
ion-ios-sunny \f4b7;
ion-ios-swap \f21f;
ion-ios-switch \f221;
ion-ios-sync \f222;
ion-ios-tablet-landscape \f223;
ion-ios-tablet-portrait \f24e;
ion-ios-tennisball \f4bb;
ion-ios-text \f250;
ion-ios-thermometer \f252;
ion-ios-thumbs-down \f254;
ion-ios-thumbs-up \f256;
ion-ios-thunderstorm \f4bd;
ion-ios-time \f4bf;
ion-ios-timer \f4c1;
ion-ios-today \f14f;
ion-ios-train \f258;
ion-ios-transgender \f259;
ion-ios-trash \f4c5;
ion-ios-trending-down \f25a;
ion-ios-trending-up \f25b;
ion-ios-trophy \f25d;
ion-ios-tv \f115;
ion-ios-umbrella \f25f;
ion-ios-undo \f4c7;
ion-ios-unlock \f261;
ion-ios-videocam \f4cd;
ion-ios-volume-high \f11c;
ion-ios-volume-low \f11e;
ion-ios-volume-mute \f263;
ion-ios-volume-off \f264;
ion-ios-walk \f266;
ion-ios-wallet \f18b;
ion-ios-warning \f268;
ion-ios-watch \f269;
ion-ios-water \f26b;
ion-ios-wifi \f26d;
ion-ios-wine \f26f;
ion-ios-woman \f271;
ion-logo-android \f225;
ion-logo-angular \f227;
ion-logo-apple \f229;
ion-logo-bitbucket \f193;
ion-logo-bitcoin \f22b;
ion-logo-buffer \f22d;
ion-logo-chrome \f22f;
ion-logo-closed-captioning \f105;
ion-logo-codepen \f230;
ion-logo-css3 \f231;
ion-logo-designernews \f232;
ion-logo-dribbble \f233;
ion-logo-dropbox \f234;
ion-logo-euro \f235;
ion-logo-facebook \f236;
ion-logo-flickr \f107;
ion-logo-foursquare \f237;
ion-logo-freebsd-devil \f238;
ion-logo-game-controller-a \f13b;
ion-logo-game-controller-b \f181;
ion-logo-github \f239;
ion-logo-google \f23a;
ion-logo-googleplus \f23b;
ion-logo-hackernews \f23c;
ion-logo-html5 \f23d;
ion-logo-instagram \f23e;
ion-logo-ionic \f150;
ion-logo-ionitron \f151;
ion-logo-javascript \f23f;
ion-logo-linkedin \f240;
ion-logo-markdown \f241;
ion-logo-model-s \f153;
ion-logo-no-smoking \f109;
ion-logo-nodejs \f242;
ion-logo-npm \f195;
ion-logo-octocat \f243;
ion-logo-pinterest \f244;
ion-logo-playstation \f245;
ion-logo-polymer \f15e;
ion-logo-python \f246;
ion-logo-reddit \f247;
ion-logo-rss \f248;
ion-logo-sass \f249;
ion-logo-skype \f24a;
ion-logo-slack \f10b;
ion-logo-snapchat \f24b;
ion-logo-steam \f24c;
ion-logo-tumblr \f24d;
ion-logo-tux \f2ae;
ion-logo-twitch \f2af;
ion-logo-twitter \f2b0;
ion-logo-usd \f2b1;
ion-logo-vimeo \f2c4;
ion-logo-vk \f10d;
ion-logo-whatsapp \f2c5;
ion-logo-windows \f32f;
ion-logo-wordpress \f330;
ion-logo-xbox \f34c;
ion-logo-xing \f10f;
ion-logo-yahoo \f34d;
ion-logo-yen \f34e;
ion-logo-youtube \f34f;
ion-md-add-circle-outline \f158;
ion-md-add-circle \f272;
ion-md-add \f273;
ion-md-airplane \f15a;
ion-md-alarm \f274;
ion-md-albums \f275;
ion-md-alert \f276;
ion-md-american-football \f277;
ion-md-analytics \f278;
ion-md-aperture \f279;
ion-md-apps \f27a;
ion-md-appstore \f27b;
ion-md-archive \f27c;
ion-md-arrow-back \f27d;
ion-md-arrow-down \f27e;
ion-md-arrow-dropdown-circle \f27f;
ion-md-arrow-dropdown \f280;
ion-md-arrow-dropleft-circle \f281;
ion-md-arrow-dropleft \f282;
ion-md-arrow-dropright-circle \f283;
ion-md-arrow-dropright \f284;
ion-md-arrow-dropup-circle \f285;
ion-md-arrow-dropup \f286;
ion-md-arrow-forward \f287;
ion-md-arrow-round-back \f288;
ion-md-arrow-round-down \f289;
ion-md-arrow-round-forward \f28a;
ion-md-arrow-round-up \f28b;
ion-md-arrow-up \f28c;
ion-md-at \f28d;
ion-md-attach \f28e;
ion-md-backspace \f28f;
ion-md-barcode \f290;
ion-md-baseball \f291;
ion-md-basket \f292;
ion-md-basketball \f293;
ion-md-battery-charging \f294;
ion-md-battery-dead \f295;
ion-md-battery-full \f296;
ion-md-beaker \f297;
ion-md-bed \f160;
ion-md-beer \f298;
ion-md-bicycle \f299;
ion-md-bluetooth \f29a;
ion-md-boat \f29b;
ion-md-body \f29c;
ion-md-bonfire \f29d;
ion-md-book \f29e;
ion-md-bookmark \f29f;
ion-md-bookmarks \f2a0;
ion-md-bowtie \f2a1;
ion-md-briefcase \f2a2;
ion-md-browsers \f2a3;
ion-md-brush \f2a4;
ion-md-bug \f2a5;
ion-md-build \f2a6;
ion-md-bulb \f2a7;
ion-md-bus \f2a8;
ion-md-business \f1a4;
ion-md-cafe \f2a9;
ion-md-calculator \f2aa;
ion-md-calendar \f2ab;
ion-md-call \f2ac;
ion-md-camera \f2ad;
ion-md-car \f2b2;
ion-md-card \f2b3;
ion-md-cart \f2b4;
ion-md-cash \f2b5;
ion-md-cellular \f164;
ion-md-chatboxes \f2b6;
ion-md-chatbubbles \f2b7;
ion-md-checkbox-outline \f2b8;
ion-md-checkbox \f2b9;
ion-md-checkmark-circle-outline \f2ba;
ion-md-checkmark-circle \f2bb;
ion-md-checkmark \f2bc;
ion-md-clipboard \f2bd;
ion-md-clock \f2be;
ion-md-close-circle-outline \f166;
ion-md-close-circle \f2bf;
ion-md-close \f2c0;
ion-md-cloud-circle \f2c2;
ion-md-cloud-done \f2c3;
ion-md-cloud-download \f2c6;
ion-md-cloud-outline \f2c7;
ion-md-cloud-upload \f2c8;
ion-md-cloud \f2c9;
ion-md-cloudy-night \f2ca;
ion-md-cloudy \f2cb;
ion-md-code-download \f2cc;
ion-md-code-working \f2cd;
ion-md-code \f2ce;
ion-md-cog \f2cf;
ion-md-color-fill \f2d0;
ion-md-color-filter \f2d1;
ion-md-color-palette \f2d2;
ion-md-color-wand \f2d3;
ion-md-compass \f2d4;
ion-md-construct \f2d5;
ion-md-contact \f2d6;
ion-md-contacts \f2d7;
ion-md-contract \f2d8;
ion-md-contrast \f2d9;
ion-md-copy \f2da;
ion-md-create \f2db;
ion-md-crop \f2dc;
ion-md-cube \f2dd;
ion-md-cut \f2de;
ion-md-desktop \f2df;
ion-md-disc \f2e0;
ion-md-document \f2e1;
ion-md-done-all \f2e2;
ion-md-download \f2e3;
ion-md-easel \f2e4;
ion-md-egg \f2e5;
ion-md-exit \f2e6;
ion-md-expand \f2e7;
ion-md-eye-off \f2e8;
ion-md-eye \f2e9;
ion-md-fastforward \f2ea;
ion-md-female \f2eb;
ion-md-filing \f2ec;
ion-md-film \f2ed;
ion-md-finger-print \f2ee;
ion-md-fitness \f1ac;
ion-md-flag \f2ef;
ion-md-flame \f2f0;
ion-md-flash-off \f169;
ion-md-flash \f2f1;
ion-md-flashlight \f16b;
ion-md-flask \f2f2;
ion-md-flower \f2f3;
ion-md-folder-open \f2f4;
ion-md-folder \f2f5;
ion-md-football \f2f6;
ion-md-funnel \f2f7;
ion-md-gift \f199;
ion-md-git-branch \f2fa;
ion-md-git-commit \f2fb;
ion-md-git-compare \f2fc;
ion-md-git-merge \f2fd;
ion-md-git-network \f2fe;
ion-md-git-pull-request \f2ff;
ion-md-glasses \f300;
ion-md-globe \f301;
ion-md-grid \f302;
ion-md-hammer \f303;
ion-md-hand \f304;
ion-md-happy \f305;
ion-md-headset \f306;
ion-md-heart-dislike \f167;
ion-md-heart-empty \f1a1;
ion-md-heart-half \f1a2;
ion-md-heart \f308;
ion-md-help-buoy \f309;
ion-md-help-circle-outline \f16d;
ion-md-help-circle \f30a;
ion-md-help \f30b;
ion-md-home \f30c;
ion-md-hourglass \f111;
ion-md-ice-cream \f30d;
ion-md-image \f30e;
ion-md-images \f30f;
ion-md-infinite \f310;
ion-md-information-circle-outline \f16f;
ion-md-information-circle \f311;
ion-md-information \f312;
ion-md-jet \f315;
ion-md-journal \f18d;
ion-md-key \f316;
ion-md-keypad \f317;
ion-md-laptop \f318;
ion-md-leaf \f319;
ion-md-link \f22e;
ion-md-list-box \f31a;
ion-md-list \f31b;
ion-md-locate \f31c;
ion-md-lock \f31d;
ion-md-log-in \f31e;
ion-md-log-out \f31f;
ion-md-magnet \f320;
ion-md-mail-open \f321;
ion-md-mail-unread \f172;
ion-md-mail \f322;
ion-md-male \f323;
ion-md-man \f324;
ion-md-map \f325;
ion-md-medal \f326;
ion-md-medical \f327;
ion-md-medkit \f328;
ion-md-megaphone \f329;
ion-md-menu \f32a;
ion-md-mic-off \f32b;
ion-md-mic \f32c;
ion-md-microphone \f32d;
ion-md-moon \f32e;
ion-md-more \f1c9;
ion-md-move \f331;
ion-md-musical-note \f332;
ion-md-musical-notes \f333;
ion-md-navigate \f334;
ion-md-notifications-off \f336;
ion-md-notifications-outline \f337;
ion-md-notifications \f338;
ion-md-nuclear \f339;
ion-md-nutrition \f33a;
ion-md-open \f33b;
ion-md-options \f33c;
ion-md-outlet \f33d;
ion-md-paper-plane \f33e;
ion-md-paper \f33f;
ion-md-partly-sunny \f340;
ion-md-pause \f341;
ion-md-paw \f342;
ion-md-people \f343;
ion-md-person-add \f344;
ion-md-person \f345;
ion-md-phone-landscape \f346;
ion-md-phone-portrait \f347;
ion-md-photos \f348;
ion-md-pie \f349;
ion-md-pin \f34a;
ion-md-pint \f34b;
ion-md-pizza \f354;
ion-md-planet \f356;
ion-md-play-circle \f174;
ion-md-play \f357;
ion-md-podium \f358;
ion-md-power \f359;
ion-md-pricetag \f35a;
ion-md-pricetags \f35b;
ion-md-print \f35c;
ion-md-pulse \f35d;
ion-md-qr-scanner \f35e;
ion-md-quote \f35f;
ion-md-radio-button-off \f360;
ion-md-radio-button-on \f361;
ion-md-radio \f362;
ion-md-rainy \f363;
ion-md-recording \f364;
ion-md-redo \f365;
ion-md-refresh-circle \f228;
ion-md-refresh \f366;
ion-md-remove-circle-outline \f176;
ion-md-remove-circle \f367;
ion-md-remove \f368;
ion-md-reorder \f369;
ion-md-repeat \f36a;
ion-md-resize \f36b;
ion-md-restaurant \f36c;
ion-md-return-left \f36d;
ion-md-return-right \f36e;
ion-md-reverse-camera \f36f;
ion-md-rewind \f370;
ion-md-ribbon \f371;
ion-md-rocket \f179;
ion-md-rose \f372;
ion-md-sad \f373;
ion-md-save \f1a9;
ion-md-school \f374;
ion-md-search \f375;
ion-md-send \f376;
ion-md-settings \f377;
ion-md-share-alt \f378;
ion-md-share \f379;
ion-md-shirt \f37a;
ion-md-shuffle \f37b;
ion-md-skip-backward \f37c;
ion-md-skip-forward \f37d;
ion-md-snow \f37e;
ion-md-speedometer \f37f;
ion-md-square-outline \f380;
ion-md-square \f381;
ion-md-star-half \f382;
ion-md-star-outline \f383;
ion-md-star \f384;
ion-md-stats \f385;
ion-md-stopwatch \f386;
ion-md-subway \f387;
ion-md-sunny \f388;
ion-md-swap \f389;
ion-md-switch \f38a;
ion-md-sync \f38b;
ion-md-tablet-landscape \f38c;
ion-md-tablet-portrait \f38d;
ion-md-tennisball \f38e;
ion-md-text \f38f;
ion-md-thermometer \f390;
ion-md-thumbs-down \f391;
ion-md-thumbs-up \f392;
ion-md-thunderstorm \f393;
ion-md-time \f394;
ion-md-timer \f395;
ion-md-today \f17d;
ion-md-train \f396;
ion-md-transgender \f397;
ion-md-trash \f398;
ion-md-trending-down \f399;
ion-md-trending-up \f39a;
ion-md-trophy \f39b;
ion-md-tv \f17f;
ion-md-umbrella \f39c;
ion-md-undo \f39d;
ion-md-unlock \f39e;
ion-md-videocam \f39f;
ion-md-volume-high \f123;
ion-md-volume-low \f131;
ion-md-volume-mute \f3a1;
ion-md-volume-off \f3a2;
ion-md-walk \f3a4;
ion-md-wallet \f18f;
ion-md-warning \f3a5;
ion-md-watch \f3a6;
ion-md-water \f3a7;
ion-md-wifi \f3a8;
ion-md-wine \f3a9;
ion-md-woman \f3aa;


*/
/*
    ===================================================================================================================
    Name: fx-progress
    Type: component
    Scope: JST pages
    Description:
    Reusable progress indicator

    Naming convention (BEM like)
    BLOCK: fx-block / fx-block-descriptor
    ELEMENTS: fx-block-element / fx-block-descriptor-element
    MODIFIERS: fx-block-element--modifier / fx-block-descriptor-element--modifier

    Examples
    fx-btn / fx-btn-primary / fx-btn-seconday / fx-btn-teriary
    fx-btn-icon / fx-btn-primary-icon / fx-btn-secondary-icon / fx-btn-teriary-icon
    fx-btn--is-active / fx-btn-primary--is-active / fx-btn-seconday--is-active / fx-btn-teriary--is-active
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
.fx-progress {
  position: relative;
  color: #acbcc3;
  font-size: 16px;
}
.fx-progress-stage {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.fx-progress-summary {
  width: 100%;
  margin: 0 2px;
  padding: 0 0 6px 0;
  color: #82949d;
}
.fx-progress-step {
  position: relative;
  margin: 0 2px;
  border-top: 6px solid #c2cdd3;
  font-size: 14px;
  padding-top: 6px;
  color: #65737a;
  flex: 1;
  line-height: 1.1rem;
  cursor: pointer;
}
.fx-progress-step:hover, .fx-progress-step:focus {
  border-color: #839198 !important;
  color: #566268;
  font-weight: 600;
}
.fx-progress-step--valid {
  cursor: pointer;
}
.fx-progress-step--active {
  border-color: rgba(58, 179, 42, 0.769);
  color: black;
  font-weight: bold;
}
.fx-progress-step--active:hover, .fx-progress-step--active:focus {
  border-color: #839198 !important;
  color: #566268 !important;
  font-weight: 600;
}
/*
    ===================================================================================================================
    States
    Media queries zone
    Note: media queries should be avoided in components where possible as they are deemed part of layout styles, there
    are exceptions to this rule - if providing media queries in components please commment why
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: tabs
    Type: component
    Scope: all
    Description: organize content into separate views

    Examples
    fx-tabs
    ===================================================================================================================
*/
.fx-tabs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  width: 100%;
  padding: 0 1rem;
}
.fx-tabs--centered {
  justify-content: center;
}
.fx-tabs--disabled {
  opacity: 0.4;
}
.fx-tabs--disabled .fx-tabs-item {
  cursor: default;
}
.fx-tabs--disabled .fx-tabs-item--active, .fx-tabs--disabled .fx-tabs-item:hover {
  border-bottom: 3px solid transparent;
  color: gray;
}
.fx-tabs-item {
  padding: 0.5rem 0;
  margin-right: 1rem;
  border: none;
  border-bottom: 3px solid transparent;
  text-align: center;
  color: gray;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 16px;
}
.fx-tabs-item--active, .fx-tabs-item:hover {
  border-bottom: 3px solid #d43f27;
  color: #d43f27;
}
.fx-tabs-item:last-child {
  margin-right: 0;
}
/* 
    ===================================================================================================================
    Name: tooltip
    Type: component
    Scope: all
    Description: tooltip to give further information on hover

    Examples
    fx-tooltip
    fx-tooltip-icon    
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-tooltip {
  position: relative;
  display: inline-block;
  color: inherit;
}
.fx-tooltip-text {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  cursor: default;
  transition: ease-in-out 0.3s;
  visibility: hidden;
  opacity: 0;
  background-color: #1b1f22;
  color: gray;
}
.fx-tooltip:hover .fx-tooltip-text {
  visibility: visible;
  opacity: 1;
}
.fx-tooltip--left {
  position: absolute;
  top: 0%;
  right: 0%;
  transform: translate3d(-8.5rem, -2.5rem, 1rem);
  margin: 2rem 0.75rem;
}
.fx-tooltip--right {
  top: 0;
  right: 0;
  margin: 2rem 0.75rem;
}
.fx-tooltip--bottom {
  position: absolute;
  top: 0;
  right: 0;
  margin: 2rem 2.5rem;
}
.fx-tooltip--top {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 2rem 1.5rem;
}
.fx-form {
  position: relative;
  color: #1b1f22;
}
.fx-form-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  flex: 0 0 100%;
}
.fx-form-group-action {
  display: block;
  width: 100%;
  margin-top: 0.3333333333rem;
  text-align: right;
  font-size: 14px;
  color: #1b1f22;
  cursor: pointer;
}
.fx-form-control {
  position: relative;
  flex: 0 0 100%;
}
.fx-form-control--inline-button .fx-form-input {
  padding-right: 90px;
}
.fx-form-inline-button {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  color: #d43f27;
  cursor: pointer;
}
.fx-form-label {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
}
.fx-form-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #d43f27;
}
.fx-form-icon--left {
  left: 0;
}
.fx-form-icon--right {
  right: 0;
}
.fx-form-input {
  border-radius: 0;
  -webkit-appearance: none;
}
.fx-form .fx-form-input:disabled {
  opacity: 1;
  border-bottom: none;
}
.fx-form-input, .fx-form-select, .fx-form-textarea {
  width: 100%;
  padding: 0.5rem 0;
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(27, 31, 34, 0.5);
  color: #1b1f22;
  background-color: transparent;
  outline: 0;
  font-size: 16px;
}
.fx-form-input::-moz-placeholder, .fx-form-select::-moz-placeholder, .fx-form-textarea::-moz-placeholder {
  color: rgba(27, 31, 34, 0.5);
}
.fx-form-input::placeholder, .fx-form-select::placeholder, .fx-form-textarea::placeholder {
  color: rgba(27, 31, 34, 0.5);
}
.fx-form-input:focus, .fx-form-input:hover, .fx-form-select:focus, .fx-form-select:hover, .fx-form-textarea:focus, .fx-form-textarea:hover {
  border-bottom: 1px solid #1b1f22;
}
.fx-form-textarea--autogrow {
  resize: none;
  line-height: 1.5rem;
  overflow: hidden;
}
.fx-form-textarea--autogrow-scroll {
  overflow: auto;
}
.fx-form-icon--left + .fx-form-input {
  padding: 0.5rem 0 0.5rem 1rem;
}
.fx-form-icon--right + .fx-form-input {
  padding: 0.5rem 1rem 0.5rem 0;
}
.fx-form-validation {
  position: relative;
  padding-right: 1rem;
  margin-top: 0.3333333333rem;
  flex: 0 0 100%;
  font-size: 12px;
  line-height: 16px;
}
.fx-form-validation-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.fx-form-validation-panel {
  font-size: 12px;
}
.fx-form-disclaimer {
  display: block;
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  margin-top: 1rem;
}
.fx-form-disclaimer-link {
  color: inherit;
  text-decoration: underline;
}
.fx-form-footer-link {
  color: #1b1f22;
}
.fx-form--light .fx-form-input,
.fx-form--light .fx-form-textarea {
  background-color: white;
}
.fx-form--light .fx-form-icon {
  color: white;
}
.fx-form--dark .fx-form-input,
.fx-form--dark .fx-form-textarea {
  background-color: transparent;
  border-bottom: 1px solid #1b1f22;
}
.fx-form--classic .fx-form-input + .fx-form-label:before, .fx-form--outlined .fx-form-input + .fx-form-label:before {
  transform: translate3d(0, -1.4rem, 0);
  padding-left: 0;
  font-size: 12px;
}
/*
    ===================================================================================================================
    Name: list
    Type: component
    Scope: all
    Description: basic list component
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fx-list-item {
  line-height: 1.5;
}
.fx-layout {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.25rem;
  flex-grow: 1;
}
.fx-layout > [class*=fx-layout-col] {
  padding: 0 0.25rem;
  min-width: 0;
}
@media only screen and (min-width: 768px) {
  .fx-layout {
    margin: 0 -0.5rem;
  }
  .fx-layout > [class*=fx-layout-col] {
    padding: 0 0.5rem;
  }
}
.fx-layout-col {
  flex: 1 1 auto;
}
.fx-layout-col--1 {
  flex: 0 0 4.1666666667%;
}
.fx-layout-col--2 {
  flex: 0 0 8.3333333333%;
}
.fx-layout-col--3 {
  flex: 0 0 12.5%;
}
.fx-layout-col--4 {
  flex: 0 0 16.6666666667%;
}
.fx-layout-col--5 {
  flex: 0 0 20.8333333333%;
}
.fx-layout-col--6 {
  flex: 0 0 25%;
}
.fx-layout-col--7 {
  flex: 0 0 29.1666666667%;
}
.fx-layout-col--8 {
  flex: 0 0 33.3333333333%;
}
.fx-layout-col--9 {
  flex: 0 0 37.5%;
}
.fx-layout-col--10 {
  flex: 0 0 41.6666666667%;
}
.fx-layout-col--11 {
  flex: 0 0 45.8333333333%;
}
.fx-layout-col--12 {
  flex: 0 0 50%;
}
.fx-layout-col--13 {
  flex: 0 0 54.1666666667%;
}
.fx-layout-col--14 {
  flex: 0 0 58.3333333333%;
}
.fx-layout-col--15 {
  flex: 0 0 62.5%;
}
.fx-layout-col--16 {
  flex: 0 0 66.6666666667%;
}
.fx-layout-col--17 {
  flex: 0 0 70.8333333333%;
}
.fx-layout-col--18 {
  flex: 0 0 75%;
}
.fx-layout-col--19 {
  flex: 0 0 79.1666666667%;
}
.fx-layout-col--20 {
  flex: 0 0 83.3333333333%;
}
.fx-layout-col--21 {
  flex: 0 0 87.5%;
}
.fx-layout-col--22 {
  flex: 0 0 91.6666666667%;
}
.fx-layout-col--23 {
  flex: 0 0 95.8333333333%;
}
.fx-layout-col--24 {
  flex: 0 0 100%;
}
.fx-layout--no-gutters {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.25rem;
  flex-grow: 1;
  margin: 0;
}
.fx-layout--no-gutters > [class*=fx-layout-col] {
  padding: 0 0.25rem;
  min-width: 0;
}
.fx-layout--no-gutters > [class*=fx-layout-col] {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .fx-layout--no-gutters {
    margin: 0 -0.5rem;
    margin: 0;
  }
  .fx-layout--no-gutters > [class*=fx-layout-col] {
    padding: 0 0.5rem;
  }
  .fx-layout--no-gutters > [class*=fx-layout-col] {
    padding: 0;
  }
}
@media only screen and (min-width: 320px) {
  .fx-layout > .fx-layout-col-mobile--1 {
    flex: 0 0 4.1666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--2 {
    flex: 0 0 8.3333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--3 {
    flex: 0 0 12.5%;
  }
  .fx-layout > .fx-layout-col-mobile--4 {
    flex: 0 0 16.6666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--5 {
    flex: 0 0 20.8333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--6 {
    flex: 0 0 25%;
  }
  .fx-layout > .fx-layout-col-mobile--7 {
    flex: 0 0 29.1666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--8 {
    flex: 0 0 33.3333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--9 {
    flex: 0 0 37.5%;
  }
  .fx-layout > .fx-layout-col-mobile--10 {
    flex: 0 0 41.6666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--11 {
    flex: 0 0 45.8333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--12 {
    flex: 0 0 50%;
  }
  .fx-layout > .fx-layout-col-mobile--13 {
    flex: 0 0 54.1666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--14 {
    flex: 0 0 58.3333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--15 {
    flex: 0 0 62.5%;
  }
  .fx-layout > .fx-layout-col-mobile--16 {
    flex: 0 0 66.6666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--17 {
    flex: 0 0 70.8333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--18 {
    flex: 0 0 75%;
  }
  .fx-layout > .fx-layout-col-mobile--19 {
    flex: 0 0 79.1666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--20 {
    flex: 0 0 83.3333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--21 {
    flex: 0 0 87.5%;
  }
  .fx-layout > .fx-layout-col-mobile--22 {
    flex: 0 0 91.6666666667%;
  }
  .fx-layout > .fx-layout-col-mobile--23 {
    flex: 0 0 95.8333333333%;
  }
  .fx-layout > .fx-layout-col-mobile--24 {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 768px) {
  .fx-layout > .fx-layout-col-tablet--1 {
    flex: 0 0 4.1666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--2 {
    flex: 0 0 8.3333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--3 {
    flex: 0 0 12.5%;
  }
  .fx-layout > .fx-layout-col-tablet--4 {
    flex: 0 0 16.6666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--5 {
    flex: 0 0 20.8333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--6 {
    flex: 0 0 25%;
  }
  .fx-layout > .fx-layout-col-tablet--7 {
    flex: 0 0 29.1666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--8 {
    flex: 0 0 33.3333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--9 {
    flex: 0 0 37.5%;
  }
  .fx-layout > .fx-layout-col-tablet--10 {
    flex: 0 0 41.6666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--11 {
    flex: 0 0 45.8333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--12 {
    flex: 0 0 50%;
  }
  .fx-layout > .fx-layout-col-tablet--13 {
    flex: 0 0 54.1666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--14 {
    flex: 0 0 58.3333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--15 {
    flex: 0 0 62.5%;
  }
  .fx-layout > .fx-layout-col-tablet--16 {
    flex: 0 0 66.6666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--17 {
    flex: 0 0 70.8333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--18 {
    flex: 0 0 75%;
  }
  .fx-layout > .fx-layout-col-tablet--19 {
    flex: 0 0 79.1666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--20 {
    flex: 0 0 83.3333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--21 {
    flex: 0 0 87.5%;
  }
  .fx-layout > .fx-layout-col-tablet--22 {
    flex: 0 0 91.6666666667%;
  }
  .fx-layout > .fx-layout-col-tablet--23 {
    flex: 0 0 95.8333333333%;
  }
  .fx-layout > .fx-layout-col-tablet--24 {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .fx-layout > .fx-layout-col-laptop--1 {
    flex: 0 0 4.1666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--2 {
    flex: 0 0 8.3333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--3 {
    flex: 0 0 12.5%;
  }
  .fx-layout > .fx-layout-col-laptop--4 {
    flex: 0 0 16.6666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--5 {
    flex: 0 0 20.8333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--6 {
    flex: 0 0 25%;
  }
  .fx-layout > .fx-layout-col-laptop--7 {
    flex: 0 0 29.1666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--8 {
    flex: 0 0 33.3333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--9 {
    flex: 0 0 37.5%;
  }
  .fx-layout > .fx-layout-col-laptop--10 {
    flex: 0 0 41.6666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--11 {
    flex: 0 0 45.8333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--12 {
    flex: 0 0 50%;
  }
  .fx-layout > .fx-layout-col-laptop--13 {
    flex: 0 0 54.1666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--14 {
    flex: 0 0 58.3333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--15 {
    flex: 0 0 62.5%;
  }
  .fx-layout > .fx-layout-col-laptop--16 {
    flex: 0 0 66.6666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--17 {
    flex: 0 0 70.8333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--18 {
    flex: 0 0 75%;
  }
  .fx-layout > .fx-layout-col-laptop--19 {
    flex: 0 0 79.1666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--20 {
    flex: 0 0 83.3333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--21 {
    flex: 0 0 87.5%;
  }
  .fx-layout > .fx-layout-col-laptop--22 {
    flex: 0 0 91.6666666667%;
  }
  .fx-layout > .fx-layout-col-laptop--23 {
    flex: 0 0 95.8333333333%;
  }
  .fx-layout > .fx-layout-col-laptop--24 {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .fx-layout > .fx-layout-col-desktop--1 {
    flex: 0 0 4.1666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--2 {
    flex: 0 0 8.3333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--3 {
    flex: 0 0 12.5%;
  }
  .fx-layout > .fx-layout-col-desktop--4 {
    flex: 0 0 16.6666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--5 {
    flex: 0 0 20.8333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--6 {
    flex: 0 0 25%;
  }
  .fx-layout > .fx-layout-col-desktop--7 {
    flex: 0 0 29.1666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--8 {
    flex: 0 0 33.3333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--9 {
    flex: 0 0 37.5%;
  }
  .fx-layout > .fx-layout-col-desktop--10 {
    flex: 0 0 41.6666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--11 {
    flex: 0 0 45.8333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--12 {
    flex: 0 0 50%;
  }
  .fx-layout > .fx-layout-col-desktop--13 {
    flex: 0 0 54.1666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--14 {
    flex: 0 0 58.3333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--15 {
    flex: 0 0 62.5%;
  }
  .fx-layout > .fx-layout-col-desktop--16 {
    flex: 0 0 66.6666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--17 {
    flex: 0 0 70.8333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--18 {
    flex: 0 0 75%;
  }
  .fx-layout > .fx-layout-col-desktop--19 {
    flex: 0 0 79.1666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--20 {
    flex: 0 0 83.3333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--21 {
    flex: 0 0 87.5%;
  }
  .fx-layout > .fx-layout-col-desktop--22 {
    flex: 0 0 91.6666666667%;
  }
  .fx-layout > .fx-layout-col-desktop--23 {
    flex: 0 0 95.8333333333%;
  }
  .fx-layout > .fx-layout-col-desktop--24 {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 1920px) {
  .fx-layout > .fx-layout-col-hd--1 {
    flex: 0 0 4.1666666667%;
  }
  .fx-layout > .fx-layout-col-hd--2 {
    flex: 0 0 8.3333333333%;
  }
  .fx-layout > .fx-layout-col-hd--3 {
    flex: 0 0 12.5%;
  }
  .fx-layout > .fx-layout-col-hd--4 {
    flex: 0 0 16.6666666667%;
  }
  .fx-layout > .fx-layout-col-hd--5 {
    flex: 0 0 20.8333333333%;
  }
  .fx-layout > .fx-layout-col-hd--6 {
    flex: 0 0 25%;
  }
  .fx-layout > .fx-layout-col-hd--7 {
    flex: 0 0 29.1666666667%;
  }
  .fx-layout > .fx-layout-col-hd--8 {
    flex: 0 0 33.3333333333%;
  }
  .fx-layout > .fx-layout-col-hd--9 {
    flex: 0 0 37.5%;
  }
  .fx-layout > .fx-layout-col-hd--10 {
    flex: 0 0 41.6666666667%;
  }
  .fx-layout > .fx-layout-col-hd--11 {
    flex: 0 0 45.8333333333%;
  }
  .fx-layout > .fx-layout-col-hd--12 {
    flex: 0 0 50%;
  }
  .fx-layout > .fx-layout-col-hd--13 {
    flex: 0 0 54.1666666667%;
  }
  .fx-layout > .fx-layout-col-hd--14 {
    flex: 0 0 58.3333333333%;
  }
  .fx-layout > .fx-layout-col-hd--15 {
    flex: 0 0 62.5%;
  }
  .fx-layout > .fx-layout-col-hd--16 {
    flex: 0 0 66.6666666667%;
  }
  .fx-layout > .fx-layout-col-hd--17 {
    flex: 0 0 70.8333333333%;
  }
  .fx-layout > .fx-layout-col-hd--18 {
    flex: 0 0 75%;
  }
  .fx-layout > .fx-layout-col-hd--19 {
    flex: 0 0 79.1666666667%;
  }
  .fx-layout > .fx-layout-col-hd--20 {
    flex: 0 0 83.3333333333%;
  }
  .fx-layout > .fx-layout-col-hd--21 {
    flex: 0 0 87.5%;
  }
  .fx-layout > .fx-layout-col-hd--22 {
    flex: 0 0 91.6666666667%;
  }
  .fx-layout > .fx-layout-col-hd--23 {
    flex: 0 0 95.8333333333%;
  }
  .fx-layout > .fx-layout-col-hd--24 {
    flex: 0 0 100%;
  }
}
/* 
    ===================================================================================================================
    Name: modal
    Type: component
    Scope: all
    Description: dialog window for more information, lightboxes, or forms

    Examples
    fx-modal
    fx-modal-window    
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-adjective-block {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.fx-modal-container {
  display: none;
}
.fx-modal-container--is-visible {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.fx-modal-dialog {
  position: relative;
  z-index: 10;
  width: 90vw;
  background-color: white;
}
.fx-modal-dialog-content {
  padding: 2rem;
}
.fx-modal-iframe {
  position: relative;
  height: 0;
  width: 100%;
  padding-top: 56.25%;
}
.fx-modal-iframe .fx-aspect-ratio-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fx-modal-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fx-modal-close {
  position: absolute;
  top: -48px;
  right: 0;
  width: 36px;
  height: 36px;
  font-size: 24px;
  color: white;
  cursor: pointer;
}
.fx-modal-close:hover {
  color: #d43f27;
}
.fx-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 768px) {
  .fx-modal-dialog {
    width: 640px;
  }
}
/*
    ===================================================================================================================
    Name: Profile icon unit
    Type: component
    Scope: layout
    Description: Profile icon unit that can be used in the header
    ===================================================================================================================
*/
.fx-profile-icon {
  height: 35px;
  position: relative;
}
.fx-profile-icon-trigger {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative;
  z-index: 10;
}
.fx-profile-icon i {
  background-color: white;
  border-radius: 50%;
  color: #b9b9b9;
  height: 35px;
  min-width: 35px;
  overflow: hidden;
  text-align: center;
  width: 35px;
  font-size: 40px;
}
/*
    ===================================================================================================================
    Name: Notifications unit
    Type: component
    Scope: layout
    Description: Notifications unit that can be used in the header
    ===================================================================================================================
*/
.fx-notifications {
  background-color: rgba(212, 26, 26, 0.822);
  font-size: 10px;
  border-radius: 7px;
  padding: 0 5px;
}
.fx-calendar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  color: #1b1f22;
  font-weight: normal;
  padding: 1rem 1rem 0 1rem;
  background-color: white;
  box-shadow: 0px 4px 4px #ededed;
}
.fx-calendar-months {
  display: flex;
  justify-content: space-between;
  flex: 0 0 100%;
}
.fx-calendar-month, .fx-calendar-prev, .fx-calendar-next {
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  border: 0;
  color: rgba(27, 31, 34, 0.4);
  cursor: pointer;
}
.fx-calendar-prev, .fx-calendar-next {
  position: relative;
  flex: 0 0 auto;
  text-indent: -9999px;
  overflow: hidden;
  color: #d43f27;
  width: 34px;
}
.fx-calendar-prev:before, .fx-calendar-next:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 34px;
  height: inherit;
  border-radius: 50%;
  line-height: 34px;
  font-family: "Ionicons";
  font-size: 24px;
  text-align: center;
  text-indent: 0;
}
.fx-calendar-prev:hover:before, .fx-calendar-prev:focus:before, .fx-calendar-next:hover:before, .fx-calendar-next:focus:before {
  background-color: #e9e9e9;
}
.fx-calendar-prev:before {
  content: "\f3cf";
}
.fx-calendar-next:before {
  content: "\f3d1";
}
.fx-calendar-month {
  padding: 0 1rem;
  color: #1b1f22;
  font-weight: normal;
}
.fx-calendar-dates {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  margin: 0 -14.2857142857%;
  overflow: hidden;
}
.fx-calendar-days {
  display: flex;
  justify-content: center;
  flex: 0 0 100%;
  margin-top: 1rem;
}
.fx-calendar-day {
  flex: 0 0 14.2857142857%;
  text-align: center;
}
.fx-calendar-date {
  /**
  TODO clean this up - core disabled selector in elements is causing this to be messy
  */
  display: flex;
  justify-content: center;
  flex: 0 0 14.2857142857%;
  overflow: hidden;
  height: 34px;
  margin-top: 1rem;
  line-height: 34px;
  color: rgba(27, 31, 34, 0.3);
  font-size: 12px;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.fx-calendar-date-btn {
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50%;
  border: 0;
  font-weight: normal;
  color: #1b1f22;
  cursor: pointer;
}
.fx-calendar-date-btn:hover, .fx-calendar-date-btn:focus {
  background-color: #e9e9e9;
}
.fx-calendar-date-btn--is-active {
  background-color: #d43f27;
  color: white;
}
.fx-calendar-date-btn--is-active:hover, .fx-calendar-date-btn--is-active:focus {
  background-color: #d43f27;
  color: white;
}
.fx-calendar-date-btn[disabled] {
  cursor: not-allowed;
  color: rgba(27, 31, 34, 0.6);
  opacity: 1;
}
.fx-calendar-date-btn[disabled]:hover, .fx-calendar-date-btn[disabled]:focus {
  background-color: unset;
}
.fx-calendar-date--collapsed {
  height: 0;
  margin-top: 0;
  overflow: hidden;
}
.fx-calendar-toggle {
  display: flex;
  width: 100%;
  margin-top: 1rem;
  align-self: flex-end;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
}
.fx-calendar-toggle span {
  height: 2px;
  background-color: #d43f27;
  width: 32px;
  margin: 2px 0;
}
.fx-calendar-toggle--disabled {
  cursor: default;
}
.fx-calendar-times {
  flex: 0 0 100%;
  padding-top: 1rem;
  font-weight: normal;
}
.fx-calendar-time-control {
  display: block;
  height: 0;
  visibility: hidden;
}
.fx-calendar-time-control:checked + .fx-calendar-time-label {
  color: #d43f27;
  font-weight: normal;
}
.fx-calendar-time-control:checked + .fx-calendar-time-label:after {
  position: absolute;
  right: 0;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-family: "Ionicons";
  font-size: 32px;
  color: #d43f27;
  background-color: #1b1f22;
  content: " \f3ff";
}
.fx-calendar-time-label {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 54px;
  border-bottom: 1px solid rgba(158, 145, 162, 0.2);
  cursor: pointer;
  font-weight: normal;
}
.fx-calendar-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
  padding-right: calc(7.1428571429% - 8px);
}
.fx-time-picker {
  flex: 0 0 100%;
  padding-top: 1rem;
  font-weight: normal;
  width: 100%;
}
.fx-time-picker-date {
  text-align: center;
  font-size: 18px;
  padding-bottom: 1rem;
}
.fx-time-picker-control {
  font-weight: 300;
  background-color: white;
  border-bottom: 1px solid rgba(158, 145, 162, 0.2);
}
.fx-time-picker-input {
  display: block;
  height: 0;
  visibility: hidden;
  -moz-appearance: none;
}
.fx-time-picker-input:checked + label {
  color: #d43f27;
  font-weight: normal;
}
.fx-time-picker-input:checked + label:before {
  margin-right: 1rem;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-family: "Ionicons";
  font-size: 32px;
  color: white;
  background-color: #d43f27;
  content: " \f3ff";
}
.fx-time-picker-label {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  font-weight: 300;
  padding: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.fx-time-picker--buttons .fx-time-picker-label {
  padding: 0.5rem;
  display: block;
  width: auto;
}
.fx-time-picker--buttons .fx-time-picker-control-group {
  display: flex;
  flex-wrap: wrap;
}
.fx-time-picker--buttons .fx-time-picker-control-group .fx-time-picker-control {
  margin: 0.5rem;
  border: 1px solid #bac3c7;
  border-radius: 5px;
}
.fx-time-picker--buttons .fx-time-picker-input:checked + label {
  color: white;
  font-weight: bold;
  background-color: #d43f27;
  text-align: center;
}
.fx-time-picker--buttons .fx-time-picker-input:checked + label:before {
  display: none;
}
.fx-listing-item {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.fx-listing-item-title, .fx-listing-item-type {
  margin-bottom: 0.5rem;
}
.fx-listing-item-subtitle, .fx-listing-item-date {
  font-weight: 300;
  font-size: 0.9em;
  line-height: 17px;
  color: #1b1f22;
}
.fx-listing-item-type {
  font-size: 12px;
  padding-top: 0.5em;
  color: #d43f27;
}
.fx-one-time-password {
  min-width: 300px;
}
.fx-one-time-password-fields {
  display: flex;
  padding: 20px 0 0;
  justify-content: space-around;
  width: 60%;
  margin: 0 auto;
}
.fx-one-time-password-fields input {
  color: #341B38;
  font-size: 1.5rem;
  line-height: 4rem;
  background: none;
  border: none;
  text-align: center;
  border-bottom: 2px solid #e7e4e8;
  min-width: 0;
  margin-right: 20px;
  width: 16.6666666667%;
}
.fx-one-time-password-fields input:focus {
  border-bottom: 2px solid #e7e4e8;
}
.fx-one-time-password-fields input:last-child {
  margin-right: 0;
}
.fx-one-time-password-buttons {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 30px auto 0 auto;
}
.fx-one-time-password-button {
  width: 33.3333333333%;
  height: 60px;
  font-size: 24px;
  display: block;
  padding: 10px;
  color: #341B38;
  cursor: pointer;
}
.fx-one-time-password-button:hover {
  background-color: #eee;
  border-radius: 4px;
}
.fx-one-time-password-button:active {
  background-color: #ccc;
}
.fx-one-time-password-button--clear {
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fx-one-time-password-spacer {
  width: 33.3333333333%;
  height: 60px;
}
.fx-one-time-password-actions {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin: 0 auto;
}
.fx-one-time-password-one-time-code {
  visibility: hidden;
  position: absolute;
  left: -9999px;
}
.fx-one-time-password-error-message, .fx-one-time-password-info-message {
  text-align: left;
  width: 60%;
  margin: 10px auto 0 auto;
  font-size: 12px;
}
.fx-one-time-password-error-message {
  color: rgba(212, 26, 26, 0.822);
}
.fx-card {
  display: flex;
}
.fx-card-panel {
  position: relative;
  display: block;
  padding: 1rem;
  border-radius: 6px;
  margin-left: 0;
  flex-grow: 1;
  background-color: white;
  border: 1px solid #bac3c7;
  border-bottom-left-radius: 8px;
}
.fx-card-name {
  font-size: 12px;
  color: #7d7d7d;
}
.fx-card-right {
  display: flex;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
}
.fx-card-actions {
  display: flex;
}
.fx-card-edited {
  padding: 0 0 0 0.5rem;
  font-weight: 300;
  font-size: 12px;
  color: #7d7d7d;
}
.fx-card-avatar {
  display: block;
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  margin: 0.5rem 0.5rem 0;
  border-radius: 50%;
  overflow: hidden;
  clear: both;
}
.fx-card-avatar .fx-avatar {
  border: none;
}
.fx-card-title {
  display: block;
  margin-top: 0.5rem;
  font-size: 12px;
  line-height: 14px;
  color: #1b1f22;
  text-transform: uppercase;
}
.fx-card--conversation .fx-card-panel--primary {
  border-left: 8px solid #d43f27;
}
.fx-card--conversation .fx-card-panel--secondary {
  border-left: 8px solid #1b1f22;
}
.fx-card-description {
  white-space: pre-line;
  word-break: break-word;
}
.fx-card--align-right {
  margin-left: auto;
  margin-right: 0;
}
.fx-card--align-left {
  margin-left: 0;
  margin-right: auto;
}
.fx-card--align-centre {
  margin-left: auto;
  margin-right: auto;
}
.fx-card-edit-panel textarea {
  display: block;
  margin-bottom: 1rem;
}
.fx-card-edit-panel-buttons {
  display: flex;
  justify-content: flex-end;
}
.fx-card-edit-panel-buttons button:last-child {
  margin-left: 1rem;
}
.fx-card-loader {
  position: relative;
  min-height: 70px;
}
.fx-slide-up-menu {
  display: none;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  transition: all 0.3s;
  position: absolute;
}
.fx-pagination {
  position: relative;
  display: flex;
}
.fx-pagination-item {
  width: 0.25rem;
  height: 0.25rem;
  margin-left: 0.25rem;
  border-radius: 0.125rem;
  background-color: #d43f27;
  opacity: 0.4;
  transform: scale(1);
  transform-origin: center;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
}
.fx-pagination-item:first-child, .fx-pagination-item:last-child {
  margin: 0;
}
.fx-pagination-item:hover {
  opacity: 0.8;
  transform: scale(1.2);
}
.fx-pagination-item--active {
  opacity: 1;
  transform: scale(1.2);
}
.fx-pagination-item--animated {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.fx-pagination-item--animated:hover {
  opacity: 1;
}
.fx-pagination-item--inverted {
  background-color: white;
}
.fx-select {
  background-color: white;
  position: relative;
}
.fx-select--disabled {
  cursor: auto;
  opacity: 0.5;
}
.fx-select select {
  display: none;
}
.fx-select-option {
  background-color: white;
  cursor: pointer;
  padding: 0.5rem;
  border-bottom: 1px solid #fff;
  color: #d43f27;
}
.fx-select-option--disabled {
  cursor: auto;
  opacity: 0.5;
}
.fx-select-option:hover {
  background: #be3923;
  color: white;
}
.fx-select .fx-accordion-toggle {
  color: #d43f27;
}
.fx-select .fx-accordion-toggle--has-gutters {
  padding: 0.5rem;
}
.fx-select .fx-accordion-content--is-visible {
  position: absolute;
  z-index: 1;
  width: 100%;
  background-color: white;
}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fx-loading-status {
  height: 115px;
  overflow: hidden;
}
.fx-loading-status-content {
  padding-top: 100px;
  padding-top: 30px;
  -webkit-mask-image: -webkit-gradient(linear, left 10%, left top, from(black), to(rgba(0, 0, 0, 0)));
}
.fx-loading-status.animating .fx-loading-status-checkmark,
.fx-loading-status.animating .fx-loading-status-checkmark-check {
  transition: stroke 1s ease-in;
}
.fx-loading-status.animating .fx-loading-status-checkmark-circle {
  transition: fill 1s ease-in;
}
.fx-loading-status.animating .fx-loading-status-status {
  transition: opacity 1s ease-in;
}
.fx-loading-status.animating .fx-loading-status-statuses {
  transition: transform 1s ease;
}
.fx-loading-status-checkmark {
  display: block;
  height: 30px;
  border-radius: 50%;
  width: 30px;
  box-shadow: inset 0px 0px 0px 30px #d43f27;
  stroke-miterlimit: 10;
  stroke-width: 3;
  stroke: #d43f27;
}
.fx-loading-status-checkmark-circle {
  fill: white;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-miterlimit: 10;
  stroke-width: 8;
  stroke: #d43f27;
}
.fx-loading-status-checkmark-check {
  stroke-width: 4;
  stroke: #d43f27;
}
.fx-loading-status-box {
  height: 100%;
  -webkit-mask-image: -webkit-gradient(linear, left 50%, left bottom, from(black), to(rgba(0, 0, 0, 0)));
}
.fx-loading-status-statuses {
  transform: translate(0, 0px);
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.fx-loading-status-statuses-item {
  display: flex;
  padding-bottom: 10px;
  align-items: center;
  font-size: 15px;
  opacity: 0.5;
}
.fx-loading-status-statuses-item svg {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.fx-loading-status-statuses-item.active {
  opacity: 1;
}
.fx-loading-status-statuses-item.active .fx-loading-status-checkmark-circle {
  fill: #d43f27;
}
.fx-loading-status-statuses-item.active .fx-loading-status-checkmark-check {
  stroke: white;
}
/*
    ===================================================================================================================
    Name: switch
    Type: component
    Scope: all
    Description: Checkbox that looks and acts like a lightswitch, with a transition between the two states
    ===================================================================================================================
*/
.fx-switch {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-flex;
  width: 100%;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  color: #d43f27;
}
.fx-switch-container {
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.fx-switch-container input {
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.fx-switch-container input:disabled ~ .fx-switch-bar {
  opacity: 0.3;
  cursor: default;
}
.fx-switch-slider {
  height: 18px;
  width: 18px;
  background-color: white;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  cursor: inherit;
  transform: translateX(-40%);
  transition: transform 0.2s ease-in-out;
}
.fx-switch-slider:before {
  display: block;
  text-align: center;
  line-height: 18px;
  font-family: "Ionicons";
  font-size: 24px;
  color: #d43f27;
  content: "\f3ff";
  cursor: inherit;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.fx-switch-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: 36px;
  background-color: #1b1f22;
  border-radius: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.fx-switch--checked .fx-switch-slider {
  transform: translateX(40%);
}
.fx-switch--checked .fx-switch-slider:before {
  opacity: 1;
}
.fx-switch--checked .fx-switch-bar {
  background-color: #d43f27;
}
.fx-switch-content {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  display: inline-block;
  order: 0;
  line-height: inherit;
  margin-left: 1rem;
}
/*
    ===================================================================================================================

    Overwrite fx-ui components
    Keep this very limited, always source if an issue can be fixed with fx-ui first

    ===================================================================================================================
*/
.app-jst .fx-btn {
  padding: 0 1rem;
  line-height: 30px;
  text-transform: inherit;
  margin: 0 0.25rem;
}
.app-jst .fx-btn:disabled {
  cursor: default;
  background: inherit;
  color: inherit;
  border: 1px solid #1b1f22;
}
.app-jst .fx-form-input {
  padding: 0.35rem 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
}
.app-jst .fx-form-input:hover, .app-jst .fx-form-input:focus {
  border-bottom: 1px solid transparent;
}
.app-jst .is-mandatory:before {
  content: "";
  border-radius: 50%;
  width: 6px;
  height: 6px;
  background-color: #d43d27;
}
.app-jst .fx-form-label {
  padding: 0.5rem 0;
}
.app-jst .fx-form-input {
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.app-jst .fx-form-input:hover, .app-jst .fx-form-input:focus {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.app-jst .fx-form-input.has-error {
  border-bottom: 1px solid #d43d27;
}
.app-jst .fx-tabs-item {
  position: relative;
  text-transform: none;
  text-transform: initial;
}
.app-jst .fx-checkbox.fx-checkbox--engaged.mat-checkbox-checked .mat-checkbox-background {
  background-color: rgba(58, 179, 42, 0.769);
}
.app-jst .fx-select {
  background: transparent !important;
}
.app-jst .fx-select-option {
  padding: 1rem;
}
.app-jst .fx-select-option:hover {
  background: #d43f27;
}
.app-jst .fx-select--disabled {
  opacity: 0.5;
}
.app-jst .fx-select--disabled .fx-accordion-toggle {
  cursor: default;
}
.app-jst .fx-select--disabled .fx-accordion-toggle-icon {
  transform: rotate(0deg);
}
.app-jst .fx-select--disabled .fx-accordion-content {
  display: none;
}
.app-jst .fx-select .fx-accordion {
  border: none;
}
.app-jst .fx-select .fx-accordion-toggle {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: transparent;
  color: #1b1f22;
}
.app-jst .fx-select .fx-accordion-toggle--has-gutters {
  padding: 0.5rem 0;
}
.app-jst .fx-select .fx-accordion-toggle-icon {
  font-size: 1rem !important;
}
.app-jst .fx-select .fx-accordion-content {
  background: white;
}
.app-jst .fx-select .fx-accordion-content--is-visible {
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  text-align: left;
  overflow-y: auto;
  max-height: 18rem;
  min-width: 100px;
  z-index: 10000;
}
.app-jst .fx-select--curved .fx-accordion-toggle {
  font-weight: bold;
  border-radius: 20rem;
  border: 1px solid #d43f27;
  padding: 0.75rem;
  background: transparent;
  color: #d43f27;
}
.app-jst .fx-accordion {
  border: 1px solid #dee2e6;
}
.app-jst .fx-accordion-toggle {
  border: none;
  background: #e9ecef;
}
.app-jst .fx-accordion-toggle-icon {
  font-size: 1.5rem !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  border: 1px solid white;
  box-shadow: 0 0 0 50px white inset;
  background-color: white;
}
/**
 * Imports Manifest
 */
::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  position: fixed;
}
::-webkit-scrollbar-track {
  background: #dee2e6;
}
::-webkit-scrollbar-thumb {
  background: #adb5bd;
}
::-webkit-scrollbar-thumb:hover {
  background: #6c757d;
}
::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-thumb:vertical {
  border-radius: 6px;
}
/*
    ===================================================================================================================
    Name: Core mixins manifest for FX-UI
    Type: mixins
    Scope: all
    Description:
    This file imports all mixins required by FX-UI style guide
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Mixin 1:
    Name: Breakpoint
    Type: mixins
    Scope: all
    Description:
    Provides media queries for min widths passed in as parameters
    note: $size parameter should be a breakpoint defined in global _variables.scss


   =============================================================
   */
/*
    ===================================================================================================================
    Name: Grid
    Type: mixin
    Scope: layout
    Description:
    Mixin for creating CSS grids with flexbox fallback
    Note: It will be decided at some time that we need to support fallbacks for flexbox (floats)
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Core
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: fx-table
    Type: component
    Scope: JST pages
    Description:
    Reusable custom table component using divs
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
.fx-data-table-head-title--has-filter:after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
}
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Core functions manifest for FX-UI
    Type: functions
    Scope: all
    Description:
    This file imports all functions required by FX-UI style guide
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Px to rem
    Type: function
    Scope: all
    Description:
    Converts px measurements to rem
    @param $target {number} the number of pixels to convert
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Name: Components Manifest
    Type: Manifest
    Scope: components
    Description:
    Components manifest, no order is necessary here, however for neatness separate out by category
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: fx-data-table
    Type: component
    Scope: JST pages
    Description:
    Reusable custom table component using divs
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
.fx-data-table {
  font-size: 0.85rem;
  padding: 0 0.5rem;
  color: #1b1f22;
}
.fx-data-table-head {
  border-top: 1px solid #b8c5cb;
  border-bottom: 1px solid #c6d0d4;
  background-color: #e1e6e9;
}
.fx-data-table-head-title {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  line-height: 40px;
  text-transform: uppercase;
  color: #343a40;
  text-align: left;
}
.fx-data-table-head-title--has-filter:after {
  font-family: "Material Icons";
  content: "\e152";
  line-height: 40px;
  font-size: 1.5rem;
  color: #adb5bd;
}
.fx-data-table-head-subtitle {
  display: block;
  font-size: 0.85rem;
  line-height: 40px;
  text-transform: capitalize;
  color: #78868d;
}
.fx-data-table-head-control {
  display: block;
  padding: 0 12px;
  border: 1px solid transparent;
  line-height: 40px;
  font-size: 0.85rem;
  font-weight: 600;
}
.fx-data-table-summary {
  border-bottom: 1px solid #c6d0d4;
  line-height: 42px;
  color: #98abb4;
  background-color: #e1e6e9;
}
.fx-data-table-body {
  line-height: unset;
  font-size: 1rem;
}
.fx-data-table-head, .fx-data-table-summary, .fx-data-table-body {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}
.fx-data-table-row {
  padding: 0.5rem 0;
  color: #495057;
}
.fx-data-table-row--head {
  position: sticky;
  top: 80px;
  z-index: 0;
  border-top: none;
  background-color: #f2f6f6;
}
.fx-data-table-row--head .fx-data-table-head-title-link {
  color: #d43f27;
}
.fx-data-table-row--head .fx-data-table-head-title-link mat-icon {
  display: block;
  position: relative;
  top: -2px;
  left: 2px;
  width: 14px;
  height: 14px;
  font-size: 14px;
}
.fx-data-table-row--summary {
  min-height: 40px;
  line-height: 30px;
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  background-color: #e9ecef;
  color: #6c757d;
}
.fx-data-table-row--body {
  border-bottom: 1px solid #e8e8e8;
  padding: 30px 0;
  border-bottom: 1px solid #dee2e6;
  min-height: 40px;
  line-height: 30px;
  line-height: 1.3rem;
  align-items: center;
  transition: ease-in-out 0.3s;
  background-color: white;
}
.fx-data-table--client {
  font-size: 16px;
}
.fx-data-table--client .fx-data-table-row {
  display: block;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  overflow: hidden;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-row {
    display: grid;
    /* autoprefixer: off */
    grid-template-columns: repeat(auto-fit, 4.5454545455%);
    grid-template-rows: auto;
  }
}
.fx-data-table--client .fx-data-table-col--subregion {
  width: 9.0909090909%;
  flex: 0 0 9.0909090909%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-col--subregion {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--client .fx-data-table-col--status, .fx-data-table--client .fx-data-table-col--matter-partner, .fx-data-table--client .fx-data-table-col--matter-manager, .fx-data-table--client .fx-data-table-col--scoped {
  width: 13.6363636364%;
  flex: 0 0 13.6363636364%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-col--status, .fx-data-table--client .fx-data-table-col--matter-partner, .fx-data-table--client .fx-data-table-col--matter-manager, .fx-data-table--client .fx-data-table-col--scoped {
    width: unset;
    grid-column: span 3;
  }
}
.fx-data-table--client .fx-data-table-col--family-group {
  width: 22.7272727273%;
  flex: 0 0 22.7272727273%;
  padding: 0 0.5rem;
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #1b1f22;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-col--family-group {
    width: unset;
    grid-column: span 5;
  }
}
.fx-data-table--client .fx-data-table-col--prior-year, .fx-data-table--client .fx-data-table-col--selected-year {
  width: 13.6363636364%;
  flex: 0 0 13.6363636364%;
  padding: 0 0.5rem;
  float: left;
  text-align: right;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-col--prior-year, .fx-data-table--client .fx-data-table-col--selected-year {
    width: unset;
    grid-column: span 3;
  }
}
.fx-data-table--client .fx-data-table-col--details {
  width: 9.0909090909%;
  flex: 0 0 9.0909090909%;
  padding: 0 0.5rem;
  float: left;
  text-align: center;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-col--details {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--client .fx-data-table-col--scoped {
  text-align: right;
}
.fx-data-table--client .fx-data-table-col--scoped .fx-data-table-head-title {
  text-align: right;
}
.fx-data-table--client .fx-data-table-col--relationship {
  width: 9.0909090909%;
  flex: 0 0 9.0909090909%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-col--relationship {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--client .fx-data-table-col--scheduled-date {
  width: 9.0909090909%;
  flex: 0 0 9.0909090909%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client .fx-data-table-col--scheduled-date {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--client-expand {
  font-size: 16px;
}
.fx-data-table--client-expand .fx-data-table-row {
  display: block;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  overflow: hidden;
}
@supports (display: grid) {
  .fx-data-table--client-expand .fx-data-table-row {
    display: grid;
    /* autoprefixer: off */
    grid-template-columns: repeat(auto-fit, 6.6666666667%);
    grid-template-rows: auto;
  }
}
.fx-data-table--client-expand .fx-data-table-col--subregion {
  width: 13.3333333333%;
  flex: 0 0 13.3333333333%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client-expand .fx-data-table-col--subregion {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--client-expand .fx-data-table-col--matter-partner, .fx-data-table--client-expand .fx-data-table-col--matter-manager {
  width: 20%;
  flex: 0 0 20%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client-expand .fx-data-table-col--matter-partner, .fx-data-table--client-expand .fx-data-table-col--matter-manager {
    width: unset;
    grid-column: span 3;
  }
}
.fx-data-table--client-expand .fx-data-table-col--family-group {
  width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
  padding: 0 0.5rem;
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #1b1f22;
}
@supports (display: grid) {
  .fx-data-table--client-expand .fx-data-table-col--family-group {
    width: unset;
    grid-column: span 5;
  }
}
.fx-data-table--client-expand .fx-data-table-col--scoped {
  text-align: right;
}
.fx-data-table--client-expand .fx-data-table-col--scoped .fx-data-table-head-title {
  text-align: right;
}
.fx-data-table--client-expand-old {
  font-size: 16px;
}
.fx-data-table--client-expand-old .fx-data-table-row {
  display: block;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  overflow: hidden;
}
@supports (display: grid) {
  .fx-data-table--client-expand-old .fx-data-table-row {
    display: grid;
    /* autoprefixer: off */
    grid-template-columns: repeat(auto-fit, 7.6923076923%);
    grid-template-rows: auto;
  }
}
.fx-data-table--client-expand-old .fx-data-table-col--subregion {
  width: 15.3846153846%;
  flex: 0 0 15.3846153846%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client-expand-old .fx-data-table-col--subregion {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--client-expand-old .fx-data-table-col--matter-partner, .fx-data-table--client-expand-old .fx-data-table-col--matter-manager {
  width: 23.0769230769%;
  flex: 0 0 23.0769230769%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--client-expand-old .fx-data-table-col--matter-partner, .fx-data-table--client-expand-old .fx-data-table-col--matter-manager {
    width: unset;
    grid-column: span 3;
  }
}
.fx-data-table--client-expand-old .fx-data-table-col--family-group {
  width: 38.4615384615%;
  flex: 0 0 38.4615384615%;
  padding: 0 0.5rem;
  float: left;
  font-size: 15px;
  font-weight: 500;
  color: #1b1f22;
}
@supports (display: grid) {
  .fx-data-table--client-expand-old .fx-data-table-col--family-group {
    width: unset;
    grid-column: span 5;
  }
}
.fx-data-table--client-expand-old .fx-data-table-col--scoped {
  text-align: right;
}
.fx-data-table--client-expand-old .fx-data-table-col--scoped .fx-data-table-head-title {
  text-align: right;
}
.fx-data-table--engagement .fx-data-table-row {
  display: block;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  overflow: hidden;
}
@supports (display: grid) {
  .fx-data-table--engagement .fx-data-table-row {
    display: grid;
    /* autoprefixer: off */
    grid-template-columns: repeat(auto-fit, 4.1666666667%);
    grid-template-rows: auto;
  }
}
.fx-data-table--engagement .fx-data-table-col--family-group {
  width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
  padding: 0 0.5rem;
  float: left;
  font-weight: 600;
  font-size: 15px;
  color: #1b1f22;
}
@supports (display: grid) {
  .fx-data-table--engagement .fx-data-table-col--family-group {
    width: unset;
    grid-column: span 4;
  }
}
.fx-data-table--engagement .fx-data-table-col--prior-year, .fx-data-table--engagement .fx-data-table-col--selected-year {
  width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
  padding: 0 0.5rem;
  float: left;
  text-align: right;
}
@supports (display: grid) {
  .fx-data-table--engagement .fx-data-table-col--prior-year, .fx-data-table--engagement .fx-data-table-col--selected-year {
    width: unset;
    grid-column: span 4;
  }
}
.fx-data-table--engagement .fx-data-table-col--engaged, .fx-data-table--engagement .fx-data-table-col--engagement, .fx-data-table--engagement .fx-data-table-col--matter-partner, .fx-data-table--engagement .fx-data-table-col--matter-manager {
  width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--engagement .fx-data-table-col--engaged, .fx-data-table--engagement .fx-data-table-col--engagement, .fx-data-table--engagement .fx-data-table-col--matter-partner, .fx-data-table--engagement .fx-data-table-col--matter-manager {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--engagement .fx-data-table-col--engaged {
  text-align: right;
}
.fx-data-table--engagement .fx-data-table-col--engaged .fx-data-table-head-title {
  text-align: right;
}
.fx-data-table--engagement .fx-data-table-col--scheduled-date {
  width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--engagement .fx-data-table-col--scheduled-date {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table--engagement .fx-data-table-col--status {
  width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
  padding: 0 0.5rem;
  float: left;
}
@supports (display: grid) {
  .fx-data-table--engagement .fx-data-table-col--status {
    width: unset;
    grid-column: span 2;
  }
}
.fx-data-table-col--split {
  display: flex;
  flex-wrap: wrap;
}
.fx-data-table-col--sub {
  flex: 1;
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.fx-data-table-col-sort-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-left: 4px;
  transform: rotate(180deg);
  transition: all 0.2s ease;
  cursor: pointer;
}
.fx-data-table-col-sort-icon:hover {
  background-color: #ccc;
}
.fx-data-table-col-sort-icon--is-sorted {
  transform: rotate(0deg);
  color: white;
  background-color: #d43f27;
}
.fx-data-table-col-sort-icon--is-sorted:hover {
  background-color: #be3923;
}
.fx-data-table-col--details {
  font-weight: bold;
  color: #d43f27;
}
.fx-data-table-col--family-group {
  padding: 0 12px 0 50px !important;
}
.fx-data-table-empty {
  padding: 24px;
  text-align: center;
}
.fx-data-table-empty p {
  font-size: 0.95rem;
  color: #6c757d;
}
.fx-data-table-value {
  font-size: 1rem;
}
.fx-data-table-value--details {
  color: #d43f27;
  font-weight: bold;
  cursor: pointer;
}
.fx-data-table-value--details:hover {
  color: #be3923;
}
.fx-data-table-value--upper-case {
  text-transform: uppercase;
}
.fx-data-table-value--summary {
  width: 200px !important;
  height: 65px !important;
}
.fx-data-table-value--summary input {
  padding: 0.5rem;
  text-align: left;
}
.fx-data-table-value--description {
  width: 400px !important;
  height: 65px !important;
}
.fx-data-table-value--description textarea {
  padding: 0.5rem;
  padding-top: 0.75rem;
  text-align: left;
  outline: 0;
}
.fx-data-table-value--advancedOptions {
  flex-basis: 180px;
}
.fx-data-table-value--advancedOptions .product-configuration-options-column {
  flex-basis: 180px !important;
}
.fx-data-table-item {
  font-weight: 600;
  color: #495057;
}
@media only screen and (min-width: 1920px) {
  .fx-data-table-head-title {
    font-size: 1rem !important;
  }
}
/*
    ===================================================================================================================
    Name: fx-data-table-configration
    Type: component
    Scope: JST pages
    Description:
    Styling for fx-data-table config
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
.fx-data-table--config {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  flex-direction: row;
  margin-bottom: 150px;
  padding: 0;
}
.fx-data-table--config .fx-data-table-head,
.fx-data-table--config .fx-data-table-total {
  justify-content: flex-start;
}
.fx-data-table--config .fx-data-table-head {
  height: 80px;
}
.fx-data-table--config .fx-data-table-total {
  height: 60px;
}
.fx-data-table--config .fx-data-table-body {
  position: relative;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: visible;
  min-height: 65px;
  max-height: 65px;
  border-bottom: 1px solid #dee2e6;
}
.fx-data-table--config .fx-data-table-value {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0.5rem;
  font-weight: 600;
  min-width: 68px;
}
.fx-data-table--config .fx-data-table-value .reset {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  text-align: center;
  z-index: 2;
  border-radius: 8px;
  background: #d43f27;
}
.fx-data-table--config .fx-data-table-value .reset mat-icon {
  display: block;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  border-radius: 8px;
  color: white;
}
.fx-data-table--config .fx-data-table-value--crm-engagement {
  display: block;
  position: absolute;
  right: 2px;
  bottom: 2px;
  line-height: 14px;
  font-size: 11px;
  padding: 0 6px;
  border-radius: 4px;
  z-index: 10;
  background-color: #d43f27;
  color: white;
}
.fx-data-table--config .fx-data-table-value--is-assigned {
  display: block;
  position: absolute;
  right: 2px;
  top: 2px;
  line-height: 14px;
  font-size: 11px;
  padding: 0 6px;
  border-radius: 4px;
  z-index: 10;
  background-color: rgba(58, 179, 42, 0.769);
  color: white;
}
.fx-data-table--config .fx-data-table-scroll-block {
  flex: 1 1 auto;
  min-height: 500px;
}
.fx-data-table--config .fx-data-table-group--sticky-left, .fx-data-table--config .fx-data-table-group--sticky-right {
  flex: none;
}
.fx-data-table--config .fx-data-table-group--center {
  display: inline-flex;
  flex: auto;
  overflow: auto;
  min-height: 410px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value {
  width: 80px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value .fx-btn-group .mat-button-toggle-button {
  opacity: 1;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--level {
  width: 180px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--startDate,
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--endDate,
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--overrideScheduleStartDate,
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--targetedSigningDate,
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--dueDate {
  width: 180px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--year {
  width: 120px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--year fx-select {
  width: 100%;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--schedules {
  width: 340px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--complexity {
  width: 120px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--financialStatements {
  width: 152px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--name {
  width: 350px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--frequency {
  width: 150px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--amount {
  width: 110px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--delete {
  display: flex;
  align-self: flex-start;
  align-items: center;
  height: 56px;
  line-height: 56px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--feeType {
  width: 185px;
  overflow: hidden;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--successPercentage {
  width: 110px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--successValue {
  width: 110px;
}
.fx-data-table--config .fx-data-table-group--center .fx-data-table-value--advancedOptions {
  width: 180px;
}
.fx-data-table--config .fx-data-table-group--sticky-left {
  position: sticky;
  left: 0;
  border-right: 1px solid #adb5bd;
  width: 250px;
}
.fx-data-table--config .fx-data-table-group--sticky-left .fx-data-table-value {
  font-size: 0.95rem;
  line-height: 1.3rem;
  align-self: center;
  color: #2b3134;
}
.fx-data-table--config .fx-data-table-group--sticky-right {
  position: sticky;
  right: 0;
  box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 2;
  background-color: #e9ecef;
}
.fx-data-table--config .fx-data-table-group--sticky-right .fx-data-table-value {
  position: relative;
  flex: 0 0 auto;
  align-self: center;
  justify-content: center;
}
.fx-data-table--config .fx-data-table-group--sticky-right .fx-data-table-value .fx-form-input {
  width: 46px;
  height: 40px;
}
.fx-data-table--config .fx-data-table-group--sticky-right .fx-data-table-value.fx-data-table-value--value {
  flex-basis: 120px;
}
.fx-data-table--config .fx-data-table-group--sticky-right .fx-data-table-value.fx-data-table-value--value .cell-textbox {
  text-align: right;
  padding-right: 10px;
}
.fx-data-table--config .fx-data-table-group--sticky-right .fx-data-table-value-total-amount {
  width: 100%;
}
.fx-data-table--config .fx-data-table-group--sticky-right--reduce-width {
  width: 250px !important;
}
.fx-data-table--config .fx-data-table-head {
  background-color: #dee2e6;
}
.fx-data-table--config .fx-data-table-total {
  display: flex;
  align-items: center;
  align-self: flex-end;
  min-height: 64px;
  padding: 0 0.5rem;
  font-size: 20px;
  background-color: #dee2e6;
  color: #1b1f22;
}
.fx-data-table--config .fx-data-table-total .fx-data-table-value {
  flex: none;
  justify-content: flex-end;
}
.fx-data-table--config .fx-data-table-total-amount {
  align-items: flex-end;
  font-weight: bold;
  justify-content: flex-end;
}
/*
    ===================================================================================================================
    Name: fx-month-picker
    Type: component
    Scope: JST pages
    Description:
    Reusable component for selection of single/multiple months in year

    Naming convention (BEM like)
    BLOCK: fx-block / fx-block-descriptor
    ELEMENTS: fx-block-element / fx-block-descriptor-element
    MODIFIERS: fx-block-element--modifier / fx-block-descriptor-element--modifier

    Examples
    fx-btn / fx-btn-primary / fx-btn-seconday / fx-btn-teriary
    fx-btn-icon / fx-btn-primary-icon / fx-btn-secondary-icon / fx-btn-teriary-icon
    fx-btn--is-active / fx-btn-primary--is-active / fx-btn-seconday--is-active / fx-btn-teriary--is-active
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
.fx-month-picker-toggle {
  position: relative;
  display: block;
  width: 50px;
  height: 40px;
  padding: 0 10px;
  border: 0;
  line-height: 40px;
  background-color: #90a4ae;
  color: white;
  font-size: 14px;
  display: none;
}
.fx-month-picker-items {
  z-index: 1;
  display: flex;
  box-shadow: 2px 2px 7px #ccc;
  background-color: white;
}
.fx-month-picker-item {
  border-right: 1px solid #ccc;
}
.fx-month-picker-item--is-selected {
  background-color: #095fdc;
  color: white;
}
.fx-month-picker-item:last-child {
  border-right: none;
}
.fx-month-picker-checkbox, .fx-month-picker-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.fx-month-picker-checkbox:checked + label, .fx-month-picker-radio:checked + label {
  background: #095fdc;
  color: #fff;
}
.fx-month-picker-checkbox:checked + label:hover, .fx-month-picker-checkbox:checked + label:focus, .fx-month-picker-radio:checked + label:hover, .fx-month-picker-radio:checked + label:focus {
  background: #074aab;
  color: #fff;
}
.fx-month-picker-checkbox:checked + .fx-month-picker-label-engaged, .fx-month-picker-radio:checked + .fx-month-picker-label-engaged {
  background: rgba(58, 179, 42, 0.769);
  color: #fff;
}
.fx-month-picker-label, .fx-month-picker-close {
  position: relative;
  display: inline-block;
  padding: 0 9px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  background-color: white;
  color: #7d8386;
  cursor: pointer;
}
.fx-month-picker-label:focus, .fx-month-picker-label:hover, .fx-month-picker-close:focus, .fx-month-picker-close:hover {
  background-color: #074aab;
  color: white;
}
.fx-month-picker-label-disabled, .fx-month-picker-close-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.fx-month-picker-label--is-selected {
  background-color: #095fdc;
  color: white;
}
.fx-month-picker-label--is-selected:focus, .fx-month-picker-label--is-selected:hover {
  background-color: #074aab;
  color: white;
}
.fx-month-picker-label-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.fx-month-picker-label-engaged {
  background-color: rgba(58, 179, 42, 0.769);
}
.fx-month-picker-close {
  border: 0;
}
/*
    ===================================================================================================================
    Name: fx-single-multi-picker
    Type: component
    Scope: JST pages
    Description:
    Reusable single-multi component for selection of single/multiple months in year

    Naming convention (BEM like)
    BLOCK: fx-block / fx-block-descriptor
    ELEMENTS: fx-block-element / fx-block-descriptor-element
    MODIFIERS: fx-block-element--modifier / fx-block-descriptor-element--modifier

    Examples
    fx-btn / fx-btn-primary / fx-btn-seconday / fx-btn-teriary
    fx-btn-icon / fx-btn-primary-icon / fx-btn-secondary-icon / fx-btn-teriary-icon
    fx-btn--is-active / fx-btn-primary--is-active / fx-btn-seconday--is-active / fx-btn-teriary--is-active
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
.fx-single-multi-picker {
  position: relative;
  height: 42px;
  line-height: 42px;
}
.fx-single-multi-picker-items {
  position: relative;
  z-index: 10;
  display: none;
  max-height: 0;
  height: 42px;
  margin-left: 2px;
  line-height: 42px;
  overflow: hidden;
  background-color: white;
}
.fx-single-multi-picker-items--is-visible {
  position: absolute;
  top: 0;
  left: 123px;
  display: flex;
  width: 100%;
  height: 100%;
  height: 42px;
  line-height: 42px;
  max-height: 1000px;
  overflow: visible;
}
.fx-single-multi-picker-item {
  display: block;
  float: left;
  height: 42px;
  line-height: 42px;
}
.fx-single-multi-picker-item--is-selected {
  background-color: #095fdc;
  color: white;
}
.fx-single-multi-picker-toggle {
  position: relative;
  display: block;
  float: left;
  height: 42px;
  height: 42px;
  margin-left: -1px;
  padding: 0 6px;
  border: 0;
  line-height: 42px;
  font-size: 14px;
  cursor: pointer;
  color: #7d8386;
  text-align: center;
  border: 1px solid #90a4ae;
  letter-spacing: 1px;
  font-weight: bold;
}
.fx-single-multi-picker-toggle--is-active {
  background-color: #095fdc;
}
.fx-single-multi-picker-toggle--is-active:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1px;
  height: 24px;
  background-color: #095fdc;
  content: "";
}
.fx-single-multi-picker-toggle:focus, .fx-single-multi-picker-toggle:hover {
  background-color: #05357a;
}
.fx-single-multi-picker-toggle-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.fx-single-multi-picker-summary {
  position: absolute;
  padding-left: 2px;
  font-size: 14px;
  font-weight: 600;
  color: #6c757d;
}
.fx-single-multi-picker-checkbox {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.fx-single-multi-picker-checkbox:hover + label, .fx-single-multi-picker-checkbox:focus + label {
  background-color: #90a4ae;
  color: white;
}
.fx-single-multi-picker-checkbox:checked + label {
  background-color: #095fdc;
  color: #fff;
}
.fx-single-multi-picker-checkbox:checked + label:hover, .fx-single-multi-picker-checkbox:checked + label:focus {
  background-color: #05357a;
  color: #fff;
}
.fx-single-multi-picker-checkbox:checked:hover + label, .fx-single-multi-picker-checkbox:checked:focus + label {
  background-color: #05357a;
  color: #fff;
}
.fx-single-multi-picker-label, .fx-single-multi-picker-close {
  position: relative;
  display: block;
  width: 50px;
  float: left;
  font-size: 14px;
  padding: 0 12px;
  line-height: 40px;
  background-color: white;
  color: #7d8386;
  text-align: center;
  cursor: pointer;
  border: 1px solid #90a4ae;
  border-right: none;
}
.fx-single-multi-picker-label:focus, .fx-single-multi-picker-label:hover, .fx-single-multi-picker-close:focus, .fx-single-multi-picker-close:hover {
  background-color: #05357a;
  color: white;
}
.fx-single-multi-picker-label-disabled, .fx-single-multi-picker-close-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.fx-single-multi-picker-label--is-selected {
  background-color: #095fdc;
  color: white;
}
.fx-single-multi-picker-label--is-selected:focus, .fx-single-multi-picker-label--is-selected:hover {
  background-color: #05357a;
  color: white;
}
.fx-single-multi-picker-label-disabled {
  cursor: default;
  opacity: 0.5;
  pointer-events: none;
}
.fx-single-multi-picker-close {
  border-right: 1px solid #90a4ae;
  height: 42px;
  padding: 0 20px;
  background-color: #d9e1e4;
}
.fx-single-multi-picker > .fx-single-multi-picker-item:nth-child(2) .fx-single-multi-picker-label {
  border-right: 1px solid #90a4ae;
}
/*  
    ===================================================================================================================
    Name: fx-btn-group
    Type: component
    Scope: JST pages
    Description: 
    Reusable button group component for single/multi-select

    Naming convention (BEM like)
    BLOCK: fx-block / fx-block-descriptor
    ELEMENTS: fx-block-element / fx-block-descriptor-element
    MODIFIERS: fx-block-element--modifier / fx-block-descriptor-element--modifier

    Examples
    fx-btn / fx-btn-primary / fx-btn-seconday / fx-btn-teriary
    fx-btn-icon / fx-btn-primary-icon / fx-btn-secondary-icon / fx-btn-teriary-icon
    fx-btn--is-active / fx-btn-primary--is-active / fx-btn-seconday--is-active / fx-btn-teriary--is-active
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Imports 
    SASS @imports area
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
.fx-btn-group {
  position: relative;
  height: 40px;
}
.fx-btn-group-checkbox, .fx-btn-group-radio {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.fx-btn-group-checkbox:hover + label, .fx-btn-group-checkbox:focus + label, .fx-btn-group-radio:hover + label, .fx-btn-group-radio:focus + label {
  background-color: #90a4ae;
  color: white;
}
.fx-btn-group-checkbox:checked + label, .fx-btn-group-radio:checked + label {
  background: #095fdc;
  color: white;
}
.fx-btn-group-checkbox:checked + label:hover, .fx-btn-group-checkbox:checked + label:focus, .fx-btn-group-radio:checked + label:hover, .fx-btn-group-radio:checked + label:focus {
  background: #05357a;
  color: white;
}
.fx-btn-group--engaged.mat-button-toggle-checked .mat-button-toggle-label-content {
  background-color: rgba(58, 179, 42, 0.769);
}
.fx-btn-group-label {
  position: relative;
  display: inline-block;
  font-size: 14px;
  padding: 0 12px;
  line-height: 40px;
  background-color: white;
  color: #7d8386;
  text-align: center;
  cursor: pointer;
}
.fx-btn-group-label--is-selected {
  background-color: #095fdc;
  color: white;
}
.fx-btn-group-label:focus, .fx-btn-group-label:hover {
  background-color: #90a4ae;
  color: white;
}
.fx-btn-group--outline .fx-btn-group-label {
  background-color: transparent;
  border-top: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
}
.fx-btn-group--outline .fx-btn-group-label:last-child {
  border-right: 1px solid #ced4da;
}
.fx-btn-group--sm {
  height: 24px;
}
.fx-btn-group--sm .fx-btn-group-label {
  line-height: 24px;
}
/*
    ===================================================================================================================
    Name: chips
    Type: material custom component
    Scope: all
    Description: show list or set of items
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-chip {
  color: #f7f7f7;
}
.fx-chip i {
  cursor: pointer;
}
.fx-chip--approved {
  background: #00b25d;
}
.fx-chip--manual {
  background: #0672bc;
}
.fx-chip--not-created {
  background: #adb5bd;
}
.fx-chip--not-required {
  color: #adb5bd;
}
.fx-chip--not-scoped {
  background: #ed4562;
}
.fx-chip--created {
  background: #ff934a;
}
.fx-chip--scoping {
  background: #ff934a;
}
.fx-chip--scoped {
  background: #f9c215;
}
.fx-chip--open {
  background: #f9c215;
}
.fx-chip--draft {
  background: #f9c215;
}
.fx-chip--scheduled {
  background: #0672bc;
}
.fx-chip--scheduled-manual {
  background: #0672bc;
}
.fx-chip--sent {
  background: #8e5dc1;
}
.fx-chip--sendFailed {
  background: #ed4562;
}
.fx-chip--signed {
  background: #1b1f22;
}
.fx-chip--tasked {
  background: #0672bc;
}
.fx-chip--crm-opportunity {
  background: #0672bc;
}
/* 
    ===================================================================================================================
    Name: draggable items
    Type: component
    Scope: all
    Description: component to move items

    Examples
    fx-drag-items    
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-drag-items-header {
  cursor: move;
}
.fx-drag-items-hint {
  border: 2px dashed #095fdb;
}
.fx-drag-items-drag {
  border: 1px solid #555;
}
.fx-drag-items-transit {
  border: 1px solid #095fdb;
}
.fx-drag-items-handle:hover {
  border: 1px solid #095fdb;
}
.fx-drag-items-handle:hover * {
  cursor: move;
}
.fx-drag-items-drag-over {
  background-color: #095fdb;
  border: 2px dashed #095fdb;
}
.fx-drag-items-item {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  color: #343a40;
  cursor: default;
}
.fx-drag-items-item:hover {
  background: transparent;
}
.fx-drag-items-item--move {
  background: #d43f27;
  color: #e9ecef;
  cursor: move;
}
.fx-drag-items-item--move:hover {
  background: #be3923;
}
.fx-drag-items-item-title {
  flex: 0 1 66%;
  line-height: 1.3rem;
  font-weight: 600;
}
.fx-drag-items-item fx-chip {
  flex: 0 0 10%;
}
.fx-drag-items-item-amount {
  flex: 0 0 34%;
  text-align: right;
  align-self: center;
  font-weight: 600;
}
.fx-drag-items-item-badge {
  display: flex;
  flex: 0 0 34%;
}
.fx-drag-items-item-remove {
  flex: 0 0 30px;
  text-align: center;
  line-height: 20px;
  margin: 10px -10px 0 10px !important;
}
.fx-drag-items-item-remove mat-icon {
  cursor: pointer;
}
.fx-drag-items-item-errors {
  margin-left: 12px;
  list-style: none;
  font-size: 13px;
  color: rgba(212, 26, 26, 0.822);
}
/* 
    ===================================================================================================================
    Name: icons
    Type: material custom component
    Scope: all
    Description: Material icons
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-icon--warning {
  color: #ff934a;
}
.fx-icon--danger {
  color: rgba(212, 26, 26, 0.822);
}
.fx-icon--success {
  color: rgba(58, 179, 42, 0.769);
}
.fx-icon--info {
  color: #ff934a;
}
/*  
    ===================================================================================================================
    Name: fx-progress
    Type: component
    Scope: JST pages
    Description: 
    Reusable progress indicator

    Naming convention (BEM like)
    BLOCK: fx-block / fx-block-descriptor
    ELEMENTS: fx-block-element / fx-block-descriptor-element
    MODIFIERS: fx-block-element--modifier / fx-block-descriptor-element--modifier

    Examples
    fx-btn / fx-btn-primary / fx-btn-seconday / fx-btn-teriary
    fx-btn-icon / fx-btn-primary-icon / fx-btn-secondary-icon / fx-btn-teriary-icon
    fx-btn--is-active / fx-btn-primary--is-active / fx-btn-seconday--is-active / fx-btn-teriary--is-active
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Imports 
    SASS @imports area
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*  
    ===================================================================================================================
    Base
    Common styles that apply grouped selectors i.e. .fx-block, .fx-block-descriptor {}
    Note: You may use [class*=""], [class^=""] etc.. but be careful
    ===================================================================================================================
*/
:host {
  display: block;
  width: 100%;
}
.fx-progress {
  position: relative;
  color: #acbcc3;
  font-size: 16px;
}
.fx-progress-stage {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.fx-progress-summary {
  width: 100%;
  margin: 0 2px;
  padding: 0 0 6px 0;
  color: #82949d;
}
.fx-progress-step {
  position: relative;
  margin: 0 2px;
  border-top: 6px solid #c2cdd3;
  font-size: 14px;
  padding-top: 6px;
  color: #65737a;
  flex: 1;
  line-height: 1.1rem;
  cursor: pointer;
}
.fx-progress-step:hover, .fx-progress-step:focus {
  border-color: #839198 !important;
  color: #566268;
  font-weight: 600;
}
.fx-progress-step--valid {
  cursor: pointer;
}
.fx-progress-step--active {
  border-color: rgba(58, 179, 42, 0.769);
  color: black;
  font-weight: bold;
}
.fx-progress-step--active:hover, .fx-progress-step--active:focus {
  border-color: #839198 !important;
  color: #566268 !important;
  font-weight: 600;
}
/*  
    ===================================================================================================================
    States
    Media queries zone
    Note: media queries should be avoided in components where possible as they are deemed part of layout styles, there
    are exceptions to this rule - if providing media queries in components please commment why
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Name: title
    Type: component
    Scope: all
    Description: component for titles

    Examples
    fx-title
    fx-title--subheading    
    fx-title--left    
    fx-title--right    
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Imports
    SASS @imports area
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-title {
  display: flex;
  padding: 0.5rem;
  cursor: default;
}
.fx-title--subheading {
  font-size: 0.75rem;
  padding: 0 0.5rem;
}
.fx-title--left {
  flex: 0 0 50%;
}
.fx-title--right {
  flex: 0 0 50%;
  text-align: right;
}
/* 
    ===================================================================================================================
    Name: card
    Type: material custom component
    Scope: all
    Description: Small component for accordion style cards
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars by assigning to local variable to prevent overriding their values, use global
    placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/* 
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-card {
  display: block;
  border: 1px solid #dee2e6;
}
.fx-card-header {
  font-weight: 600;
  padding: 1rem;
  background-color: #e9ecef;
}
.fx-card-content {
  font-weight: 600;
  padding: 0.5rem 0;
  background-color: white;
}
.fx-page-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fx-page-header-row {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 1rem;
  height: 68px;
}
.fx-page-header-row--scope {
  background-color: #e9ecef;
}
.fx-page-header-row--family-group {
  background-color: white;
}
.fx-page-header-name, .fx-page-header-settings, .fx-page-header-progress {
  flex: 1 1 auto;
}
.fx-page-header-name {
  flex-basis: 25%;
  flex-grow: 0;
}
.fx-page-header-name-title {
  margin: 0;
}
.fx-page-header-name-count {
  font-size: 18px;
  color: #6c757d;
}
.fx-page-header-title {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.fx-page-header-subtitle {
  text-transform: capitalize;
  font-size: 0.875rem;
  color: #6c757d;
  margin-bottom: 0;
}
.fx-page-header-search {
  width: 100%;
}
.fx-page-header-settings {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  min-height: 58px;
}
.fx-page-header-settings .fx-btn-group {
  margin-right: 4px;
  height: 25px;
}
.fx-page-header-settings .fx-btn {
  margin: 0 5px 0px 5px;
  display: block;
  line-height: 15px;
  line-height: 15px !important;
  border-radius: 3px;
}
.fx-page-header-settings .fx-btn--primary {
  border: 1px solid blue !important;
}
.fx-contextual-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  color: #6c757d;
  font-weight: 400;
}
.fx-pagination {
  justify-content: center;
  padding: 1rem;
}
.fx-pagination li.current {
  border-radius: 4px;
  color: white;
  background-color: #d43f27;
}
/* 
    ===================================================================================================================
    Name: Layouts Manifest
    Type: Manifest
    Scope: layouts
    Description:
    Layouts manifest, no order is necessary here, however for neatness separate out by order of pages 
    in sitemap
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Name: Core layout
    Type: Layout
    Scope: layouts
    Description:
    Core global layout scss for header, footer, sidebar and main
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-l-header {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  width: 100%;
  height: 80px;
  z-index: 10;
  background: #d43f27;
}
.fx-l-header-brand {
  padding: 1rem 0 0.5rem 2rem;
}
.fx-l-header-brand img {
  width: 250px;
}
.fx-l-header-links {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: stretch;
}
.fx-l-header-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  padding: 1rem;
  text-align: center;
}
.fx-l-header-link-item {
  cursor: pointer;
  color: white;
}
.fx-l-header-link-item-icon {
  display: block;
}
.fx-l-header-link-item-text {
  display: block;
  font-size: 14px;
}
.fx-l-header-link-user {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  padding-right: 0.5rem;
}
.fx-l-header-link-user-image {
  flex: 0 0 30%;
}
.fx-l-header-link-user-image img {
  height: 2.5rem;
  border-radius: 10rem;
}
.fx-l-header-link-user-text {
  flex: 0 0 70%;
  text-align: left;
  margin-left: 0.5rem;
  color: white;
}
.fx-l-header-link-user-text-name {
  max-width: 200px;
}
.fx-l-side {
  position: fixed;
  left: 0;
  top: 80px;
  width: 80px;
  height: calc(100vh - 80px);
  z-index: 10;
  background-color: #1b1f22;
}
.fx-l-side-item {
  display: block;
  padding: 1.25rem 0;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-align: center;
  height: 80px;
  color: white;
}
.fx-l-side-item-image {
  width: 20px;
}
.fx-l-side-item:hover {
  background: #be3923;
}
.fx-l-side-item--active {
  background: #d43f27;
  color: white;
}
.fx-l-side-item-title {
  display: block;
  line-height: 0.7rem;
  margin-top: 4px;
}
.fx-l-main {
  position: relative;
  top: 80px;
  left: 80px;
  width: calc(100% - 80px);
  min-height: calc(100vh - 80px);
  background: #fff;
}
.fx-l-main-banner {
  padding: 0.5rem 1rem;
  background-color: #ffb200;
  color: white;
}
.fx-l-main-banner-link {
  font-weight: bold;
  border-bottom: 1px solid white;
  color: white;
}
.fx-l-page {
  min-height: calc(100vh - 80px);
  background-color: white;
}
.fx-l-footer {
  background-color: white;
}
/*
    ===================================================================================================================
    Name:  Listing pages Layout
    Type: Layout
    Scope: A page layout
    Description:
    Single page layout. Only affects one page. Uses minimal fx-l classes and allows selecting fx-components
    directly as long as the specificity is max 0.2.0 (two classes - https://specificity.keegan.st/)
    Note: selectors should not pierce the fx-component base element into the children - internal layout is a
    concern of the components

    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Config
    Local vars, placeholders, mixins and functions
    Note: Reference global vars, placeholders, mixins and functions before writing your own
    ===================================================================================================================
*/
/*
    ===================================================================================================================
    Core
    The actual rule declaration with nested elements and modifiers
    ===================================================================================================================
*/
.fx-l-product-tabs {
  display: flex;
  position: sticky;
  top: 80px;
  align-items: flex-end;
  justify-content: center;
}
.fx-l-product-actions-navigation {
  position: absolute;
  right: 16px;
  top: -54px;
  text-align: right;
}
.fx-l-product-actions-navigation-button {
  margin: 0 0.3333333333rem;
}
.fx-l-product-list {
  display: block;
  width: 100%;
}
.fx-l-product-list-layout {
  display: flex;
}
.fx-l-product-list-layout-search {
  flex: 0 0 336px;
}
.fx-l-product-list-layout-content {
  overflow-x: auto;
}
.fx-l-product-list-layout-subtitle {
  margin: 0;
  padding: 24px 24px 0 24px;
  font-size: 14px;
  color: #adb5bd;
}
.fx-l-product-list-layout-title {
  margin: 0;
  padding: 0 24px 24px 24px;
}
.fx-l-product-list-table {
  position: relative;
  min-width: calc(100vw - 418px);
  min-height: calc(100vh - 326px);
}
.fx-l-product-list-table-empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.fx-l-product-list-table-empty-paragraph {
  font-size: 14px;
  margin-top: 0;
}
.fx-l-product-list-table--empty-cell {
  flex: 0 0 180px;
  border-right: 1px solid #d7dee2;
}
.fx-l-product-list-table .fx-table-head {
  display: flex;
  flex-wrap: nowrap;
  flex-grow: 1;
}
.fx-l-product-list-table .fx-table-head-group {
  flex-grow: 1;
  padding: 0.25rem;
  font-size: 0.8rem;
  font-size: 13px;
  line-height: 1.1rem;
  text-transform: none;
  font-weight: 700;
  overflow: hidden;
  color: black;
  cursor: default;
}
.fx-l-product-list-table .fx-table-head-title {
  flex-grow: 1;
  font-size: 13px;
  line-height: 1.1rem;
  text-transform: none;
  font-weight: 700;
  padding-left: 0.25rem;
  overflow: hidden;
  cursor: default;
}
.fx-l-product-list-table .fx-table-head-row {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: nowrap;
  align-items: initial;
  min-height: 62px;
  overflow: unset;
  background: #e1e6e9;
  color: #65737a;
}
.fx-l-product-list-table .fx-table-head-cell {
  float: left;
  display: flex;
  justify-content: center;
  background: #e1e6e9;
}
.fx-l-product-list-table .fx-table-head-cell--multi-option {
  flex: 0 0 180px;
  width: 180px;
}
.fx-l-product-list-table .fx-table-head-cell--number, .fx-l-product-list-table .fx-table-head-cell--boolean {
  flex: 0 0 120px;
  width: 120px;
}
.fx-l-product-list-table .fx-table-body {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}
.fx-l-product-list-table .fx-table-body-row {
  display: inline-flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  min-width: calc(100vw - 418px);
  min-height: 70px;
  border-bottom: 1px solid #d7dee2;
}
.fx-l-product-list-table .fx-table-body-row:not(.fx-select-all):hover {
  background: #ebeef0 !important;
}
.fx-l-product-list-table .fx-table-body-row:not(.fx-select-all):hover .fx-table-body-cell {
  background: #ebeef0 !important;
}
.fx-l-product-list-table .fx-table-body-cell {
  display: flex;
  float: left;
  align-items: center;
}
.fx-l-product-list-table .fx-table-body-cell:first-child {
  flex: 0 0 180px;
  text-overflow: ellipsis;
  justify-content: flex-end;
  overflow: hidden;
  width: 180px;
  padding: 5px 5px;
  margin-right: 8px;
  border-right: 1px solid #d7dee2;
  line-height: 1.2rem;
  z-index: 40;
  cursor: default;
  background-color: #f9f9f9;
}
.fx-l-product-list-table .fx-table-body-cell--multi-option {
  flex: 0 0 180px;
  width: 180px;
}
.fx-l-product-list-table .fx-table-body-cell--boolean, .fx-l-product-list-table .fx-table-body-cell--number, .fx-l-product-list-table .fx-table-body-cell--text {
  flex: 0 0 120px;
  width: 120px;
}
.fx-l-product-columns {
  width: 100%;
}
.fx-l-product-columns .fx-tabs {
  border-bottom: 1px solid #adb5bd;
}
.fx-l-product-columns .fx-tabs-item {
  padding: 0.5rem 2rem;
}
.fx-l-product-columns .fx-tabs-heading {
  font-size: 16px;
}
.fx-l-product-table {
  position: relative;
  min-width: calc(100vw - 418px);
  min-height: calc(100vh - 326px);
}
.fx-l-product-table .fx-checkbox {
  z-index: 0;
}
.fx-l-product-table .fx-select-all {
  position: relative;
  z-index: 8;
  opacity: 0.4;
  border-bottom: 2px solid #d7dee2;
}
/* 
    ===================================================================================================================
    Name: config Page LAYOUT
    Type: Layout
    Scope: config pages 
    Description: Scope to extend across all config pages 
    ===================================================================================================================
*/
.fx-l-config {
  display: block;
  width: 100%;
  background-color: #e9ecef;
}
.fx-l-config .fx-page-header-content {
  align-items: flex-end;
}
.fx-l-config .fx-page-header-content--steps {
  background-color: #ced4da;
}
.fx-l-config .fx-page-header .fx-progress {
  flex: 1 0 50%;
}
.fx-l-config .fx-page-header .fx-progress-current-stage {
  flex: 0 0 100%;
  margin-bottom: 0;
}
.fx-l-config .fx-page-header-pagination {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.fx-l-config-options {
  position: relative;
  border-bottom: 1px solid #adb5bd;
  background-color: #f7f7f7;
}
.fx-l-config-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1rem;
  background-color: #f7f7f7;
}
.fx-l-config-filter-settings {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.fx-l-config-filter-settings .fx-btn-group {
  flex: 1 1 auto;
  margin: 0.5rem;
}
.fx-l-config-legend {
  display: flex;
  justify-content: flex-start;
  padding: 12px 24px;
}
.fx-l-config-legend-item {
  position: relative;
  font-size: 12px;
}
.fx-l-config-legend-item i {
  left: -10px;
  top: 5px;
  right: unset;
}
.fx-l-config-table {
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .fx-l-config .fx-tabs-item {
    font-size: 1rem;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.core.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.bubble.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-bubble.ql-toolbar:after,
.ql-bubble .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble.ql-toolbar button,
.ql-bubble .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble.ql-toolbar button svg,
.ql-bubble .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble.ql-toolbar button:active:hover,
.ql-bubble .ql-toolbar button:active:hover {
  outline: none;
}
.ql-bubble.ql-toolbar input.ql-image[type=file],
.ql-bubble .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble.ql-toolbar button:hover,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar button:focus,
.ql-bubble .ql-toolbar button:focus,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
  color: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #fff;
}
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:focus .ql-stroke,
.ql-bubble .ql-toolbar button:focus .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #fff;
}
@media (pointer: coarse) {
  .ql-bubble.ql-toolbar button:hover:not(.ql-active),
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
    color: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #ccc;
  }
}
.ql-bubble {
  box-sizing: border-box;
}
.ql-bubble * {
  box-sizing: border-box;
}
.ql-bubble .ql-hidden {
  display: none;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top {
  visibility: hidden;
}
.ql-bubble .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke {
  fill: none;
  stroke: #ccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-miter {
  fill: none;
  stroke: #ccc;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #ccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-thin,
.ql-bubble .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #ccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: #777;
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-label::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-label::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-label::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0px;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #fff;
}
.ql-bubble .ql-tooltip {
  background-color: #444;
  border-radius: 25px;
  color: #fff;
}
.ql-bubble .ql-tooltip-arrow {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
}
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
  border-bottom: 6px solid #444;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
  border-top: 6px solid #444;
  bottom: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  height: 100%;
  outline: none;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #ccc;
  content: "\D7";
  font-size: 16px;
  font-weight: bold;
}
.ql-container.ql-bubble:not(.ql-disabled) a {
  position: relative;
  white-space: nowrap;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before {
  background-color: #444;
  border-radius: 15px;
  top: -5px;
  font-size: 12px;
  color: #fff;
  content: attr(href);
  font-weight: normal;
  overflow: hidden;
  padding: 5px 15px;
  text-decoration: none;
  z-index: 1;
}
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  border-top: 6px solid #444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  top: 0;
  content: " ";
  height: 0;
  width: 0;
}
.ql-container.ql-bubble:not(.ql-disabled) a::before,
.ql-container.ql-bubble:not(.ql-disabled) a::after {
  left: 0;
  margin-left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: visibility 0s ease 200ms;
  visibility: hidden;
}
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
  visibility: visible;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}


/*# sourceMappingURL=styles.6ad2d307dd7723ec.css.map*/